产品设计

移动端用户体验最佳实践知多少?

2020-08-12 16:37:34 | 来源:中培企业IT培训网

当今,人们的生活离不开手机,尤其一些年轻人。因此越来越多的产品,从原来的pc端转移到优先移动端。当然这个过程中就涉及到设计师们的很多设计问题,他们面临着在小屏幕设计中显示大量信息的挑战。此外,设计师还必须熟悉市场上出现的各种移动设备结构。因此很多人认为手机设计是非常困难的,其实并不是大家想的那样。根据用户体验和研究结果,这里列举了一些技巧和方法,目的是为了更好的让大家在下一个移动设计项目中使用。

  1.保持主要操作的可访问性

确保主要操作的可访问性可以让尽可能多的人使用你的产品。保持“Design for Everyone”的理念,重要的是要考虑人们手持移动设备的不同方式。

人们手持移动设备的三种主要方式,设计师的目标就是据此设计主要动作,使它们位于用户手指的操作区域内。

  2.考虑可读性

与PC端相比,移动设备的屏幕更小,因此在小型移动用户界面上容纳大量信息可能具有挑战性。只有良好的可读性与其他设计元素相结合,才能提供了出色的用户体验。

  3.避免长滚动问题

在阅读大段文字时,长滚动是让用户集中注意力的好方法。然而研究表明,在其他情况下,用户滚动得越多,就越容易失去兴趣或感到沮丧。

在这种情况下,建议使用具有“点击展开”功能的卡片对复杂内容进行收纳,或通过将任务分解为几个屏幕,并使屏幕尽可能短。

  4.字体类型和大小

不同的字体可以唤起用户不同的情感,同时提供易读性。字体选择不当也会破坏设计,这就是大多数设计师会在选择正确的字体上花费很多时间的原因。在谈到字体时,请记住以下几个重要提示:

· 字体:选择一种适合多种尺寸和权重的字体,以保证每种尺寸的可读性和可用性。

· 字体大小:使用清晰的字体大小。苹果和谷歌推荐至少使用11号字体,这样用户可以在不缩放的情况下以正常的观看距离阅读。

· 颜色对比度:使用对比度检查来预防字体和背景之间产生的颜色问题。另外,应用60-30-10规则,该规则是保持颜色平衡的理想比例。

5.留出足够的间距和填充

小屏幕设计并不一定意味着你只能使用更小的文本或更少的空间。尽量不要让文本或其他元素重叠,通过增加行高或元素间距来提高易读性。

另外,还要记住,新技术每天都在涌现,作为一个设计师,紧跟潮流是很重要的。例如,弯曲的手机屏幕意味着将填充增加几个像素的内边距,以避免不必要的接触。

  6.设计友好的触摸按钮

由于手机触摸控制很小,经常会发生意外的点击。为了避免这种痛点,需要创建至少10-12毫米(40px)的控件,这样用户就可以用手指精确地点击它们了。

为了帮助你理解这条建议的重要性,不妨想想你在手机中看到的广告。在广告中,按钮通常很小,不容易被发现,并且很难触及。当然,这些CTA的目的是防止我们都讨厌的意外接触。

  7.保持标签栏干净清晰

标签栏是每个应用程序的一部分,这意味着你在设计它们的时候应该非常小心。现在不是发挥创造力的时候!

设计干净清晰的标签栏,并尽可能命名所有标签,以获得更好的用户体验。只有当你110%确信用户会很容易地识别和理解你的标签时,再使用图标表达。如果图标是必需的,那么它们的结构应该尽可能简单,不要设计或多的选项和层级。

  8.使用常见的导航条

尝试对导航菜单使用标准组件,如iOS选项卡栏或Android导航抽屉。不要试图重新发明一些新的导航条。用户熟悉这些常见模式,因此你的应用程序对他们来说将会更加直观。这也适用于在这些平台上设计其他不同的元素。

好了,关于移动端用户体验最佳实践知多少的内容,介绍到这里就结束了,想了解更多关于用户体验的信息,请继续关注中培教育。

预约领优惠