123440个杰出用户界面Tips-Android-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝26
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:177回复:0

  123440个杰出用户界面Tips

楼主#
更多 发布于:2016-05-22 14:56


一个杰出的用户界面应具有高转换率,而且易于运用。但要用户体会杰出并不简略做到,下面咱们整理了40个杰出用户界面Tips,希望能对你有协助!
1 尽量运用单列而不是多列规划
单列规划能够让对大局有十分好的掌控。一同用户也能够一望而知内容。而多列而已则会有涣散用户留意力的危险使你的宗旨无法极好表达。最佳的做法是用一个有逻辑的叙说来引导用户而且在文末给出你的操作按钮。

2 放出礼物通常更具诱惑力
给用户一份精巧小礼物这么的友爱行为再好不过了。详细来讲,送出礼物也是之有用的取得客户忠诚度的战术,这是建立在大家互利原则上的。而这么做所带来的优点也是清楚明了的,会让你在往后的活动发展(不管是推销,商品更新仍是再次搞活动)中愈加顺畅。

3 兼并重复的功用而使界面简练
在全部商品开发时期咱们会有意无意地创立许多模块,版面或许元素,而它们的功用或许有些是堆叠的。此种状况标明界面现已过度规划了。时刻警觉这些冗余的功用模块,它无用且降低了电脑功用。此外,界面上模块越多,用户的学习本钱就越大。所以请思考重构你的界面使它满意精简。

4 客户的评估好过大吹大擂
在取得项目时机或进步项目转化率时客户的好评是一种极为有用的手法。当潜在客户看到别的人对你的效劳给予好评时,项目时时机大增。所以试着供给一些含金量高的依据证实这些好评是真实可信的。

5 频频展现你的宗旨来加深形象
屡次重复宗旨标语这种办法适用于界面很长或许分页的状况。首要你肯定不想满屏刷出相同的信息,这么会让人生厌。但当页面满意长的时分这些重复就显现
天然多了而且也不显得拥堵。地点在页面顶部放一个按钮然后在页面底部再恰当放个杰出的按钮的做法没有啥不当。这么当用户抵达页面底部在思考接下来该做什
么的时分,你供给的按钮就能够取得一个潜在的合同或许即运用户不需求你的效劳这个按钮也能够起到过滤的效果。

6 将选项与按钮区别开来
比方色彩,层次及模块间的对比这些视觉上的规划能够极好地协助用户运用商品:他时刻知道当时地点的页面以及能够转到哪些页面。要传达这么一个好的界
面,你就需求将可点击的元素(比方衔接,按钮),可挑选的元素(比方单选多选框)以及通常的文字显着区别开来。在下图的比方中,我将点击操作的元素设置为
蓝色,选中的当时元素为黑色。这么恰当的规划能够让用户很方面地在商品的各模块间切换。但千万不要把这三种元素规划得紊乱不胜。

7 给出引荐而不是让用户来挑选
当展现许多项效劳时,给出一个重磅的引荐项是个不错的做法,虽然引荐的设置无法满意一切用户。这么做是有理论依据的,一些研讨现已提醒了这么一种现象:当面临的挑选越多时,用户就越难做出决议。所以你能够高亮某个选项来协助用户做出挑选。

8 给出吊销操作来替代断定操作
假定你刚点击了一个衔接或许按钮,吊销操作能够让操作流畅天然,这也契合人类的天性。而每次操作都弹一个断定框则好像是在责问用户你理解不理解这个
操作会发作啥后果。我仍是更习气假定用户每次操作都是正确的,正本只要极少量状况下才会发作误操作。所以,为了防止误操作而规划的承认窗口正本是不人性
化的,用户每次操作都需求进行毫无意义的断定。所以请思考在你的商品里完结吊销操作来增加用户的操作友爱度吧。

9 指出商品适用人群而不是做成全年龄
你是想把商品做成大众化的呢仍是有准确的适用人群?在商品定位上你需求更准确些。经过不断了解方针客户的需求及规范,你能把商品做得十分好得到更多与
客户交流的时机,而且让客户觉得你很专业,在这方面是独家供给的优质效劳。把商品定位得准确的危险即是或许缩小了方针潜在客户的规模,也使自身变得不那么
万能。但这种做得更专业的精力却反过来会赢得信任,威望。
(贴士:喜爱下图中可爱的小角色外型么?去了解MicroPersonas吧)

