像素范儿吧 关注:250贴子:485
  • 4回复贴,共1

设计中的重要细节

只看楼主收藏回复

转自公众号: 路口右转
一款产品的成功是基于一系列因素,但整体使用者体验至上。 当设计一个新的应用程序或一个网站时,坚持最佳实践是一个坚实的途径,但是在创建大图的过程中,撇开设计元素非常容易。 然而,好的和坏的经验之间的区别往往归结为我们如何深思熟虑地设计这些细节。

在本文中,我将重点介绍视觉反馈,微视窗和空白,您将看到为什么这些小细节与设计中更明显的要素一样重要,以及它们如何帮助您确定产品的成功。
视觉反馈
视觉反馈可能在更大的设计方案中容易被忽略,但它实际上将整个体验结合在一起。 当没有任何反馈时,没有正确的互动。 想像一下,不要以任何方式回应的人说话 - 你根本不能沟通。 你的应用程序也是如此。
“缺乏视觉反馈能够混淆用户。”
您必须确保对用户操作始终有一些反馈意见,因为它使用户感到受控。
· 确认应用程式已收到用户的动作。
· 沟通互动的结果,使其既可见又可理解。 给用户一个信号,他们(或应用程 序)成功或失败执行任务。


1楼2017-08-09 18:02回复
    使按钮和其他控件有形
    在现实生活中,按钮,控件和对象都会响应我们的互动,这就是人们期望事情发生的方式。 人们期望应用程序元素具有类似的响应能力。

    操作结果
    当您需要通知用户有关操作的结果时,视觉反馈也是有帮助的。 您可以使用现有元素提供反馈。

    系统应该告诉用户它的状态
    用户希望在任何给定的时间在系统中知道他们当前的上下文,应用程序不应该让他们猜测 - 他们应该通过适当的视觉反馈告诉用户发生了什么。 对于频繁和轻微的行动,响应可能适中,而对于不经常和主要的行动,响应应该更大。
    · 动画通知使用户可以快速了解当前状态。

    · 加载动画提供应用程序进程状态的实时通知,使用户能够快速了解发生了什 么。


    2楼2017-08-09 18:03
    回复
      微视图
      微视图是引导用户体验的一小部分文字。 显微镜示例是错误消息,按钮标签,提示文本。 一目了然,与整体应用程序设计相比,这些小小的单词似乎并不重要。 但令人惊讶的是,他们对转化产生了巨大的影响。
      更好的展示你的产品
      一个快速的方式来使您的UI更暖和更少的机械是一个人的语气在副本。 如果你的产品听起来很人性化,那么人们更容易相信你。

      在失败的时刻使用友好和有用的副本
      如何传达错误可能会对某人体验您的产品的方式产生巨大的影响。 经常被忽视,错误的错误信息可能会让用户感到沮丧。

      另一方面,精心设计的错误信息可能会使一时的沮丧成为一个快乐的时刻。 因此,使人为的错误信息,是针对产品的用户,而不是技术层面的东西。

      减轻用户的疑虑
      微视窗是要有前后关系的。 这就是为什么它是如此有价值。 它回答了一个非常具体的问题。 例如,在订阅或分享详细信息时,微视窗可能是您的用户安心的基础。 当要求电子邮件地址/访问社交网络帐户连接时,“不要垃圾邮件/自动推送”可能被好的营销人员认为是理所当然的,用户不太确定。 因此,当人们添加他们的电子邮件或连接他们的社交帐户时,说“我们讨厌垃圾信息尽可能少”。

      空白
      空白(或负空间)是设计师没有设计元素放置的区域。 空白的元素是文本内容中的图像,边距,填充,行间距和字母间距的空间。 虽然许多人可能会认为这是浪费宝贵的屏幕遗产,但空白是用户界面设计的基本要素。
      提高UI理解能力
      杂乱不好,会混乱您的界面会使您的用户信息过多:每一个添加的按钮,图像和文本行都会使屏幕更加复杂。 如果您不认为设计的任何部分应该有意为空白,请查看下面的示例,您将看到当太多对象竞争注意时会发生什么。

      白色空间的力量来自人的注意力和记忆力的极限。 我们的短期记忆可以在短时间内(通常为10至15秒,或有时最多可达到一个时间),在主动,易于获得的状态下记住少量信息(通常约7项或更少) 分钟)。
      “用户关注是宝贵的资源,应该相应分配。”
      如果您的界面混乱,您的用户信息过多,那么减少混乱会提高理解能力。 慷慨的空白可以使一些最简单的界面看起来很简单。 空白空间减少了用户一次看到的元素数量,使扫描更容易。 使用空白的技巧在于为用户提供可消化量的内容(大量内容),然后剥离无关的细节。


      3楼2017-08-09 18:04
      回复
        设计中的留白
        空白空间创建设计中的元素周围的空间,以帮助它们脱颖而出或与其他元素分离。 它有助于沟通什么是最重要和需要注意。
        “元素周围提供的空间越多,它就越集中。”
        Google搜索首页是使用空白的一个很好的例子。 通过将主要交互元素(搜索框)放置在前面和中央,在周围大量留白以增加重点,从而有助于用户清晰的找到自己的目标。

        澄清关系
        邻近规律描述了人眼如何感知视觉元素之间的连接。 它表示彼此相近的物体似乎相似。 我们可以用空白来建立不同元素之间的感知关系。 看看这张照片。 几乎每个人都看到两组点,而不是简单的16点。

        将信息分解成适当的组可以帮助使其感觉更清晰可读。 在右边的形式中,将15个字段分为三组,使得过程更容易。 内容的数量是一样的,但用户的印象却有很大的不同。

        细节设计,应用程序的UI中的每个细节都值得密切关注,因为UX是所有细节工作和谐的总和。


        4楼2017-08-09 18:04
        回复
          有两个gif文件显示有问题, 点开看的话就没问题了,应该是贴吧gif文件适配的问题,见谅~


          6楼2017-08-09 18:07
          回复