用于更好移动UX设计的10个技巧

来源:设计前沿收集 作者:佚名 时间:2017-08-15

布局,菜单,表单,字体和手势是您设计网站时需要考虑的一切。但是,您还需要考虑使用智能手机和移动设备访问您网站的这些元素。

吸引用户体验的10个步骤

以下是一些重要的注意事项,有助于确保您创建理想的用户体验。

01.尽可能包含反馈

在移动设计中添加对触摸手势的支持

滚动,悬停状态和动画是什么使网站生活。添加触摸手势的支持,以及图像的微妙移动来吸引用户的眼球。一个静态的网页不会像一些更有活力的东西那么具有吸引力。

02.忘记转盘

每次轮播更换时,上一张幻灯片的影响将立即丢失。谷歌的数据表明,不到1%的移动用户实际上与转盘有关。不要在滑块后面隐藏关键内容 - 将其叠加,用户将执行更自然的垂直滚动。

03.建立未来的范围

如果方法是尽可能早地发布,那么很容易仅关注最重要的功能。这种方法的问题在于,它可能使开发人员无法真正构建范围。总是尽量设计出最复杂的第一。

记住,少一点

移动体验不一定是桌面体验的复制。减少某些功能和内容,以适应用户的设备和屏幕尺寸。例如,一个长期的购物篮旅程的产品配置器可以减少到一个简单的“快速添加”过程。

设计为fickle

Yazoo移动网站明亮而大胆,具有明确的点击次数

移动用户总是有失去参与和被外部变量分心的风险。理想情况下,尝试使界面容易从他们离开的地方拿起来。打破大的任务和形式,使一切都变得简单。

06.尽可能重用资产

用户体验最佳实践的关键支柱之一是一致性。始终建议在所有屏幕,设备和分辨率上保留设计的UX资产库的一致库。使用针对UX的移动优先方法,忽略该规则比忽视它更难。

倾听最好的

作为消费者移动领域的无可挑剔的领导者,Google和Apple都定期为UX最佳实践提供文档。这是任何设计师的最佳起点。尽管可以看出制约窒息创造力的指导方针,但最好是找到一个快乐的媒介。

请参阅Google的移动网站设计原则和Apple的UI设计。

08.关注真正的用户偏好

Nest提供了如何将动画/功能从桌面扩展到移动的完美示例

使用真实用户来测试设计是否实际工作是有益的。您可以根据事实而不是偏好进行设计决策,并减少将功能向开发者阐述时的混乱机会。当客户的主观品味受到挑战时,真实的用户数据也更加强大。

保持文本对齐可读

以文字为中心的内容并不总是坏的。但是,知道什么时候不实现这一点是至关重要的。当有很多内容时,请保留左侧的文字。如果可读性是网站的关键目标(应该是!),那么只能对齐小文本块。全页文章的内容几乎总是“左到右”。

记住gubbins

确保任何网站都有最新的SSL证书,快速的加载速度和轻量级的SVG精灵表格保证了更好的用户体验。安全警告和不必要的大幅度缩小图像将会产生障碍,阻止用户获得关键内容。