10 试着直接决断而不要百依百顺
你能够经过不断定而颤抖的声响来表达传递自个的意思,当然也能够经过很自傲的办法表达。假如你在界面中的表述用语多以问号完毕,比方”或许”,”可
能”,”感爱好?” 或许”想要试试么?”,那么你完全还能够把口气变得更坚决一些。不过万事无肯定,或许恰当放松措词让用户有自行思考的地步也是能够的。

11 界面要有鲜明对比让人简略区别
把首要功用区从界面中杰出显现出来效果会好许多。使你的首要标语夺目有许多种办法。经过明暗色调的对比来突显。经过为元素增加暗影突变等效果让界面
赋有层次感来张显主题。最终,你乃至能够在色相环上专门挑选互补色(比方黄色与紫色)来规划你的界面,以抵达杰出重心的意图。综合一切这些,最终得到的界
面会使你的首要意图与界面别的元素有显着的区别,得到完美的呈现。

12 指明产地
指明你的区域,所供给的效劳,商品来自哪里意义严重,一同也将与客户的交流引入了一个更详细带有地域特征的场景中。指出详细来自哪里,国家,省分及
城市,也是一种在进行毛遂自荐或商品展现时被常常提及的。当你在界面规划中完结这点时,让人觉得十分友爱。一同指明区域也会隐形进步商品的名誉,好上加 好。

13 精简表单内容
人生性就懒散,在填写表单时也是相同的道理,没人情愿填写一大堆表单字段。表单中每个字段都会有失掉用户的危险。不是每个人打字都很迅速的,而且在
移动设备上进行输入更是相当费事的作业。问下自个表单中是不是每个字段都必需,然后尽量削减表单中的字段。假如你的确需求一大堆信息让用户填写,试着将它
们涣散在纷歧样页面,在表单提交后还能够持续弥补。过多字段很简略让全部表单显现臃肿,当然想简练也很简略,只放少量字段。

14 露出选项而不要将操作躲藏
你运用的任何一个下拉框都会对用户造成信息的躲藏而需求额定的操作才干显现。假如这些信息是贯穿全部操作所必需的,那你最佳把它展现出来做得更清楚明了一点。下拉框最佳用在挑选日期,省份等约好俗成的当地。关于程序中主要的选项最佳仍是不要做成下拉形式。

15 把界面做得环环相扣要好过直白的排版
一个平铺直叙行文无疑会让用户失掉爱好而持续阅览。是的,单列翻滚的长页面是不错的,但是咱们应该恰当地设置一些末节,而且环环相扣,来进步用户的爱好使其持续阅览。但需求留意的是节与节之间的留白不要太大。

16 不要放太多连接涣散用户留意力
为了满意各式用户的需求,在页面上放些连接链到这儿链到那里是多见的做法。假如你的首要意图是想让用户点击页面最终那个下载按扭啥的话,就需求三
思了。由于用户或许点击了别的连接脱离页面了。所以你需求留意页面的连接数量,最佳将用于导航与用于操作的连接用样式区别开。尽量移除页面不需求的连接会
让用户点击到你的功用按钮。

17 将操作的状况或许进度呈现出来
现如今大多界面傍边现已呈现了各色样式的进度条或许标明状况的图标,比方邮件有已读或未读的状况,电子帐单有付出或未付出的状况。而在界面上呈现这么的状况关于用户来说是很有必要的。这么用户就能够知道某些操作是不是成功,接下来预备进行怎么的操作。

18 不要让用户觉得是在完结任务
试想界面上有这么两个按钮:一个是”获取扣头”,另一个是”当即注册”。我敢打赌大多数人会点击第一个,由于第二个按扭让人感触不到有利可图,并
且”注册”让人联想到填不完的表单。也即是说让用户感触到获利的按钮更有或许被点击。这种让用户感到优点的文字信息也可放在按钮周围,纷歧定要做为按钮的
标题。当然,正常的按钮仍是有用途的,通常用于重复性操作频频的当地。

