当前位置:首页 > 设计欣赏 > 网页设计

提升您产品增长的16个UX/UI技巧非凡图库精选

上传:佚名  |  来源:16设计网  |  热度:

这是一篇与UX技巧,UI技巧,有关的设计作品。作品名为:提升您产品增长的16个UX/UI技巧非凡图库精选,来源于非凡图库,作者是佚名。

用户体验设计是一个不断发现和迭代的过程,在数字产品方面,总会有改进的空间和值得探索的增长机会,因此设计过程是增长过程中不可分割的一部分。不过,在可用性(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到了吗?请分享本文给更多小伙伴们一起学习吧!

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

这篇设计欣赏到这里就结束了,感谢您的欣赏,希望对您的设计创作带来了灵感。如果觉得文章不错,欢迎把非凡图库推荐给更多的设计达人。

关键词标签: UI技巧 UX技巧

作品分类 网页设计

作者 佚名

来源16设计网

设计欣赏旨在为你提供创作灵感,作品版权归原作者。若发现您的权利被侵害,请与我们联系,我们尽快处理。
联系客服