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

hand clicking on 'go' button

布局,菜单,表格,网络字体和手势是设计网站时需要考虑的所有事项。但是,您还需要考虑访问者如何使用智能手机和移动设备查看这些元素。

以下是一些有助于确保您创造理想的关键考虑因素用户体验

01.尽可能包括反馈

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

翻转,悬停状态和动画是将网站变为现实的原因。添加对触摸手势的支持,以及图像的微妙移动以吸引用户的眼球。静态网页不会像有点动态的东西那样引人入胜。

每次旋转木马改变时,前一张幻灯片的影响立即丢失。谷歌数据表明,不到百分之一的移动用户实际上与旋转木马有关。不要隐藏滑块后面的关键内容 - 堆叠它,用户将进行更自然的垂直滚动。

03.为未来建立范围

如果方法是尽早发布,那么很容易只关注最重要的功能。这种方法的问题在于它可能使开发人员无法真正构建范围。始终尝试为最复杂的设计。

04.记住少即是多

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

05.善变的设计

Yazoo mobile website

Yazoo移动网站明亮而大胆,点击清晰明确

移动用户总是存在失去参与度并被外部变量分心的风险。理想情况下,尝试从接下来的地方轻松接收界面。打破大任务和形式,让一切变得简单。

06.尽可能重新使用资产

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

07.听听最好的

作为消费者移动领域无可争议的领导者,Google和Apple都定期维护用户体验最佳实践的文档。这是任何设计师的最佳起点。虽然可以看出指导方针扼杀了创造力,但总是最好找到一种快乐的媒介。

看到谷歌的移动网站设计原则Apple的UI设计不做任何事

08.关注真实的用户偏好

Nest animation on mobile, a butterfly on a security camera

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

使用真实用户测试设计是否真正有效是有益的。您可以根据事实而不是偏好做出设计决策,并在向开发人员阐明功能时减少混淆的可能性。当受到客户的主观品味挑战时,真实用户数据也更强大。

09.保持文本对齐可读

中心文本内容并不总是坏的。但是,了解何时不执行此操作至关重要。当内容很多时,请将文字保留在左侧。如果可读性是网站的关键目标(它应该是!),那么只对中小对齐文本块。整页文章内容几乎总是最好“左侧”。

10.记住基础知识

确保任何网站都拥有最新的SSL证书,快速加载速度和轻量级SVG精灵表可确保更好的用户体验。安全警告和不必要的大规模缩小图像会使障碍增加,阻止用户访问关键内容。

本文最初出现在2017年版的Web Designer杂志中。在这里订阅 

相关文章:



翻译字数超限