19 让操作直观而不是让人觉得找不到上下文
不必说直接在元素身上进行操作是更直观明了的办法。比方在一个列表中,咱们想让用户对每个条目进行操作那么就把按钮放到当时条目上,而不要把放到列
表以外。再比方即是直接点击元素就进入修改状况(比方页面上的地址信息点击后能够进行修改)。这种办法比传统的选中再点击相应的按钮进行操作要简练省事得
多。当然,关于通常性的操作自身就不需求有啥上下文的,就没必要这么做了,比方页面上的行进,撤退按扭。

20 尽量显现全部内容而不要额定页面
在一个满意大的宽屏界面上最佳仍是直接给出表单,这比点击按钮再弹出表单要好许多。首要削减了点击操作,流程变得简练也节省了时刻。其次,直接呈现出表单能够让用户知道表单有多长,正本也是在通知用户注册花不了多少时刻。当然,这条规矩合适注册表单十分简略的状况。

21 让界面平滑显现而不要呆板地呈现
用户进行操作进程中,界面上的元素会常常呈现,躲藏,翻开,封闭,扩大缩小移位等。给这些元素增加些天然的动画,淡入淡出效果不光漂亮,也更契合实
际,正本元素尺度方位的改变即是一个需求时刻的动画进程。但要留意动画时刻不要设置过长,那样会让想赶快完结操作的用户不耐烦。

22 按部就班的引导而不要直接让用户注册
与其让用户立刻注册,何不让用户先进行一些体会式的操作呢。这个体会进程能够展现程序的功用,特性等。一旦用户经过简略几步的操作了解了程序的价值
地点,那么它会更情愿填写注册表单的。这种按部就班的引导能够尽量推延用户注册的时刻但又能够让用户在没注册的状况下进行个性化设置等简略操作。

23 过多边框会让界面四分五裂
过多边框会喧宾夺主。不必说,边框的确在区分区域进行版块设置时有很大的效果,但一同其显着的线条也会招引走用户的留意力。为了抵达区分版块又不转
移用户留意力的意图,在排版时能够将界面上纷歧样区域的元素经过空白进行分组,用上纷歧样的布景色,将文字对齐办法进行统一,还有即是为纷歧样区域设置纷歧样的样
式。当运用所见即所得的界面规划东西时,咱们常常在界面上便利地拖出许多区块来,这些区块多了就会显得乱七八糟。所以咱们又会处处放些横线来分界。一个更
好的做法是将区块垂直对齐,这么做不会让那些剩余的线条来打乱视觉。

24 展现商品带来的优点而不要罗列商品特性
市场即是这么的,用户永久只关怀自身利益而商品特性对他们来说倒不是那么主要。只要利益才更直观地体现出运用商品所带来的价值。Chris
Guillebeau在他的作品《100美元起家》中指出,对比压力,抵触,烦心事和不知道的将来,大家在乎得更多的是爱,金钱,认同感和自由支配的空闲时
间。所以我相信在展现商品特性时回归到利益上是必要的。

25 不要把商品规划得过于依赖于数据
界面上常常需求呈现纷歧样数量的数据,从0,1,10,100到10000+等。这儿存在个遍及的问题即是:在程序最开始运用的0条数据到过度到稀有
据之前,该怎么进行显现界面。这也是咱们常常忽略了的当地。当程序初始没稀有据时,用户看到的即是一片空白,此刻用户或许不知道该进行哪些操作。运用好没
稀有据的初始界面能够让用户学习和了解怎么运用程序,在程序中创立数据。力臻完美永久是咱们寻求的方针,界面规划也不例外。

26 默许将用户引入
将界面做成默许用户选中想要运用你的商品,意味着假如用户真的需求运用,那么能够直接点击断定而不需求额定点选了。当然,也有另一种做法即是默许不
选中效劳,用户需求的话能够手动点选。前者这种规划十分好的因素有两点。一是用户不需求额定点选,十分省事,由于默许设置为用户需求咱们的商品或效劳。二是
这种做法某种程度上是在向用户引荐商品,暗示了别的人都挑选了咱们。当然,将界面规划成默许挑选的姿态多少存在点争议,有点逼迫用户的感触。假如你想道德
一点,你能够要么把让用户挑选的文字写得不置可否,要么运用两层否定这么不那么直白的描绘,这两种办法都能够让用户觉得没有那么强的感触是被逼迫挑选运用
商品的。

