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

原文地址: http://segmentfault.com/a/1190000000538895


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

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

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

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

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

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

请输入图片描述
△ 按钮内容:你希望动员用户去做的事


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

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

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


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

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

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


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

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

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

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

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


#5 主要目标,反复出现

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

请输入图片描述


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

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

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


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

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

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


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

人类都自信自己的行为是正确的,从而希望机器立刻响应。执行了还要“确认”,这无异于让人类把一件事重复两次,是违反常识的。

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

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


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

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

请输入图片描述
△ 【左】实话实说,我们的产品确实无法满足所有人,例如:1.…2.…3.…4.…。点击这里了解我们的服务。
【右】我的产品,无论高矮胖瘦男女老少都能用!点击这里了解我们的服务。


#10 直中靶心,别绕弯子

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值