一个好的用户界面设计应该注意的75个原则
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。
有一个设计咨询公司根据自己的客户案例,总结了75个经过实践证明的原则:
@乔向阳之前国内流传这篇文章的前40个规则,后35个是我熬夜翻译的,这个网站会不断的更新添加新规则,建议收藏。
1. 使用单栏布局代替多栏布局
单栏布局能够让用户对全局有更好的掌控,对内容一目了然。而多栏布局可能会分散用户注意力。最好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮。
2. 使用礼品诱惑代替生硬的推销
例如可以给用户提供礼物来表达你的友善姿态。更深层的讲,送礼是一种基于互惠原则的有效说服策略。显而易见的好处是让你在往后的活动进展中更加顺利。
3. 合并重复的功能避免分散
随着时间的推移,不可避免的你增加了很多模块、元素,而且功能相同。碎片化的界面会增加用户的学习曲线,所以需要合并重复的功能,重构你的界面。
4. 用户的评价好过自卖自夸
用户好评是另一个可以提高转化率的说服策略。当潜在客户看到其他人对你的服务给予好评时,项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。
5. 重复你的主行动按钮
多次重复主行动按钮的方法适用于界面很长或者分页的情况。
6. 区分开可点击和已选择的样式
视觉风格,如颜色、深度和对比度都可以当做可靠的线索以帮助人们了解你的导航界面:我在哪里,我能去哪里。为了让用户清晰,可点击元素(链接,按钮)、已选择元素(选择的菜单)、以及纯文本的样式应该是彼此明显不同,而且在界面上要保持一致性原则。在视觉上,我们一般认为蓝色表示可被点击,黑色表示已被选择或是什么。
7. 给出推荐而不是让用户来选择
当列出许多选项时,给出一个重点推荐项是个不错的做法,尽管推荐的设置无法满足所有用户,但这么做是有理论依据的:当面临的选择越多时,用户就越难做出决定(决策瘫痪)。所以你可以高亮某个选项来帮助用户做出选择。
8. 使用恢复功能代替弹出对话框
假设你刚点击了一个链接或者按钮,撤销操作可以让操作流畅自然,也更符合人类的本能。而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。其实只有极少数情况下才会发生误操作。所以,为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。所以请考虑在你的产品里实现撤销操作来提升用户的操作友好度吧。
9. 明确产品适用人群而不是面向所有人
你是想把产品做成大众化的还是有精确的适用人群呢?答案是:在产品定位上你需要更精确些。把产品定位得精确的风险就是可能缩小了目标潜在用户的范围,但这种更专业的精神却反过来会赢得信任、权威。
10. 直接果断而不是犹犹豫豫
你可以通过不确定而颤抖的声音来表达传递自己的意思,也可以通过很自信的方式表达。如果你在界面中的表述多以问号结束,比如”也许”,”可能”,”感兴趣?” 或者”想要试试么?”,那么你完全可以把语气变得更坚定一些。不过万事无绝对,适当放松措词让用户有自行思考的余地也是可以的。
相关文章
- 夏日电影风怎么调色调色?夏天快到了,想要调节夏季电影风的画面,该怎么操作呢?下面我们就来看看适合夏季的柔和绿色调调色分享2023-04-02
什么是真RAW 什么是伪RAW? 简单说说真 RAW 和 伪RAW
随着索尼α7RV(ILCE-7RM5)正式发售,近期有不少网友跟我咨询索尼相机“无损压缩(M)”和“无损压缩(S)”RAW的问题,今天做一个统一答复2022-12-24- 手机UI设计尺寸有哪些?作为新手在设计手机ui的页面的时候,发现自己设计的尺寸都很奇怪,如果能有元素尺寸介绍就好了,下面就来看看我们汇总的超全面的UI元素尺寸设置指南2021-08-06
- 常用照片尺寸有哪几个?我们经常说一寸照片,二寸照片,这些照片的尺寸是怎么计算的?下面我们就来看看照片标准尺寸/像素对照表汇总2021-08-06
怎么让设计更高级? 一些不受关注的小细节设计提升作品高级感的技巧
怎么让设计更高级?都一样是做设计的,一样的素材一样的文案,为什么有的设计很高级,有的很拉胯呢?在素材一样的大前提下,细节就能决定成败,下面我们就来分享一些不受关2021-08-05- 新人如何快速掌握黄金分割构图法?看到结构漂亮的图片,很多朋友都能想到黄金分割,即使不熟悉的朋友也知道黄金分割构图,什么是黄金分割构图?怎么掌握这个知识点呢?下面2021-08-05
- 栅格系统在logo设计扮演什么角色?很多设计适都喜欢使用栅格,但是专业性不强的朋友就会觉得网格很难用,那么栅格系统在logo设计中起到了哪些重要作用?详细请看下文介绍2021-08-05
- 在设计产品图纸的时候,有些设计师太注重效果图而忽视了落地的效果,这都是对于平面设计常用标准尺寸和印刷常识不太了解造成的,下面我们就来看看产品尺寸与印刷常识对于设2021-08-04
photoshop cs6序列号是多少 PS CS6激活码分享
photoshop cs6序列号可以帮助大家注册激活photoshop cs6,下面有详细的安装步骤,需要的朋友不要错过哦2020-12-18- 色彩是一种神秘的语言。一张色彩丰富的照片,有的吸引你的目光,有的唤起某种特定的情绪或情感。今天我们一起来学习关于颜色获取和颜色使用的小技巧2020-12-11
最新评论