27 界面规划得共同,不要增加用户的学习本钱
自从Donald
Norman的一系列作品问世后,界面规划中尽量坚持共同性成了一个遍及遵照的原则。在规划中坚持共同功用够削减用户的学习本钱,用户不需求学习新的操
作。当咱们点击按钮,或许进行拖拽操作,咱们希望这么的操作在全部程序的各个界面都是共同的,会得到类似的成果出来。反之咱们需求新情境下从头学习某种操
作会发作何种成果。能够在许多方面下功夫来完结一个共同的界面,包含色彩,方向,元素的表现形式,方位,巨细,形状等。不过在让界面变得共同之前,记住一
点,恰当的打破全体的共同性也是可取的。这偶然的纷歧致性的规划用在你需求着重的当地能够起到很大的效果。所以世事无肯定,咱们应遵照共同的规划原则,但
恰当地打破这种惯例。

28 运用较贴切的默许值会削减操作
恰当的默许值和预先填充好的表单字段能够很多削减用户的作业量。在节省用户宝贵的时刻上面,这是种十分多见的做法,能够协助用户迅速填完表单或许注册信息。

29 遵照一些约好而不要去从头规划
界面规划中遵照约好的原则跟之前的界面共同性原则很类似。假如咱们遵照了界面规划中的一些约好,用户用起来会很便利。相反,纷歧致和没有遵照约好的
规划则会进步学习本钱。有了界面规划中这些约好,咱们想都不必想就知道界面右上角(大多数状况下)的叉叉是封闭程序用的,或许点击一个按钮后咱们能够猜测
到将会发作啥。当然,约好是会过期的,跟着时刻的推移,相同的操作也有或许被赋予新的意义。但要记住,当你在界面中打破这些惯例时一定要意图清晰,而且
起点是好的。

30 让用户觉得能够防止失掉而不是取得
咱们喜爱成功,没有谁情愿失利。依据心理学得到的牢靠定论,大家通常更顷向于防止失掉具有的东西而不是取得新的利益。这一定论也适用于商品的规划和
推行中。试着阐明你的商品会协助客户保护他的利益,坚持健康,社会地位等要好过通知客户这个商品会带来一些他未曾具有的东西。比方保险公司,它是在出售我
们出事之后能够得到的大笔补偿呢仍是在着重能够协助咱们防止失掉具有的产业?

31 具有层次的图形化展现优于直白的文字描绘
具有层次的规划能够将界面上主要的有些与不非必须有些区别开来。要让界面层次分明,能够在这些方面做文章:对齐办法,距离,色彩,缩进,字体巨细,元
素尺度等。当一切这些调整运用得恰当时,能够进步全部界面的可读性。对比在一个很直白的界面上用户一眼就能够从上瞟究竟的规划,这么分明的规划也能够让用
户放慢速度来渐渐阅览。这么也使界面更有特征一些。就好比一次游览,你能够乘坐高铁迅速抵达景区(从页面顶部瞟究竟部),但你也能够慢行以赏识沿途风景。
所以层次分明的规划让双眼有能够逗留的当地,而不是对着空白单调的一个屏幕。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084324yGN.png[/img]

32 将有相关的功用分组而不是乱七八糟
将各个功用项分组兼并起来能够进步程序的可用性。有点知识的人都知道刀子和叉子,或许翻开文件和封闭文件是放在一同的。将功用附近的元素放在一同也契合逻辑,契合咱们平常的认知。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084324fVX.png[/img]

33 运用内联的验证音讯而不是提交后再验证
在处理表单时,最佳当即检测出用户所填写内容是不是契合请求然后给出验证音讯。这么过错一呈现能就能得到改正。相反,提交后再查看表单会给出过错音讯,会让用户感到乏力又要重复之前的作业。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084324Zpx.png[/img]

34 放宽对用户输入的请求
对用户输入的数据,尽量放宽约束,包含格局,巨细写啥的。这么做能够更人性化一点,也使得界面愈加友爱。一个再恬当不过的比方即是让用户输入电话
号码的时分,用户有许多种输入办法,带括号的,带破折号的,带空格的,带区号和不带区号的等等。假如你在代码中来处理这些格局的问题,价值也仅仅你一个人
多写几行代码而以,却能够削减很多用户的作业量。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084325PNw.png[/img]

