从零开始学交互

交互留学 | 交互设计中人机工程学应用的11个小贴士

0
登录或者登记去做吧。

许多手机的设计都存在一个问题:从表面上看很不错,但当你真正使用它的时候,你会发现设计者忽略了一个最重要的因素—人机工程学,与人类肢体(而不是其他)相匹配的高超艺术才是设计界的幕后英雄。

交互留学 | 交互设计中人机工程学应用的11个小贴士

对工业设计师来说,人机工程学一直以来是极其重要的,而近来,这一因素对数字化设计师而言也越来越重要。为什么?因为智能手机和平板正在改变我们与交互设计互动的方式,我们再也不用通过笨重的键盘和鼠标去操作我们的手机或平板,而是用更直接,更物理的方式。我们手握着它们,或是点击,或是按压,或是轻抚,都能达到我们的目的。

这种与我们钟爱的移动设备之间越来越多的肢体联系迫使设计师们不仅要考虑设计的外观和感觉,还要考虑到使用的物理性质,促使设计师去观察使用者是如何携带,如何与智能手机或平板互动的,他们可以舒服地接触到多大的屏幕以及产品在手上的感觉是怎样的,同时,也驱使设计师去思考手机设计的人机工程学原理。

那么,你该如何设计一个使用起来很舒服的人机工程学移动产品呢?


1.离开办公室

在你开始构思设计之前,带着你的第一手调研资料离开办公室,用一个上午或下午去观察人们在何时,何地使用他们的移动设备,他们使用的原因以及方式又都是什么?做一个简单的笔记,记录人们是如何握持他们的移动设备以及他们是如何与其进行互动的,他们可能接下来会怎么做以及可能会面临的困扰及挑战。这些信息将会在人机工程学设计方面有极大的帮助,当涉及到产品的测试时,你可以将其放入到你所知道的现实场景中去试验。

 

2.多种握持手机方式的设计

交互留学 | 交互设计中人机工程学应用的11个小贴士

如果你仔细观察正在使用手机或平板的人群,你会发现他们握持手机的方式各种各样(如上图)。握持方式的多样性以及用户改变其握持方式的频率意味着考虑到多种握持方式的设计是很重要的。例如,着手一个单手操作手机的设计(这是最具挑战性的),都是通过各种握持,从而感受其舒适程度来试验设计的。


3.将常用的控制键放置在够得着的地方

交互留学 | 交互设计中人机工程学应用的11个小贴士

将那些经常使用的快捷键或者按钮放置在手指容易够得着的地方,屏幕的中间和底端是最容易够得着的地方,除了底端角落的地方在单手操作的情况下可能会很麻烦。将菜单放在屏幕的顶部仍然是惯例,但是顶部是很难够得着的区域。所以说,如果滑动屏幕就出现菜单,那也是一个很不错的想法。

4.将内容置于控件上方

将内容置于控件上方,这样在点击屏幕进行操作时就不会挡住正在浏览的内容,并且要确保关键信息不会轻易被手指挡住,例如,单手操作手机时,底部角落的区域就经常处于盲区。

 

5.竖屏模式

尽管握持手机或平板的角度可能会变化,但一致的是,人们握持手机或平板的角度大多都是竖直的,在某些特殊的操作中可能需要横屏,像浏览视频或图片的时候,这都只是例外,不是常态。

当然,一个移动设备应该支持横屏和竖屏模式,除非你设计的是一个关于视频或图片的应用程序。

 

6.拇指的专属设计

拇指操控着手机的大多互动。因为单手握持手机时,拇指是唯一可以使用的,而在双手握持时,拇指是最方便操作的。拇指比其他的手指略大,所以需要更大的标签。而这些标签最好是16 x 16毫米,而它们之间的距离2.5毫米为最佳。大一点的当然会更好,但不要小于16 x 11毫米。即使设计平板,也应该考虑针对拇指的设计,一个智能设计应该支持它所遇到的最不精确的触摸。大一点的标签并不仅仅有利于大拇指的操作,也适用于其他拇指操作。

 

7.大幅度手势的设计

标签越大越好。那如果标签比屏幕还大呢?试着考虑一下大幅度手势的操作,例如,用户可以在相册中滑向下一页或上一页,或者通过滑动打开菜单栏需要谨记于心的是,用户或许还不知道是否可以通过滑动来操作的时候,设计者可以提供第二种实现大幅度手势操控的方式,比如点击一个箭头图标,浏览下一张图片。

 

8.迎接挑战

在人机工程学中,你有时会听到一个关于至少适合95%用户的设计历程,是用户舒适度从2.5%到97.5%的过渡。总会有一些很难被满足的用户,正如我们所知道的那样,你不可能让任何人都满意,但是如果能让这些极具挑战性的用户用的舒适,那处于中间的就更没有问题了。这也就是我们应该着重考虑那些具有挑战性的用户或场景来进行设计的原因。例如,想到在一个上下班高峰期,一手拿着咖啡,一手拿着手机沿着街道走,又或者某人患有关节炎。

 

9.将交互降到最少

你知道最舒适的移动设备互动是什么吗?不是点击,滑动或是按压,而是没有交互。移动设计需要的交互越少,我们就越不用操心它有没有违背人机工程学。我总是尽量将交互降到最低。无情的削减掉移动交互形式,使用自动建议,仅限于通知用户真正需要的信息。

 

10.原型设计

只有当你真正的将设计产品握在手中时,你才能评判其人机工程学。这也是我将尽快原型化我的设计的原因。我们都喜欢用Axure,然而也有其他的工具可以让我们迭代成品。为了快速试验,你甚至可以使用简单的纸上原型来运行基本的用户测试,一个草图或者是打印出来的移动设备将会告诉你惊人的人机工程学。

 

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

想要知道创造出一个人机工程学的担保方法吗?那就是测试,迭代测试,再迭代测试……持续测试,直到你的各种装置能够被一群不同的人群所接受为止。就这么简单。



移动设备当然是应该设计成“可移动的”,所以将其带到人们可能用到的环境或场合中进行测试,咖啡厅是个很好的地。测试群体要尽可能大(最少5到6人),多注意像单手操作这样具有挑战性的情形,当用户的交互受限时,设计成品仍能被人群欣然接受,它肯定会在剩下的时间里脱颖而出。主要是通过不断的测试迭代,才能创造出真正人机工程学移动设计。


交互留学 | 交互设计中人机工程学应用的11个小贴士

交互留学 | 交互设计中人机工程学应用的11个小贴士

牛X的交互设计稿应该具备的特点
从第三代锁屏,看移动端交互设计的未来趋势