手机端设计-UX和UI设计的16个技巧

UX是发现过程。我们经常争辩说,用户体验并非始于项目。只要您的产品处于活动状态,UX进程就永远不会结束。在数字产品方面,总会有改进的空间,值得探索的增长机会,因此设计过程是增长过程中不可分割的一部分。

但是,在可用性和设计原则方面,我们可以毫不犹豫地应用经过验证的规则。你为什么要重新发明轮子?

查看我们选择的16种UX和UI提示和策略,这些提示和策略可提供即时的增长结果,并为解决更复杂的UX和产品挑战节省您的脑力。

1.效果最好的CTA

自动草稿

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

2.每行不超过9个字或50至60个字符。

自动草稿

已经进行了大量的测试,证明关于移动设备可读性的最佳可用性原则是每行不超过9个字或50至60个字符。

3.移动版按钮尺寸

自动草稿

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

4.电子商务清单

自动草稿

不确定何时使用单选按钮以及何时使用下拉菜单。UX规则很简单-对少于5个选项使用单选按钮样式,对超过5个选项使用下拉菜单。

5.分页或无限滚动

自动草稿

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

6.默认选择-是否为

自动草稿

键入和额外的单击具有很高的交互成本。要提高表单转换率,请始终使用默认选择,提示您进行所需或最频繁的选择。

7.如何使用图标

自动草稿

过度使用图标是一个UI错误,通常会损害UX。图标的使用应始终具有强烈的含义,增强用文字不能说的内容,切勿将功能隐藏在模糊的图标后面。UX黄金法则:当标签不足以说明操作时,请使用图标。

8.错误消息

自动草稿

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

9.清单或单选按钮?

自动草稿

此处的UX原理很简单:对于多选选择,请查看清单,对单选选择-单选按钮。没有设计者应该这样做。

10.使用占位符显示示例

自动草稿

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

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

自动草稿

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

12.使用颜色进行分类

自动草稿

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

13.表单字段按钮

自动草稿

始终对文本字段旁边的按钮使用不同的颜色,以确保它不会与文本输入区域融合在一起,并作为号召性用语突出。

14.完美的线条高度

自动草稿

我们都希望字体大小和行间距之间能有一个完美的比例,但是,很抱歉将其拆分给您-没有。 通用UX规则是-保持行高比字符高20–30%,以提高可读性,因此在大多数情况下,此范围内的任何内容都可以胜任。

15.始终有效的字体大小

自动草稿

如果每个人都一直使用相同的字体大小,那么设计世界将是一个非常无聊的地方。如果您出于安全考虑,始终可以使用行高1.5的16px字体。这是正文复制的最安全选择。

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

自动草稿

如果要为设计添加更多花式效果,请选择重叠的图像,尤其是在设计用户个人资料页或卡片时。为确保其平衡,请始终使图像边框与背景色匹配。

上一篇
文章教程设计干货

加快Sketch中的工作流程的5个插件

2020-5-26 9:44:27

文章教程设计规范

iOS设计尺寸规范

2020-5-28 0:31:08

下一篇
开通会员 免费素材
5 条回复 A文章作者 M管理员
  1. 眯眯眼打犀牛

  2. 艾克先生

    点个赞

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索