Good UI设计技巧

  前段时间读完一本书——《Good UI设计技巧》,书中利用真实的案例讲明了一个 PC 端产品可以做的优化技巧,下面是看完之后的一些简单总结:

  • 1、尽量使用单列布局(引导用户自上而下的阅读)
  • 2、提供礼物,不要急着推销产品(友好的姿态建立在互惠基础上)
  • 3、合并相似的功能(模块越多用户的学习成本越高)
  • 4、来自用户的评价好过自吹自擂(提供证据让评论真实可信)
  • 5、重复关键操作(在页面较长或两个相同操作间隔较远的情况下)
  • 6、区分可点击和被选中的样式(让用户知道他现在的位置,保持风格一致性)
  • 7、给出推荐选项(克服用户的选择困难,但是不要再推荐选项中埋坑,被发现就完蛋了)
  • 8、提供撤销操作来替代默认的提醒(这也是让用户更容易的做出选择的一种方式,无法后悔带来的是更多的思考,导致的是更少的转化率)
  • 9、为明确的目标用户,而不是全部的用户设计(取决于是否为垂直类产品)
  • 10、直截了当,不要优柔寡断(给用户明确的答复,如果你都不确定,那用户更加不确定了)
  • 11、对比要鲜明(使用颜色或图形来突出重点)
  • 12、提供产品的个性化信息(可以让用户感觉亲和、有说服力)
  • 13、精简表单字段(用户名密码足以,其余字段使用和功能融合的方式,比如用户需要某种功能,那么填写某个信息字段会有更好的体验)
  • 14、放弃下拉菜单(如果不能一目了然,我不想再去点第二次)
  • 15、暗示页面还有下文(需要有平缓的过渡)
  • 16、只放最重要的链接(过多的链接只会降低目标链接的点击率)
  • 17、显示元素状态(让用户知道自己做了哪些操作已经还可以做哪些操作,如果用户从未做过某些操作,一定要有提示说这个操作能够怎样)
  • 18、把好处写在按钮标题上(按钮上写获取折扣肯定比写注册更有吸引力)
  • 19、直接在元素上操作(不要把所有操作移至一个统一的地方、选中后再滑动滚动条去点击按钮这个操作简直灭绝人性)
  • 20、在产品引导页直接提供注册表单(简化步骤)
  • 21、使用平滑的过渡动画(记住更快的速度并不意味着更好的体验)
  • 22、循序渐进的引导、不要直接让用户注册(经典的以游客身份进入)
  • 23、减少边框数量(不要去分散用户的注意力)
  • 24、展示产品给用户带来的好处(用实际行动来证明自己的产品不是自吹自擂)
  • 25、设计零数据页面(这在用户第一次使用时非常重要,一篇空白基本预示着用户的流失)
  • 26、默认帮用户选中服务(连点一下的操作都帮做了,但是要有明确的文本信息提示)
  • 27、页面设计保持一致(减少用户的学习成本,但是也可以在一些很特殊的地方使用不一致的设计,并提示用户这里有彩蛋,满足用户好奇心)
  • 28、使用恰当的默认值(自述比提问更重要)
  • 29、遵循用户习惯(只有在给用户的好处大于弊端时才能打破用户习惯)
  • 30、告诉用户产品能帮他避免损失(而不是强调出事后能获得赔偿,因为获得赔偿的步骤会多到非常坑)
  • 31、区分视觉层次(减弱用户的审美疲劳)
  • 32、将相似的功能放在一起(人们总是喜欢规则)
  • 33、及时校验(但是不要用户一按键盘就校验,一定要设置节流,有几百毫秒的延迟效果最佳,谁也不想看到自己按一次键盘弹一次错误)
  • 34、放宽对输入的要求(复杂的事情要自己来做,而不是让用户去做,因为用户是出钱的人,这对于开发来说也是更好的提升)
  • 35、适当营造紧迫气氛(但是一定要诚信,有效)
  • 36、适当尝试饥饿营销(充足的货源会降低产品在用户心中的价值)
  • 37、让用户选择,而不是填写(避免用户过渡的脑力劳动,给其舒适感)
  • 38、增加点击区域(谁想在一个巨大的屏幕上找一个不到一平方厘米的按钮?)
  • 39、优化加载速度,不要让用户等待(只要时长在可接受范围内,可能更加精致的加载效果更有效)
  • 40、支持快捷键(不需要很多,简单的几个就足够了)
  • 41、利用锚定效应(人们考虑一个未知数量时,会受到一开始获得数量的影响)
  • 42、尽早激励用户(让用户看到其行为产生的积极结果,得到及时的反馈)
  • 43、逐步显示(不要让用户看到一堆不相关的内容,使用滑动动画展示需要看到的内容)
  • 44、降低使用门槛(人们都希望使用最少的步骤完成最多的工作)
  • 45、提供非模态的反馈(尽量不要使用模态窗对用户的操作进行阻碍,减少对用户的限制)
  • 46、让一个控件提供多个功能(简单的设计让产品好用,太复杂的页面会消耗用户的注意力)
  • 47、给图标增加文本标签(除非图标的表意非常明显,不然还是为图标配上文字,可以消除歧义)
  • 48、使用自然语言(让用户在网页的叙述中填写个人信息,而不是硬生生的要求填写数据)
  • 49、免费试用(恰到好处的试用服务,是激励用户的最佳途径,一定要学会诱导消费者购买)
  • 50、安抚用户(在销售页末尾安抚用户,让他知道其面临的风险是非常小的)
  • 51、有技巧的展示价格(使用更小的价格单元)
  • 52、感谢用户(使产品更加人性化)
  • 53、提供更好理解的数据(显示还能用多长时间比直接显示余额更加直观,3分钟前比直接显示时间更加友好)
  • 54、强调选择自由(让用户明白选择的权利在自己的手中)
  • 55、灵活多变的奖励(时间不定,额度不定的奖励会让用户更加关心下一次能够获得什么,一定不要让你的奖励像用户每天检查邮件一样)
  • 56、强调重点功能(让用户注意最重要的功能,使用不规则形状、自动聚焦、高亮区域、浮动显示、指示性箭头等)
  • 57、更好对比的数据(其实也是降低用户的操作和对比难度)
  • 58、提供集合(满足人们的收集欲望,如果再有一点儿小的奖励就更好了)
  • 59、显示预期结果(让用户知道自己的操作会有怎样的结果,降低其承担的风险,告诉其还有多长时间就能结束)
  • 60、幽默一点(增进和用户的关系,万一哪天犯错误,用户会更容易原谅你)
  • 61、反馈操作结果(让用户知道其行为产生怎样的作用,起到怎样的效果)
  • 62、考虑用户下一步操作(预测用户做完异步之后会做什么,减少其中间步骤,也能让用户感觉更加贴心)
  • 63、适当留白(让留白做为块与块的间距,而不是边框)
  • 64、讲故事(使用故事来引导用户,让其身临其境,引起共鸣)
  • 65、使用真实数据(大多数人能嗅出一公里外的骗子)
  • 66、逐步减少提醒(相信用户会越来越熟练的)
  • 67、少用【我】,多用【你】(让用户感受到自己被重视)
  • 68、提供解释说明和提示(让用户知道自己为什么要填写这些东西,将提示信息放在输入框中)
  • 69、简洁的文案(用词简练,缩短句子长度)
  • 70、响应式布局(滚动条体验太差)
  • 71、视觉清晰(增强对比度)
  • 72、提供补救措施(用户难免会出现错误操作,如果有一个后悔的时限还是不错的)
  • 73、支持分享(人们总是愿意让别人知道自己在做什么)
  • 74、提供重操作功能(操作失败之后不能再次操作总是很不爽的)
  • 75、选项要有一个合适的量(不能太少,也不能太多2-4个)

上面的每一条都很有用并且有各自的道理和使用场景,但是还需要更多的实践和经验,看更多的产品设计进行积累将有更多的提升;

自己的一些想法:
  • 减少页面跳转量、谁也不想花费精力去记住上一个页面有哪些信息
  • 给用户留下一片自留地,毕竟谁不想在一个网站上有自己的二亩四分地呢