简洁明了的UI交互手册(31-40)

王叨叨 | 2014-08-09 | 分类 笔记  | 标签 UI 

31. 区分视觉层次

好的视觉层次能够区分页面中哪些元素重要,哪些次要。要做到层次分明,可以从对齐、间距、颜色、色调、缩进、字体大小、元素大小等视觉语言入手,将它们运用得当,用户就能顺畅阅读。层次分明的页面,能让用户放慢速度,从上到下细细浏览。虽然这样他们要花较多时间在页面上,但能获取到更多信息。就像一场旅行,你可以走高速路,更快地到达目的地,也可以放慢脚步欣赏沿途风景。

idea031.png

32. 将相似的功能放在一起

将相似的功能放在一起是非常基本的原则。大部分人都知道,刀和叉、打开文件和关闭文件要放在一起。将相似功能放在一起符合逻辑,也尊重人类的认知习惯。

idea032.png

33. 及时校验

在处理表单时,最好及时检测是否存在错误,并显示检测结果。这样用户可以立即通过提示的错误信息(一般放在字段右边)调整内容。反之,等到表单提交后才验证并反馈错误信息,就需要用户做一些额外的记忆和操作。

idea033.png

34. 放宽对输入的要求

对用户输入的数据,尽量放宽限制。这样做程序会显得更人性化,页面也更友好。比如程序可以支持多种格式的电话号码,带扩号、带破折号、带空格,带区号或不带区号等等。开发起来会复杂一点,但对用户来说能减少很多工作。

idea034.png

35. 适当营造紧迫氛围

如果我们希望用户立即行动,可以营造一种紧迫的氛围。这种方法暗示着资源紧张,或活动时间有限,今天可以买,明天就没了。这种策略也许有一些争议,但仍然可用,只要它是诚实、有效的。但不要为了营销而制造紧迫的假象,因为有可能会弄巧成拙,带来负面影响。

idea035.png

36. 适当尝试饥饿营销

物以稀为贵。通过这种方式,用户会感觉东西再不买就没有了。想想批发和限量版商品的价格差距有多大。还有一些批发商或大型零售商一开始只提供有限数量的商品,直到卖外后才再生产新的一批。但是在软件行业,我们经常忽视这种策略,因为软件产品容易拷贝复制,不会缺货。其实软件产品也可以采用这种策略,比如限制网络研讨会的门票数量,或者限制产品每月服务的人数上限等等。

idea036.png

37. 让用户选择,而不是填写

心理学研究表明,用户更擅长从一堆东西中识别出某样东西,而不是靠记忆来回想。前者只要我们稍微回忆,并通过一些线索就能完成,后者则需要我们全面检索自己的大脑。这就是为什么客观题比主观题更好答。所以在页面上提供选项让用户选择,比让他们想半天后自己填写要好。

idea037.png

38. 增大点击区域

把链接、按钮、窗体的尺寸做大,更容易点击。根据费茨定律,使用鼠标等设备来点击一个特定区域需要点时间,如果元素比较小,就更费劲了。因此最好还是把表单字段、按钮和链接做大点。或者可以大小不变,但可点击区域增大。一个典型的例子就是手机设备上的文本链接和导航菜单,在很宽范围内点击都有效。

idea038.png

39. 优化页面加载速度,不要让用户等待

速度很重要。页面加载速度和响应用户操作的速度对用户是否继续使用有决定性的影响。有人提出,每增加一秒等待都可能导致用户放弃,降低转化率。因此一种办法是通过优化代码和图像来减少加载时间,还有一种办法是运用心理学原理让用户觉得时间没有那么长。使用进度条就是一个例子,或者在加载数据时让用户做点什么事(比如把传送带的位置设计远一点,让用户多走一段距离,也好过让用户在传送带旁边抖脚等待)。

idea039.png

40. 支持快捷键

高频率使用的程序应该为高级用户以及那些长时间使用的用户多做考虑。人们需要更高效地执行重复任务,而快捷键是其中一种方法,它能大大提高工作效率。比如使用J键和K键来前进和后退的方法已经被诸如Gmail、Google阅读器、Twitter、Tumblr等产品广泛使用。按钮固然好,但快捷键能锦上添花。

idea040.png

相关部分

  1. 简洁明了的UI交互手册(1)
  2. 简洁明了的UI交互手册(2)
  3. 简洁明了的UI交互手册(3)
  4. 简洁明了的UI交互手册(4)
  5. 简洁明了的UI交互手册(5)
  6. 简洁明了的UI交互手册(6)
  7. 简洁明了的UI交互手册(7)
  8. 简洁明了的UI交互手册(8)

以上总结来自GoodUI,部分翻译来源网络。

如果觉得此篇文章对您有帮助,希望可以请我喝雪碧!请我喝雪碧

上一篇   下一篇   返回顶部