当前位置 > 主页 > 万和大讲堂 >


【干货】UI设计的30条黄金准则(二)| 南京UI设计培训分享

2016-08-29 14:43

  一个好用的UI界面,必然有很高的内容转化率,必然是易于使用的。上期南京万和UI设计培训分享了UI设计的30条黄金准则(一)的前15条,接下来我们继续说说剩余的部分。


  注:内容转化率是指用户浏览页面的时候能被用户吸收的内容比率。


  16.平滑展示而不是突兀呈现


  用户界面中经常会有各种元素的呈现、隐藏、移动、关闭和尺寸变化,这个时候给变化一个平滑过渡就显得非常必要,不但美观而且让人感觉自然。但要注意的是,过渡时间不能太长,否则可能会有卡顿的感觉,而且用户耐心也是有限的,不要挑战用户耐心!


  17.循序渐进的引导而不是上来就让用户注册


  一位wex5开发高手说,当大家都习惯了套路时,你一定要学会另辟蹊径,这句话真是太正确了!与其一上来就让用户注册,何不使用引导的方式让用户在体验中慢慢完成注册流程呢?


  在这个过程中,我们不但可以展现产品特性,也可以了解用户需求而提供个性化的服务。一旦用户了解到产品的价值所在,他们就会很乐意去注册使用你的产品。这种引导注册的测量既避免了突兀的注册体验,也在体验中帮助用户做好了一些基本的个性设置。


  18.减少边框,不要浪费用户的注意力


  边框很吸引注意力,而且是在与内容争夺注意力!这可不是我们想要的。


  上文提到【多用鲜明对比让界面易于区分】就可以用到边框,显然使用边框可以将内容分区,使得界面更具条理性,但明显的线条又会使得界面四分五裂。为了达到划分版块但又不转移用户注意力的目的,在排版时可以不同版块通过空白进行分隔,或者用上不同的背景色(浅色为宜,颜色种类控制3种以内),将文字对齐方式进行统一,还有就是为不同区域设置不同的样式。使用可视化设计工具时,我们经常在界面上创建很多区块,这些区块多了就会显得杂乱无章,所以我们又会到处放些线条来分界。但更好的做法是将区块对齐,使用空白进行分隔,这样就可以避免线条造成的干扰了。


  19.放宽对用户输入的验证


  在获取用户数据的时候,比如邮箱电话我们会设置一些限制来获取正确地数据。但是这些限制应该要人性化,包括格式,大小写之类的就不应该过度限制,这样界面才会显得友好。南京万和UI设计培训在这里举个例子:电话号码的输入,用户会有很多输入方式,带括号的,带破折号的,带空格的,带区号和不带区号的等等。如果你在代码中来处理这些格式的问题,代价也只是你一个人多写几行代码而已,却可以减少无数用户的工作量。另外这些验证要在用户输入的时候提示,而不应该在提交之后报错,没有比满心期待却换来一个报错更让人心碎了。


  20.让用户选择,而不是输入


  这已经是用户界面设计的经典准则了。


  这个准则是有心理学依据的,要让某人回想起某样东西,从一堆东西里面辨认出来更容易些。辨认一样东西有大量的输入,我们只要根据这些输入去有选择性回忆即可,而回想则只有一点点的输入信息,需要从整个大脑遍历,自然是费力许多。而且从交互角度来说,选择比填写操作起来简单不是一丁点,尤其在移动端,过多的输入简直是个灾难。


  强烈提示:用户很懒!


  21.使用更大的点击区域和填写区域


  除了要尽可能尽可能地减少输入表单之外,交互元素(链接、输入框、按钮等)如果尺寸做得大一点则操作起来会更方便容易些。根据费特定律,使用像鼠标这样的外设来点击需要一些时间,特别是元素比较小的情况下,时间会更多。即使在移动端,交互元素的尺寸也要保证一定大小,因为用户很有可能在一些复杂的环境使用你的服务,比如地铁公交等场合,这个时候过小的输入框简直比身后大叔的肚腩更令人无语。除了把交互元素做大之外,你还可以只把元素可点击区域(也就是热区)增大。这样的一个典型例子是手机设备上的文本链接和导航菜单,它们文字不一定很大但背景是拉伸的,在很宽范围内点击都有效。


  另外除了要增大交互元素的尺寸之外,元素之间的空间也需要保证。除美观之外,也可以很好避免触屏上的误操作。


  22.放出礼品更具有杀伤力


  没有什么能比给你的用户赠送一份礼品更显友好了。


  从更深层的角度来看,赠送小礼品也是一个获取用户忠诚度的有效战术。人的天性都是爱贪小便宜的(特别是女性用户),他们从来不会记得你的宣传口号,但他们会牢牢记得从你这里拿到了一包维达纸巾,还蛮香。而且,这个小礼物还会使得你们以后的活动(无论是推销产品还是展览)更加顺畅。


  23.让客户说话而不是王婆卖瓜


  想想淘宝吧,反正我买东西从来都是直接跳过商品介绍的而看评价的。


  当你的潜在客户看到其他人对你的服务给予好评时,你的机会就会大大增加。所以,努力提供一些含金量高的客户评价吧,证明这些评价是真实的,这比你通篇大论夸奖自己效果要好上10000倍。


  24.直接表明适用人群


  你想把你的服务做成适合所有人还是适合一部分人?但你要知道,实际上,这个世界上根本没有适合所有人的产品或服务。我相信所有人都明白这个道理,也是按照这个原则去提供自己的服务。但是很不幸的是,在宣传环节我们却有意无意地忘掉了这一事实。我们总是害怕范围过窄而失去了潜在的目标客户,但却不知道包罗万象会让你看起来毫无专业和权威可言。明确自身服务的适用人群,不断了解客户的真实需求,从而不断改进自身的服务。这种透明的反馈机制,可以使得我们的服务更为专业,才能在目标客户中树立威信。


  25.直接果断,不要唯唯诺诺


  当你频繁使用“可能”“大概”“或许”这种词语的时候,你的不自信就已经暴露无遗。


  而自信都是建立在实力之上的,这种模棱两可的说法也间接说明了你的实力不济。但过于强硬的说法也另人生厌,所以如何结合这两种做法就要看你的智慧了。我们通常会在一些原则性的问题上直接表达自己的看法,而一些重要度不高的问题上把主动权交给用户。


  26.添加个性化标签


  使用一个名字、图片、产地等方式来介绍你的产品,这具有重要意义。


  这可以将沟通带入特定的环境,同时让你的产品显得与众不同。这与我们与人交往时的自我介绍非常相似,当你在界面中做到这一点的时候,界面就会显得非常友好。指明你的产品产地同时也是一个宣传中的小窍门,会让人感觉产品质量更好。


  27.推销产品的好处而不是特征


  这就是市场。相对产品的特性,用户更关心这个产品能带来什么。所以,多列举产品的好处,多用数据来支撑!然而,当市场上大多数同类产品都这样的时候,反其道而行之将一堆酷炫的特征抛出来反而更吸引眼球!在这方面真心可以看看锤子手机,人家才不会跟你玩跑分这么low呢。


  建议只是建议,南京万和UI设计培训提醒大家还是要看实际操作,墨守成规要不得。


  28.考虑零数据的设计


  界面上经常需要呈现不同数量的数据,从0,1,10,100到10000+等。这里存在个普遍的问题就是:在程序最开始使用的0条数据到过度到有数据之前,该如何进行显示界面。这也是我们经常忽视了的地方。当程序初始没有数据时,用户看到的就是一片空白,此时用户可能不知道该进行哪些操作。利用好没有数据的初始界面可以让用户学习和熟悉如何使用程序,在程序中创建数据。力臻完美永远是我们追求的目标,界面设计也不例外。


  29.强调避免损失而不是强调收益


  人都喜欢成功,但根据心理学得到的可靠结论,人们一般更顷向于避免失去拥有的东西而不是获得新的利益。想想也是很合情理:朋友说你明天会赚到500万,你听了只会笑笑不说话;而如果朋友告诉你明天你损失500块,可能你就会紧张地让他把话说清楚!把这个结论用到产品的设计和推广中,请告诉用户们,你的产品可以维护他们的利益、社会地位等,这要比告诉他们你能给他们带来他新的利益更有效果。想想吧,保险公司是强调我们能拿到多少收益呢?还是强调我们可以避免失去现在拥有的生活质量?


  30.给你的服务加上限制条件


  这看起来不可思议,但却屡试不爽!


  比如已经用到泛滥的“最后一天含泪甩卖”,在互联网上换个花样就是“8月15号前注册送**天会员”一类的标语。适当的紧迫感是个有效的战术,他可以促使用户立即做出决定而不是等上个十天半个月。重要的是这种战术屡试不爽,因为它暗示了资源的紧缺或者活动的时间有限,今天可以买,但明天可能就无法这么低价了。另一方面,这一战术也让用户感到会错失一次大好的机会,再一次,应用了人们害怕失去的本性。


  另外一个效果奇佳的限制就是满足**条件才可以获取服务。是的,这就是饥饿营销!不要以为饥饿营销就是限购,你要知道Facebook最开始的限制是要有哈佛的邮箱才能使用,这种限制让你的服务立马高大上起来,逼格甩竞争对手何止十条街!可能你会担心这种限制会减少你的用户,但事实却恰恰相反,这只会刺激人们的好奇心和攀比心理。另一方面,这也可以很好地筛选你的核心种子用户,将精力集中于服务核心种子用户,这也是初创企业获胜的法宝。


  想和兴趣相投的朋友们一起交流吗?那就来江苏万和计算机培训中心吧。江苏万和作为专业的南京UI培训设计中心,还会定期邀请知名企业的高级UI/UE设计师,项目经理为学生做经验分享会,参与到国内各大UI设计圈沟通交流群,让更多的UI大咖成为你的人脉朋友。

