一个好的界面设计应该注意的个原则.doc
《一个好的界面设计应该注意的个原则.doc》由会员分享,可在线阅读,更多相关《一个好的界面设计应该注意的个原则.doc(39页珍藏版)》请在咨信网上搜索。
1、一个好的界面设计应当注意的75个原则时间2023-12-24 11:41:32PMCAFF产品经理社区原文主题用户界面设计一个好的界面设计应当拥有高转化率且方便用户使用,换句话说:既能达成商业目的又能满足方便易用的规定。有一个设计征询公司根据自己的客户案例,总结了75个通过实践证明的原则:之前国内流传这篇文章的前40个规则,后35个是我熬夜翻译的,这个网站会不断的更新添加新规则,建议收藏。1. 使用单栏布局代替多栏布局单栏布局可以让用户对全局有更好的掌控,对内容一目了然。而多栏布局也许会分散用户注意力。最佳的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮。2. 使用礼品诱惑代替生硬
2、的推销例如可以给用户提供礼物来表达你的友善姿态。更深层的讲,送礼是一种基于互惠原则的有效说服策略。显而易见的好处是让你在往后的活动进展中更加顺利。3. 合并反复的功能避免分散随着时间的推移,不可避免的你增长了很多模块、元素,并且功能相同。碎片化的界面会增长用户的学习曲线,所以需要合并反复的功能,重构你的界面。4. 用户的评价好过自卖自夸用户好评是另一个可以提高转化率的说服策略。当潜在客户看到其别人对你的服务给予好评时,项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。5. 反复你的主行动按钮多次反复主行动按钮的方法合用于界面很长或者分页的情况。6. 区分开可点击和已选择的
3、样式视觉风格,如颜色、深度和对比度都可以当做可靠的线索以帮助人们了解你的导航界面:我在哪里,我能去哪里。为了让用户清楚,可点击元素(链接,按钮)、已选择元素(选择的菜单)、以及纯文本的样式应当是彼此明显不同,并且在界面上要保持一致性原则。在视觉上,我们一般认为蓝色表达可被点击,黑色表达已被选择或是什么。7. 给出推荐而不是让用户来选择当列出许多选项时,给出一个重点推荐项是个不错的做法,尽管推荐的设立无法满足所有用户,但这么做是有理论依据的:当面临的选择越多时,用户就越难做出决定(决策瘫痪)。所以你可以高亮某个选项来帮助用户做出选择。8. 使用恢复功能代替弹出对话框假设你刚点击了一个链接或者按钮
4、,撤消操作可以让操作流畅自然,也更符合人类的本能。而每次操作都弹一个拟定框则仿佛是在质问用户你明白不明白这个操作会产生什么后果。其实只有很少数情况下才会发生误操作。所以,为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的拟定。所以请考虑在你的产品里实现撤消操作来提高用户的操作和谐度吧。9. 明确产品合用人群而不是面向所有人你是想把产品做成大众化的还是有精确的合用人群呢?答案是:在产品定位上你需要更精确些。把产品定位得精确的风险就是也许缩小了目的潜在用户的范围,但这种更专业的精神却反过来会赢得信任、权威。10. 直接果断而不是犹踌躇豫你可以通过不拟定而颤抖的声音来表
5、达传递自己的意思,也可以通过很自信的方式表达。假如你在界面中的表述多以问号结束,比如”也许”,”也许”,”感爱好?” 或者”想要试试么?”,那么你完全可以把语气变得更坚定一些。但是万事无绝对,适当放松措词让用户有自行思考的余地也是可以的。11. 界面要对比鲜明让人容易区分把重要功能区从界面中突出显示出来效果会好很多。使你的重要标语醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影、渐变等效果让界面富有层次感来张显主题。最后,你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面,以达成突出重心的目的。综合所有这些,最后得到的界面会使你的重要意图与界面其他元素有明显的区分
6、,得到完美的呈现。12. 个性鲜明胜过普通介绍你自己或产品时附带上名称、图片或原产地可以让与用户的交流沟通更加的个人化,当你在界面设计中实现这点时,让人觉得非常和谐。同时指明区域也会隐形提高产品的声誉,好上加好。13. 精简表单填写内容人本性懒惰,没人乐意填写一大堆表单字段。表单中每个字段都会有失去用户的风险。多想想是不是每个字段都是必须的。假如你的确需要一大堆信息让用户填写,试着将它们分散在不同页面,在表单提交后还可以继续补充。14. 暴露选项而不是隐藏你使用的任何一个下拉框都会对用户导致信息的隐藏,需要额外的操作才干显示。假如这些信息是贯穿整个操作所必需的,那你最佳把它展示出来做得更显而易
7、见一点。下拉框最佳用在选择日期,省份等约定俗成的地方。对于程序中重要的选项最佳还是不要做成下拉形式。15. 把界面做得环环相扣要好过直白的排版一个平淡无奇行文无疑会让用户失去爱好而放弃继续阅读。单列滚动的长页面是不错的,但是我们应当适本地设立一些小节,并且环环相扣,来提高用户的爱好使其继续阅读。但需要注意的是节与节之间的留白不要太大。16. 不要放太多链接分散用户注意力为了满足各式用户的需求,在页面上放些链接链到这里、链到那里是常见的做法。假如你的重要目的是想让用户点击页面最后那个下载按扭什么的话,就需要三思了。由于用户也许点击了其他链接离开页面了。所以你需要注意页面的链接数量,把导航和操作链
8、接用样式区分开,尽量移除页面不需要的链接。17. 将操作的状态或者进度呈现出来现如今大多界面当中已经呈现了各色样式的进度条或者标明状态的图标,比如邮件有已读或未读的状态,电子帐单有支付或未支付的状态。而在界面上呈现这样的状态对于用户来说是很有必要的。这样用户就可以知道某些操作是否成功,接下来准备进行如何的操作。18. 使用获利按钮(好处说明)代替普通的按钮试想界面上有这样两个按钮:一个是”帮你省钱”,另一个是”立即注册”。我敢打赌大多数人会点击第一个,由于第二个按扭让人感觉不到有利可图,并且”注册”让人联想到填不完的表单。也就是说让用户感受到获利的按钮更有也许被点击。这种让用户感到好处的文字信
9、息也可放在按钮旁边,不一定要做为按钮的标题。当然,正常的按钮还是有用处的,一般用于反复性操作频繁的地方。19. 使用直观的操作而不是缺少上下文关联的菜单直接在元素身上进行操作是更直观明了的方式。比如在一个列表中,我们想让用户对每个条目进行操作那么就把按钮放到当前条目上,而不要把放到列表之外。再比如就是直接点击元素就进入编辑状态(比如页面上的地址信息点击后可以进行编辑)。这种方式比传统的选中再点击相应的按钮进行操作要简洁省事得多。当然,对于一般性的操作自身就不需要有什么上下文的,就没必要这么做了,比如页面上的前进,后退按扭。20. 尽量直接显示表单而不要额外页面在一个足够大的宽屏界面上最佳还是直
10、接给出表单,这比点击按钮再弹出表单要好很多。一方面减少了点击操作,流程变得简洁也节省了时间。另一方面,直接呈现出表单可以让用户知道表单有多长,其实也是在告诉用户注册花不了多少时间。当然,这条规则适合注册表单非常简朴的情况。21. 让界面平滑显示而不要死板地呈现用户进行操作过程中,界面上的元素会经常出现,隐藏,打开,关闭,放大缩小移位等。给这些元素增长些自然的动画,淡入淡出效果不仅美观,也更符合实际,本来元素尺寸位置的变化就是一个需要时间的动画过程。但要注意动画时间不要设立过长,那样会让想尽快完毕操作的用户不耐烦。22. 使用逐步的引导代替突兀的注册与其让用户立即注册,何不让用户先进行一些体验式
11、的操作呢。这个体验过程可以展示程序的功能,特性等。一旦用户通过简朴几步的操作了解了程序的价值所在,那么它会更乐意填写注册表单的。这种循序渐进的引导可以尽量推迟用户注册的时间但又可以让用户在没注册的情况下进行个性化设立等简朴操作。23. 减少边框避免浪费注意力过程边框会喧宾夺主。不用说,边框的确在划分区域进行版块设立时有很大的作用,但同时其明显的线条也会吸引走用户的注意力。为了达成划分版块又不转移用户注意力的目的,在排版时可以将界面上不同区域的元素通过空白进行分组,用上不同的背景色,将文字对齐方式进行统一,尚有就是为不同区域设立不同的样式。当使用所见即所得的界面设计工具时,我们经常在界面上方便地
12、拖出很多区块来,这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。一个更好的做法是将区块垂直对齐,这样做不会让那些多余的线条来扰乱视觉。24. 展示产品带来的好处而不要罗列产品特性市场就是这样的,用户永远只关心自身利益而产品特性对他们来说倒不是那么重要。只有利益才更直观地体现出使用产品所带来的价值。Chris Guillebeau在他的著作100美元起家中指出,相比压力,冲突,烦心事和未知的未来,人们在乎得更多的是爱,金钱,认同感和自由支配的空闲时间。所以我相信在展示产品特性时回归到利益上是必要的。25. 要设计好没有数据时的展现界面上经常需要呈现不同数量的数据,从0,1,10,1
13、00到10000+等。这里存在个普遍的问题就是:在程序最开始使用的0条数据到过度到有数据之前,该如何进行显示界面。这也是我们经常忽视了的地方。当程序初始没有数据时,用户看到的就是一片空白,此时用户也许不知道该进行哪些操作。运用好没有数据的初始界面可以让用户学习和熟悉如何使用程序,在程序中创建数据。力臻完美永远是我们追求的目的,界面设计也不例外。26. 尝试默认选择将界面做成默认用户选中想要使用你的产品,意味着假如用户真的需要使用,那么可以直接点击拟定而不需要额外点选了。当然,将界面设计成默认选择的样子多少存在点争议,有点逼迫用户的感觉。假如你想道德一点,你可以要么把让用户选择的文字写得模棱两可
14、,要么使用双重否认这样不那么直白的描述,这两种方式都可以让用户觉得没有那么强的感觉是被逼迫选择使用产品的。27. 保持界面一致性,不要增长用户的学习成本自从Donald Norman的一系列著作面世后,界面设计中尽量保持一致性成了一个普遍遵循的准则。在设计中保持一致性可以减少用户的学习成本,用户不需要学习新的操作。当我们点击按钮,或者进行拖拽操作,我们盼望这样的操作在整个程序的各个界面都是一致的,会得到相似的结果出来。但是在让界面变得一致之前,记住一点,适当的打破整体的一致性也是可取的。这偶尔的不一致性的设计用在你需要强调的地方可以起到很大的作用。所以世事无绝对,我们应遵从一致的设计准则,但适
15、本地打破这种常规。28. 使用合适的默认值,减少用户的额外操作适当的默认值和预先填充好的表单字段可以大量减少用户的工作量。在节省用户宝贵的时间上面,这是种非经常见的做法,可以帮助用户快速填完表单或者注册信息。29. 遵循惯例避免反复造轮子界面设计中遵从惯例跟之前的界面一致性准则很相似。假如我们遵从了界面设计中的一些约定,用户用起来会很方便。相反,不一致和没有遵从惯例则会提高学习成本。有了界面设计中这些约定,我们想都不用想就知道界面右上角(大多数情况下)的叉叉是关闭程序用的,或者点击一个按钮后我们可以预测到将会发生什么。当然,惯例是会过时的,随着时间的推移,同样的操作也有也许被赋予新的含义。但要
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 一个 界面设计 应该 注意 原则
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【天****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【天****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。