如何设计用户友好的移动界面

null

一些移动设计遇到了一个问题:它们在表面看起来很棒,但是开始使用它们很快就会发现一个非常重要的因素被忽略了:人体工程学。创造适合人体的设计(而不是相反)的高贵艺术是设计界真正的无名英雄之一。

人体工程学对工业设计师来说一直非常重要,但对于数字设计师来说,它也变得越来越重要。为什么?因为智能手机和平板电脑正在改变我们与数字设计互动的方式。我们不再只使用繁琐的键盘和鼠标来告诉我们的数字朋友该做什么。现在它更直接,更实际。我们持有我们的设备。我们点击它们。我们捏他们。我们爱抚他们。

与我们钟爱的移动设备的这种日益增长的物理联系迫使设计师不仅要考虑设计的外观和感觉,还要考虑使用它的物理方面。它迫使设计师思考用户如何保持智能手机和平板电脑并与之互动;关于他们可以舒适地触及多少屏幕以及设计在手中的感受。它迫使设计师考虑移动设计的人体工程学。

那么,您如何创建符合人体工程学且使用舒适的移动设计?

01.离开办公室

甚至在您开始考虑可能的设计之前,请离开办公室进行一些第一手的观察。花一个上午或下午查看人们使用移动设备的位置,时间,方式和原因。

记下人们如何持有和与他们的设备交互,他们当时可能在做什么,以及他们可能需要应对的各种挑战和分心。这些信息将有助于告知设计的人体工程学,并且意味着在测试设计时,您可以测试您在现实世界中实际发生的情景。

02.设计多个保留

用于智能手机的三个主要支架,以及它们通常使用的频率

如果您观察使用移动设备的人,您很快就会看到他们使用移动设备各种各样的举行。使用的保持种类和用户改变保持的频率意味着设计多个保持时很重要。

例如,开始一个单手使用的智能手机设计(因为这是最具挑战性的),但总是在一系列保持中测试设计,看看它们各自的舒适程度。

绿色区域很容易到达,琥珀需要更多的努力,红色区域很难到达

放置常用的控件,如按钮和链接,可以用手指或拇指轻松触及。屏幕的中间和底部是可以使用的好区域,但是当只用一只手握住设备时,底角可能很难敲击(阅读更多这里)。

将菜单放在屏幕顶部仍然是惯例。但是,这可能是一个难以到达的区域,因此最好还支持滑动操作来调出菜单。

04.将内容放在控件上方

BBC IPlayer IPad应用程序将控件放置在易于到达的区域和内容之下

您不希望某人的手指或拇指在点击屏幕时遮挡内容,因此将内容放在控件上方。还要确保关键信息不在屏幕的某个区域,在那里它很容易被手指或拇指遮挡 - 例如底角,当用一只手握住智能手机时,它们经常被遮住。

05.考虑到肖像模式的设计

虽然使用的保持可能会改变,但对智能手机和平板电脑来说更为一致的一点是,人们倾向于在大多数情况下垂直握住它们。水平保持通常用于特定任务,例如观看视频或照片,但这是例外,而不是常态。

当然,移动设计应该理想地支持纵向(垂直)和横向(水平)模式,但除非您正在设计视频或照片重的网站或应用程序,否则请考虑使用纵向模式进行设计。

06.拇指设计

Spotify应用程序设计为拇指友好型,具有大型水龙头目标

拇指驱动大多数智能手机互动。这是因为拇指是专门用于单手握住手机而双手握住时大量使用的。

拇指略大于手指,因此需要更大的敲击目标。尝试使这些水龙头目标至少44 x 44点(16 x 16毫米),它们之间至少有7个点(2.5毫米)。更大的水龙头目标总是更好,你当然不应该小于44 x 30点(16 x 11毫米)。

即使您正在设计平板电脑,仍然需要设计拇指,因为设计应该支持它将遇到的最不准确的触摸方法。一个大的水龙头目标不仅对拇指有好处,对手指也很好。

07.设计大手势

更大的水龙头目标更好。比整个屏幕更大的点击目标是什么?尝试设计大手势,例如允许用户在照片库中滑动以向前或向后移动,或者调出菜单。

请记住,用户可能没有意识到支持手势,因此提供辅助方式来做某事总是一个好主意,例如点击箭头图标以显示下一张照片。

08.迎接挑战

在人体工程学方面,您有时会通过创建一个从第2.5百分位到第97.5百分位的用户舒适的设计,听到设计适合至少95%的用户的谈话。永远都会有非常难以容纳的极端用户 - 因为我们都知道你无法让所有人满意,但是如果你能创造一个设计更具挑战性的用户可以舒适地使用它,它也应该适用于所有人介于两者之间。

这就是为什么设计充满挑战的用户和场景时的好主意。例如,想象一下忙碌的通勤者走在街上,一手拿咖啡,另一手拿手机,或患有关节炎的人。

09.将互动保持在最低限度

您知道最舒适的移动设备互动是哪种吗?它不是水龙头,刷卡或印刷机。根本没有互动。移动设计所需的交互越少,您就越不必担心人体工程学。我总是尽量将互动保持在最低限度。无情地削减移动表单,使用自动提示,并仅将通知限制为用户真正需要通知的内容。

10.原型设计

您无法判断移动设计的人体工程学,直到您可以将其握在手中并尝试不同的握把。这就是为什么我会尽快对设计进行原型设计。我们喜欢Axure,但还有很多其他的伟大的原型制作工具

对于快速试用,您甚至可以使用简单的纸质原型运行基本用户测试。粘贴在移动设备上的草图或纸质打印输出将告诉您关于人体工程学的惊人数量。

11.测试,测试,然后再测试一些

想知道创建符合人体工程学的移动设计的一种保证方式吗?它是测试设计,然后迭代和测试,迭代和测试......并继续,直到你有一群不同的人,涵盖了一堆不同的设备,所有人都报告说设计使用起来很舒服。就这么简单。

移动设备当然是设计为“移动”的,因此请离开办公室,在他们可能会使用的环境和情况下测试设计。咖啡店总是一个适合测试的地方。测试设计用as尽可能多的人(至少五六个人)并专注于更具挑战性的场景,例如单手使用智能手机。如果设计在用户的交互更受限制时运行良好,那么在其余时间肯定会出类拔萃。主要是通过不断测试和迭代,您可以创建真正符合人体工程学的移动设计。

这篇文章最初出现在网络杂志上。在这里订阅。

相关文章:



翻译字数超限