服务热线:
18971120504
图文展示
衍果视觉设计培训学校

16个总能带来增长的UX及UI设计技巧

嗨小伙伴们大家好~☀️


今天衍果小编给大家带来的文章是16个总能带来增长的UX及UI设计技巧,本篇文章我们挑选了16个能够带来增长的UX和UI技巧,从而节省你的脑力专注于更复杂的UX和产品挑战,一起来看看吧!

(全文共计2239字,阅读约需要8分钟)


16个总能带来增长的UX及UI设计技巧


用户体验是一个发现的过程。我们经常主张用户体验并不随着某个项目而开始与结束。只要你的产品还在,用户体验流程就永远不会结束。当涉及数字产品时,总有改进和成长的空间值得探索,所以设计过程是产品成长过程中不可分割的一部分。


不过在谈及可用性和设计原则时,我们可以毫不犹豫地应用一些经过验证和测试的原则。大可不必重新造轮子。

我们挑选了16个能够带来增长的UX和UI技巧,从而节省你的脑力专注于更复杂的UX和产品挑战。


1. 最佳效果的召唤行动按钮(CTA)


16个总能带来增长的UX及UI设计技巧


如果为按钮添加上下文信息,那么效果会更好,但是信息尽量不要超过三个单词,比如可以用”加入购物车“替代”加入“,用”立即购买“替代”购买“。


2.移动端上的文字


16个总能带来增长的UX及UI设计技巧



已经有大量的测试表明,移动设备上最好的可读性原则是确保每行单词个数不超过9个,即不超过50—60个字母。


3. 移动端的召唤行动按钮(CTA)


16个总能带来增长的UX及UI设计技巧



移动端的召唤行动按钮应该比大多数设计师使用的大小都大。麻省理工学院(MIT)的触觉实验室的研究结果表明,大多数成年人食指的平均宽度为16—20毫米,因此合适的按钮尺寸应该为40—50px宽。


4.电商表单


16个总能带来增长的UX及UI设计技巧


不确定何时使用单选按钮何时使用下拉列表。这个UX原则非常简单:当选项少于5个时候使用单选按钮,当选项超过5个时使用下拉表单。

5.分页或无限滚动


16个总能带来增长的UX及UI设计技巧


许多UX设计师都倾向于使用无限滚动来让设计更具时尚和现代感。然而,这不适用于试图找到正确内容的用户。实验证明无限滚动页面适用于内容探索,而分页适用于以目标为导向的用户体验,比如电商网站或数据丰富的网站


6.默认选项——用还是不用


16个总能带来增长的UX及UI设计技巧



输入和额外的点击具有很高的交互成本。要提高表单的转化率,可以提供默认选项,提示用户所需的以及高频的选项。


7. 如何使用图标


16个总能带来增长的UX及UI设计技巧



滥用图标是一个UI错误,经常会有损用户体验。图标的使用应该具备明显的用意,加强无法用文字表达的内容,一定不要将实际功能隐藏在模糊的图标下。UX黄金法则是:当文本不足以解释操作时,可以使用图标。


8.错误消息


16个总能带来增长的UX及UI设计技巧



为了提高转化率,请务必提供纠正错误的建议,从而减轻用户的认知负担。保持人性化和幽默感,避免用户在面对错误屏幕或错误消息时流失。


9.清单或是单选按钮


16个总能带来增长的UX及UI设计技巧


这里的UX原则很简单:对于多选使用清单,对于单选使用单选按钮。任何设计师都应该这样做。


10. 使用占位符体现样例


16个总能带来增长的UX及UI设计技巧



使用占位符可以设定更好的情境并增加表单转换率。但是你需要再多做一步,使用示例而不是只显示用户需要输入的内容项。例如,显示电话号码如“+44 757 869”,而不是“输入电话号码:”或者是“hi@pony.studio”而不是"电子邮件"。这是一个经过验证的用户体验原则。


11. 移动端提供更宽的可点击区域


16个总能带来增长的UX及UI设计技巧



回顾第三项法则中提到的麻省理工研究,移动端上更宽的按钮以及可点击区域总是比小的UI组件效果更好。所以如果设计允许,一定要在移动端上使用比单选按钮、下拉菜单或复制链接更宽、更大的视觉选项。


12. 使用颜色分类


16个总能带来增长的UX及UI设计技巧



采用颜色标签用于分类可以降低用户认知负担,所以可以在关键的设计元素上使用颜色区分。但风险在于不要过度使用颜色,因为这可能会产生相反的效果,并影响用户体验的层次。


13.表单文本输入框按钮


16个总能带来增长的UX及UI设计技巧


始终为文本输入框旁的按钮使用不同颜色,以确保该按钮不会与文本输入区域融合在一起,并作为CTA按钮突显出来。


14. 完美的行间距


16个总能带来增长的UX及UI设计技巧


我们都希望字体大小和行距之间能有一个完美的比例,但是很抱歉我们将打破这个希望——并没有通用的完美比例。通用UX原则是:保持行间距比字体大小高20–30%,从而提高可读性。通常这个比例范围可以适用于大多数情况。


15.总是有效的字体大小

16个总能带来增长的UX及UI设计技巧



如果所有设计都使用相同的字体大小,那么世界将会变得非常无聊。如果你为了保险起见,16px字号和1.5倍行高是通用的方案。这是适合正文的最安全的选项。


16. 重叠图像使外观更优雅


16个总能带来增长的UX及UI设计技巧


如果你想给设计增添些别致的色彩,可以选择重叠图片,这尤其适用于设计用户个人资料页面或卡片。为确保样式的平衡,请确保图像边缘颜色与背景色匹配。




联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:18971120504