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

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

交互留学 | 交互设计中人机工程学应用的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个小贴士

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/33672/

(0)
TinadminTinadmin
上一篇 2017-08-01 20:35
下一篇 2017-08-01 21:42

相关推荐

  • 产品经理的末路,交互设计的穷途

    2016年上半年我跟进了几个项目,“开始众筹”、“finger”、“分答”和“袋鼠云”,“袋鼠云”是企业级服务,前面三个是toC的服务,在为这些老板提供支持的时候,问他们需要什么人才,都说需要技术大牛和运营大神,没有一个提…

    2017-08-02
  • 破茧成蝶读书笔记

    01什么是用户体验  用户体验:使用一个产品时的主观感受 用户体验设计:提升用户体验而做的设计 书中讲到首先我们要明确什么是设计?设计不等于艺术。我了解到的是,设计是解决问题的,艺术是提出问题的。 书中两口…

  • 交互设计必杀技:如何做一名高效的“陪产婆”

    数十万互联网从业者的共同关注!作者:臭脸任。作者授权早读课发表,转载请联系作者。微信公众号:臭脸任的慢生活(ID:choulianren-renyi)欢迎投稿到早读课,投稿邮箱:mm@zaodula.com问题起源于臭脸君开始转战给i…

    2017-08-01
  • [交互留学]英国HCI方向交互设计院校推荐

    之前很多设计相关专业的小伙伴问马克君,是否能够申请HCI方向的交互设计专业,马克君给出的答案是肯定可以,但是你在准备时需要比申请IxD方向的交互要更偏重提升自己的计算机方向的能力。对于HCI和IxD两个交互方向…

    2017-08-02
  • 如何机智地向外行人解释交互设计到底做什么的

    破除对交互设计师的三大误解,交互设计师不等于视觉设计师不等于美工,且不会几分钟做个logo,机智向外行解释交互设计师到底做什么

  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04
  • 零基础学习交互设计先从这些知识开始!

    @黄红艺Designer :交互设计三部曲终于写到最后了,今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践,也是交互设计可视化与形象化的关键。相对于前两个要素的完整性和系统…

    2017-08-02
  • 交互密度与最小交互区域

    体验优秀的App之所以优秀,往往是因为他们能让用户快速访问到各项功能。这里就涉及到多点触摸的交互密度,一个较大的触摸区域,在常规操作下十分好用。 或许对于一些用户来说,触控区域的大区块,视觉上可能有点难…

    2016-06-08
  • 交互设计基础 | 移动APP中反馈提示的设计方法与实例

    给用户及时、恰当的反馈,是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中,对操作反馈从形式、内容、位置几个方面做了非常详细的总结,满满干货。今天@青溪Joanna 这篇读书笔记…

    2017-07-31
  • 交互设计应该学的软件有哪些?

    数十万互联网从业者的共同关注! 作者:Yoojoo,作者授权早读课发表,转载请联系作者。来源:知乎仅针对现有企业交互设计师常见设计范围(网页,桌面app,移动端app)作答。1-7为交互设计师必备,8-10有兴趣的…

    2017-08-01