交互留学 | 交互设计中人机工程学应用的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-07-31
  • 异步交互设计漫谈:单机在这里“抄袭”了网游

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

    2017-08-02
  • 职业病又犯了,我从交互设计角度分析了《得到》App…

    我是《逻辑思维》的 期期都听 忠实听众,也许有很多人对老罗不置可否,但我自己是非常喜欢的,可能也是由于我知识结构和老罗相差太远,但我一点也不觉得丢脸,谁叫他比我 老 大呢。以前我们都知道,喜马拉雅是逻辑…

    2017-08-04
  • 移动视觉与交互设计10项法则自查表

    转自:设计夹(ID:sezign)英文:medium译者:孙怡娜Photo by Medium近年来,移动手机风靡全球。用户们也已经习惯依照一定的法则在移动端获取信息。在这个微渺的事物就可以定胜负的世里,开发者们需要去了解并迎合…

    2017-08-01
  • 卡片短信:如何把交互设计做成一门生意?

        点击信息与交互设计关注我们! 欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn最近使用安卓手机走查竞品,发现安卓的短信大变样,变成了卡片式短信,经过深入了解发现,卡片式短信的背后…

    2017-08-01
  • 在考虑入行交互设计之前,先来搞清楚一些基本概念

    一直以来,经常有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。笔者注:“产品”既可以是物质化的…

    2017-08-10
  • 交互设计--需求分析的20条法则

    来源:UI新动态对商业用户来说,他们后面是成百上千个供货商,前面是成千上万个消费顾客。怎样利用软件管理错综复杂的供货商和消费顾客,如何做好精细到一个小小调料包的进、销、调、存的商品流通工作,这些都是商…

    2017-08-02
  • 艺计回忆录 | 交互求职

    前几天和胡老板聊起我们这一代人在北上广深踟蹰前行即将奔三时的焦虑,不可避免地说到了职业规划这个话题。 对我们这些刚工作但残留一张学生脸的职场小腊肉来说,现状基本是满意的,前路虽不暗淡却也少不得早早谋划…

    2017-03-07
  • 交互设计基本方法--进行目标用户调研(情境访谈)

    为了满足用户对产品特定的交互模式的期望,一手的、准确的、可被有效利用的用户研究数据将是进行交互设计的源泉和关键。情境访谈是一种以用户为中心的设计并与人类学相关的研究模式,属于品质性研究和情境设计方法…

    2017-08-01
  • 交互设计五要素

    在交互设计中,我们要了解这一过程的流程是什么?总体可以分为五个要素:目的、用户、场景、媒介、行为。1、目的:首先要弄清楚,这个产品或功能的目的是什么?目的是为了解决用户的某个需求或者给公司带来价值,这…