简洁明了的优秀UI设计原则(1)

咱们知道成功的页面设计不只有很高的转化率,更便于用户使用;既能知足商业目标,又能为用户带来良好的体验。segmentfault

Good UI是一家研究用户体验的设计机构,以一系列简洁的手绘对比图,清晰说明UI设计的法则与禁忌。网络

近期咱们编译分享一些Good UI在一些项目中获取的设计以及运营策略等方面的经验。布局

天天10则。对比着寻找本身身边的优秀和不良实践,认真消化,大有益处。网站

#1 单栏更专一,多栏易分心

单栏布局让读者的精力集中在从上到下阅读文字内容之上,减小干扰。在须要让读者通读一个好故事以后,在文章末尾采起某种行动的场合尤为有用。ui

请输入图片描述
△ 按钮内容:你但愿动员用户去作的事spa


#2 给用户实惠,别急着卖钱

一些小的优惠让用户感到更受尊重和蔼待,从而更能促成交易。翻译

请输入图片描述
△ 【左】咱们的首月服务是免费的! 【右】你快注册吧!注册吧!注册吧!!!设计


#3 类似功能要整合,用户界面忌破碎

这真的是一个频发错误——人们很容易为同一功能创建多个入口。请注意一样的功能只应当出现一次。尤为要注意字面表示不一样但实际一致的状况。图片

请输入图片描述
△ 【左】联系咱们 【右】客服中心、联系咱们、马上来电、咱们的号码XXXXXX、取得联系……get


#4 客户评价是宣传,自吹自擂是做死

不解释。对于中国用户,请千万特别注意在企业简介等处,常常出现的这类文案:

XX公司坚持以客户需求为核心,以顾客体验为根本,为超过XXXX的企业和我的客户,提供XXXX、XXXX和XXXX的专业产品,优质、用心的服务赢得了众多客户的信赖和好评,在XX地区逐渐树立起公司良好品牌。公司不只仅提供业界领先水平的XXXX,同时还创建了完善的售后服务体系,为客户在使用过程当中的XXXX等问题提供无微不至的指导、帮助和服务。咱们相信,经过咱们的不断努力和不懈坚持,必定可以实现与同业人士的互利双赢,为客户创造永无止境的巨大价值!

这类没有人真正去看的文案,只会给人以浮夸的感觉,为企业的印象减分。糟糕透顶的常见实践。

请输入图片描述
△ 【左】客户是这样评价咱们的… 【右】看下边这几条!咱们就是这么牛!


#5 主要目标,反复出现

在长页面或多页面中,记得向用户重复你的主要目标,以避免用户在阅读过程当中忘记。通常头尾出现一次老是好的——页头持续提示用户带着目的开始阅读,页尾让用户在读完后把目标付诸实现。

请输入图片描述


#6 导航元素宜明确,花哨模糊不该该

我在哪?能够去哪里?这是为了让人类可以在网站中导航的基本要素。这些地方的样式务必要统一,绝对禁止无心义的模糊和多样化。

请输入图片描述
△ 【左】连接必定是蓝色的,当前位置必定是黑色加粗的 【右】你晕不?


#7 宜重点推荐,忌平铺选择

不止一个心理学研究代表:选择越多,决定越难,从而成交越少。在不得不让客户多选一的时候,把常见的选择突出显示,给客户一点小小的推力。

请输入图片描述
△ 【左】咱们推荐X,不过选Y和Z也能够 【右】XYZ,我也不知道哪一个好,你挑吧。


#8 容许用户去反悔,不要事前去确认

人类都自信本身的行为是正确的,从而但愿机器马上响应。执行了还要“确认”,这无异于让人类把一件事重复两次,是违反常识的。

网络上绝大多数的行为,执行以后都没有什么灾难性后果,甚至不少均可以简单的挽回。因此执行后容许撤销才是常态,没事千万不要用确认对话框。这是个雷。必定要只在执行后的后果绝对不能挽回的时候,才把确认做为最后手段。

请输入图片描述
△ 【左】您改动了这里。若是弄错了,点击撤销。
【右】你确认真的要改动这里吗? [是的!改!就按我说的作!] [呃不,我犯SB了,对不起]


#9 目标客户,明确胜于高大全

明确您的用户群,会让您和用户有更深度的接触,同时也让用户感受本身受到了企业的针对性服务和特别对待。

请输入图片描述
△ 【左】实话实说,咱们的产品确实没法知足全部人,例如:1.…2.…3.…4.…。点击这里了解咱们的服务。
【右】个人产品,不管高矮胖瘦男女老幼都能用!点击这里了解咱们的服务。


#10 直中靶心,别绕弯子

就如同在生活中,洪亮自信老是比颤抖虚弱的讲话方式有力同样。网络上若是用词不坚定,常常出现“可能”、“也许”等词汇,或者是疑问气氛浓重的表达方法……那么试想:网站主本身都没有信心,那又拿什么让访客信任你呢?

请输入图片描述
△ 【左】就点这里! 【右】呃…还想了解点别的吗?或者也许点这儿试试看也不错?


来源:GoodUI SegmentFault原创编译,转载请遵照本站相关声明。 翻译与责任编辑:沙渺

相关文章
相关标签/搜索