最近开班 more>
  • 全栈开发
  • 前端基础班
  • 软件测试
  • Java大数据开发工程师
  • 云原生精英班
  • 开发课程基础班第四期
  • 开发课程基础班第三期
  • 开发课程基础班第二期
  • 开发课程基础班第一期
  • Java Web UI Python
  • CISP
  • HCIE-Datacom(HCIA,HCIP基础)
  • HCIP-Datacom(HCIA基础)
  • HCIA-Datacom(0基础)
  • HCIE-Datacom(HCIA,HCIP基础)
  • HCIP-Datacom(HCIA基础)
  • HCIA-Datacom(0基础)
  • OCM 12C
  • OCP 19C
  • RHCE 9.0
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • vip班
  • 考试计划
  • 脱产班
  • 脱产班
  • 脱产班
  • 双休班
  • 双休班
  • 双休班
  • 双休班
  • 业余班
  • 业余班
  • 10月16日
  • 9月23日
  • 9月2日
  • 9月30日
  • 8月26日
  • 10月8日
  • 9月23日
  • 9月16日
  • 9月9日
  • 随时开课
  • 9月21日
  • 10月17日
  • 9月18日
  • 9月2日
  • 11月2日
  • 10月26日
  • 9月7日
  • ——
  • 随时开课
  • 9月26日
    • 姓 名 :
    • 电 话 :
    • 课 程 :

技术交流群

  • Java大数据交流群560819979加入
  • Python技术交流群595083299加入
  • Oracle技术交流群595119011加入
  • Web前端技术交流群604697610加入
  • Huawei技术交流群482919361加入
  • Redhat技术交流群587875348加入
  • UI设计技术交流群511649801加入
  • Cisco技术交流群596886705加入
  • IT运维技术交流群605888381加入