网页设计 » 交互设计 » 16种UX/UI技巧,可提升产品增长效果

16种UX/UI技巧,可提升产品增长效果

发表于: 交互设计. 评论
Sponsor

用户体验设计是一个不断发现和迭代的过程,在数字产品方面,总会有改进的空间和值得探索的增长机会,因此设计过程是增长过程中不可分割的一部分。不过,在可用性(usability)和设计原则(design principle)方面,有一些久经考验的规则,我们可以应用。

本文总结了16种UX和UI的设计策略,这些策略可对于已上线的产品提供即时的增长效果,可以为更多的用户带来更卓越的产品使用体验。

1、效果最好的CTA(call-to-action)

如果您在操作中添加了一些上下文信息,那么号召性用语按钮的效果将始终更好,但是请尽量不要超过三个字。如上图案例所示,您可以使用“添加到购物车”来代替“添加”,或者使用“立即购买“按钮来替代“购买”。

16种UX/UI技巧,可提升产品增长效果

2、移动端字符

针对移动设备可读性的最佳可用性原则是每行不超过9个字或50至60个字符,这项设计规则已经经过了大量的测试检验。

16种UX/UI技巧,可提升产品增长效果

3、移动端CTA

麻省理工学院触摸实验室对人的指尖的研究得出结论,对于大多数成年人,食指的平均宽度为16-20毫米,这使得在移动端设备上,理想的按钮尺寸为40-50像素。

16种UX/UI技巧,可提升产品增长效果

4、单选按钮和下拉清单

不确定何时使用单选按钮以及何时使用下拉菜单的时候,谨记以下UX规则:对少于5个选项使用单选按钮样式,对超过5个选项使用下拉菜单。

16种UX/UI技巧,可提升产品增长效果

5、分页或无限滚动

许多用户体验设计师倾向于使用无限滚动来使他们的设计更加时尚现代。但是,这对于尝试查找正确内容的用户不起作用。对于电子商务或数据丰富的网站,面向目标的UX应该使用无限滚动进行内容探索和分页。

16种UX/UI技巧,可提升产品增长效果

6、默认选择

键入和额外的单击具有很高的交互成本。要提高表单转换率,请始终给予默认选择选项,以便用户进行最频繁的交互选择。

16种UX/UI技巧,可提升产品增长效果

7、适度使用图标

过度使用图标是一个UI错误,通常会损害产品的使用体验。图标的使用应始终具有强烈的含义,永远不要将功能隐藏在模糊的图标后面。UX黄金法则:如果标签不足以说明操作,请使用图标来代替。

16种UX/UI技巧,可提升产品增长效果

8、错误消息

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

16种UX/UI技巧,可提升产品增长效果

9、清单或单选按钮?

对于多选选择,请使用清单选项,对单选选择,使用单选按钮。

16种UX/UI技巧,可提升产品增长效果

10、使用占位符(placeholder)显示示例

使用占位符副本可设置更好的上下文并增加表单转换。但是您应该更进一步-使用示例,而不是必需的字段名称。例如,插入示例电话号码(+44 757 869…),而不要输入“电话号码”或“ hi@pony.studio”而不是“电子邮件”。

16种UX/UI技巧,可提升产品增长效果

11、手机上的可点击区域更广

移动设备上较宽的按钮和可点击区域始终比微型UI组件性能更好。因此,如果设计允许,请始终使用比移动设备上的单选按钮,下拉列表或复制链接更大的视觉效果。

16种UX/UI技巧,可提升产品增长效果

12、使用颜色进行分类

用于重要分类的基于颜色的标签减少了认知负担。作为设计师,我们始终可以在关键设计屏幕上使用一些颜色,但是不要过度使用它,因为它可能产生相反的效果并弄乱UX的层次结构。

16种UX/UI技巧,可提升产品增长效果

13、表单字段按钮

始终对文本字段旁边的按钮使用不同的颜色,以确保它不会与文本输入区域融合在一起。

16种UX/UI技巧,可提升产品增长效果

14、完美的线条高度

我们都希望字体大小和行距之间能有一个完美的比例,通用UX规则是-保持行高比字符高20–30%,以提高可读性。

16种UX/UI技巧,可提升产品增长效果

15、合适的字体大小

界面中的字体大小可以区分文字内容的层次,提升视觉效果。但是,为了避免文字出现模糊混乱的情况,设计师可以使用行高1.5的16px字体,这是进行正文复制的最安全的选择。

16种UX/UI技巧,可提升产品增长效果

16、重叠的图像使外观更优美

如果您想给设计增添些别致的色彩,请选择重叠的图片,尤其是在设计用户个人资料页面或卡片时。为确保视觉平衡,请始终保持图像边框与背景色匹配。

16种UX/UI技巧,可提升产品增长效果

这16个有助于提升产品增长的技巧,你get到了吗?请分享本文给更多小伙伴们一起学习吧!

作者 | 美国交互设计资讯
来源公众号 | 美国交互设计资讯

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }