HI,下午好,新媒易不收取任何费用,公益非盈利机构
24小时服务热线: 4000-162-302
请扫码咨询

新媒易动态

NEWS CENTER

让移动用户在很多方面拥有PC端的流畅和高效体验

2021-02-24

提及移动设计原则你会想到哪些?或许你还没有对其进行清晰地梳理,但它们一直在潜移默化地影响着你,早已深入你的设计思维。例如:对用户行动点的布局、特殊场景的包容。

我们总希望通过良好的设计与用户友好交流,虽然很多时候这些仅存于瞬间感知。因此,让移动用户在很多方面拥有PC端的流畅和高效体验,以及克服种种“不理想”状况,是一个很棒的设计挑战。

一、我的移动设计经验

多年来,我一直从事智能手机和平板电脑的移动端(包括 Web 和 Native App)设计。作为 SimpleSite 设计团队的负责人,我参与了 “基于浏览器的 DIY 网站移动设备生成器” 的新版本设计。

通常,我们不会优先设计移动设备,但这个项目例外。我们整合了台式机设计经验、对移动用户的新旧认知,以及那些优秀作品中所遵循的普遍移动设计原则。

无论你从事 Web 还是 Native App 设计,这些原则均适用,但它们往往被模糊地理解,以至于大家忘记或忽视它们的存在。希望通过此文和其中的具体案例,帮助大家理解并应用于实践。

二、原则1:力求极简

我告诉每一个人要 追求极简,当空间受限时,这是最重要的原则。将所有必要的 UI 元素放进界面,并保持有序和明了,或许是件棘手的事情。

对每个屏幕上的 UI 元素进行优先级排序时,需要非常谨慎。通常,我们容易掉入一个陷阱:将过多的信息打包进界面。试图为用户提供他们可能想要的一切,而最终只会让用户不知所措。

“完美不是无以复加,而是没有可以拿走的。”—— Antoine de Saint-Exupéry

请深刻洞察移动用户的需求,试着回答,他们最重要的任务是什么?哪些信息和功能是必不可少的?

尽量保持每个界面仅有一个行动目标,可以借助过滤器、合理的默认值、高效的排序、易于访问的搜索功能以及渐进式的信息展示等解决方案来实现。当优先级排列完成,就可以利用留白、简洁的字体以及其它视觉设计进一步简化。

速度是体验的一部分,加载页面或内容所需要的时间越长,体验就越差。一个极简主义设计,可以提升用户体验和产品加载速度。因此,在考量功能、内容、视觉效果前,请优先考虑加载速度。毕竟,无论是你或者用户,鱼和熊掌不可兼得。

1. 案例一:Instapaper

Instapaper 是个不错的案例,它允许用户快速地收藏文章以便稍后阅读,App 的首页也围绕这一目的而设计 —— 仅展示用户收藏的文章列表。


Instapaper App 的首页(作者截图)

可以看到,列表顶部设有搜索栏,两侧各有一个菜单,主页面没有使用常见的底部标签栏。此外,界面使用干净的单色设计。

2. 案例二:Behance

Behance 的极简设计同样值得借鉴,产品多运用留白设计,每个页面都有清晰的焦点。


Behance App 的首页和个人资料页(作者的屏幕截图)

三、原则2:重要的元素置于底部或中心

Steven Hoober[1] 针对移动用户行为,做过一系列有趣的研究。当用户单手操作手机时,将最重要的 UI 控件放在其拇指可触及的范围内,这很关键。他还证明了用户多种握持手机的方式。

([1]胡伯(Steven Hoober),从事交互设计工作超过 15 年,其中涉及各种行业、各种用户,涉足手机界面交互设计 10 年,包括设计文档的处理、规划设计原则和设计模式,出版《移动应用界面设计》。)


拇指在智能手机屏幕上的触角(来自史蒂芬·胡伯的报告)

此外,他还表明,无论是阅读或内容互动,移动用户更喜欢垂直居中的信息布局。

相关推荐