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

相关推荐

  • 【新浪微博】交互设计看过来

                                      交互的小伙伴  快到我们碗里来

    2017-08-01
  • 交互设计实例分享

    现在很多优秀的网站、移动应用中都广泛的使用到交互设计。网络上也有很多相关的文章,例如什么是交互设计,交互设计的流程是怎样的?但是设计从来不是空谈,理论和实际的碰撞,才能激发出更多的灵感。以下是我自己…

    2017-08-03
  • 交互设计背后的心理学原理

    作者介绍郑少娜,云之家里一只特立独行的用户研究员。想把生活踩在脚下,说:“叫你搞事情!叫你搞事情!”✦✦✦✦✦某次下班偶遇一开发,他问:“你们平常做的交互设计,有什么准则吗?”我列举了尼尔森十原则之类,却遭到…

    2017-08-01
  • 手机交互设计中的“拇指法则”

    你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇…

    2017-08-03
  • 浅谈用户体验设计

    这是一本交互入门书(主要偏向Web端,涉及到一部分移动端),如果你感兴趣就看看下面的内容,觉得有用的话,也去看看原书的内容。 这本书看了其实很久了,笔记也是当时记得,不过最近正好看到好朋友@elainezhu 也出…

    2016-06-05
  • 实例分享:交互设计如何赋予产品安全感

    作者:高广淦全文共 4235 字,阅读需要 8 分钟—— BEGIN ——做互联网金融交互设计的这两年,也算是用过上百款竞品了。尤其是一开始做设计的时候,满世界的下载注册体验竞品,以至于我这两年的投资收益还是很可观的,…

    2017-08-04
  • 异步交互设计漫谈:单机在这里“抄袭”了网游

      “玩家交互”作为游戏中“网络元素”的核心体现已经获得了游戏制作者与游戏玩家的普遍重视。在网络游戏中,如何让玩家获得更加自由、更加全面的交互体验成为了一款网络游戏的重要课题;而在传统意义上的单机游戏里…

    2017-08-02
  • 阿里交互设计师实习期总结的6个新人进阶方法

    这是阿里交互实习生半木对他两个月份实习做的一个总结,以指导后续的项目工作,主要内容为协作方式与职业素养方面的沉淀。都是书本上没有的实战经验,非常适合没有经验的交互新人进阶学习。 作为职场新人,第一次接…

    2016-05-19
  • 交互设计不是你以为的那样,思考过这些才能入门

    作者:UI中国会员 呆呆丶, 交互设计师转载请务必注明。原文链接:http://www.ui.cn/detail/138186.html封面题图 by 设计师 Ken Lo1  新手对交互设计的几个误区  交互设计是做动效的(如果你是这么认为的…

    2017-07-31
  • 微信10个交互设计细节问题的探讨(下)

    文章转自:http://qinsman.com/1701_wechatrd/微信号:西市馒头铺接上篇~~~5. 删除会话时的危险操作警告左滑会话可以调出删除按钮是一个iOS下很常规的交互操作,但微信中删除一个会话意味着所有聊天记录、图片文…

    2017-08-02