35 让用户感触需求迅速做出呼应而不是毫无时刻观念
恰当的急迫感是个有用的战术能够让用户当即做出决议而不是等上个十天半个月。主要的是这种战术屡试不爽,由于它暗示了资本的紧缺或许活动的时刻有
限,今日能够买,但明日或许就无法这么低价了。另一方面,这一战术也让用户感到会失掉一次大好的时机,再一次,运用了大家惧怕失掉的赋性。当然,这种战术
会被一些人不以为然,认为是不正直的做法。不过,这仅仅种战术而以,而且在坚持合法性的前提下运用也无伤大雅。所以请不要为了推广而在界面上制作急迫的假 象。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/0843253qC.png[/img]

36 运用饥饿推广
物以稀为贵。饥饿推广给出的信息即是东西不多,只剩几件,明日再来,或许没了。你去对比一下批发与限量版的东西他们的报价距离有多大就知道了。回过
头来看,那些批发商或许大零售商,他们也运用饥饿推广,以取得十分好的销量。但在软件行业,咱们常常会忘掉有饥饿推广这回事。由于数字商品是能够很简略拷贝
仿制的,不存在缺货的状况。正本,在界面规划中,也能够将其运用起来与实际中的资本紧缺进行联络。想想一次网上研讨会的门票,想想你一个月能够效劳的人数
约束,这些信息都能够奉告用户是有限的。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084325Hsa.png[/img]

37 让用户挑选而不是从头填写
这一界面规划中的经典原则是有心理学依据的,对比要让或人回想想某样东西,从一堆东西中认出某样东西会更简略些。辨识出相同东西只需求咱们稍微回想
一下,经过一些头绪就能够完结。而回想则需求咱们全部搜索自个的大脑。或许这也是为啥试卷上挑选题会比简答题做得快的因素。所以试着在界面上展现一些用
户之前涉及到的信息让他们进行挑选,而不是让他们想半响然后自个填写。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084325OKF.png[/img]

38 让点击更轻松
像连接,表单的输入框还有按钮等,假如尺度做得大一点则点击起来更便利简略些。依据费特规律,
运用像鼠标这么的外设来点击需求一些时刻,特别是元素对比小的状况下,时刻会更多。鉴于此,最佳仍是把你的表单输入框,按钮等做大点。抑或许你能够坚持原
有的规划不变,仅仅把元素可点击区域(也即是热区)增大。这么的一个典型比方是手机设备上的文本连接和导航菜单,它们文字纷歧定很大但布景是拉伸的,在很
宽规模内点击都有用。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084325y22.png[/img]

39 优化页面加载速度,不要让用户等太久
速度很主要。页面加载速度和UI对操作的呼应速度都直接关系到用户是不是有耐性持续等下去。无疑地每多一秒种的等候都会失掉一些用户或许项目时机。一
个好的解决之道当然即是优化你的页面和图片。除此以外还能够运用心理学让这个等候时刻显得不那么长。详细来说有两种窍门。一是显现进度条,二是展现别的相
关或风趣的东西来招引用户的留意力(就好比你沿着传送带逛逛总比傻站在原地盯着一个方位看要好得多吧)。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084326nZi.png[/img]

40 除了按扭外,方便键也必不可少
当你的程序广为流传,应该思考下高档用户的感触。大家老是试图为一些重复性的操作找到更方便的办法,方便键就应运而生了。对比在界面上点来点去,快
捷键无疑大大进步作业效率。一个好的比方即是现今流行于各个干流程序中的J(撤退)K(行进)方便键组合,比方在Gmail,Twitter和
Tumblr中。按钮当然好,但方便键会如虎添翼。
[img]http://images.shejidaren.com/wp-content/uploads/2014/04/084326Qye.png[/img]















[img]https://img.alicdn.com/imgextra/i2/2223466637/TB2PnMukXXXXXcvXpXXXXXXXXXX_!!2223466637.png[/img] [font=Tahoma  ]

优质IT资源分享社区为你提供此文。
站有大量优质android教程视频,资料等资源,包含android基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

android教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客