为用户设计舒适的姿势

我们不仅要关心用户的情绪，做出给予和引导正向情感的设计，我们也要关注用户的身体，帮用户用舒服的姿势使用产品。

做一个简单的测试，拿起鼠标，第一次，让光标从屏幕的顶边中点，尽量保持垂直线移动到底部；第二次，让光标从屏幕左边中点，尽量保持水平线移动到右边。感觉一下，第一次和第二次，哪个操作让你觉得累？

从上到下移动光标，你的手腕，肘部的活动的幅度更大，牵动的肌肉和关节更多；从左到右相对轻松，肢体只需要轻微的移动。

我们需要动用肢体——主要是手——给电脑输入指令，运动久则疲劳。输入方式上鼠标比键盘舒适，但现在也变成了繁重劳动，出现“鼠标手”的病症。持续的点击、移动导致手肘的疲劳，用眼过度导致视力下降，腰部和肩部酸痛，这些身体的不适反映都会影响你正在进行的操作，影响你的产品体验过程。

豆瓣的阿尔法城，虽然有很多创新的设计，但若我不强迫自己，我无法在那儿停留超过五分钟。比起一般的小组或者论坛，我要做出数倍的交互指令，点击鼠标移动光标，才能获取内容，不一会，我就疲惫不堪。

也许是我喜欢游戏的缘故，我倒蛮喜欢IBM的这个逛法www.ibmpower.com。

下面分三个部分，说说那些会影响我们使用产品的舒适的关键，当你在设计界面的时候，尝试去考虑一下“用户的身体舒适吗”。

一 手指和臂肘

1 减少关节活动

前文的测试中提到，我们需要尽量的让用户用最少的操作完成指令。横向操作比竖向的轻松，移动比点击便捷，一次点击比两次点击省力。

我们大部分人是右利手，屏幕右侧是光标的待机位置，所以我们看到大多数快捷操作放在那边。

2 减少精确要求高的操作

精确定位需要花费更多的力气，移动鼠标定位到一个10px的方形内，一定比定位到100px的方形中费力。所以，更大的按钮，用户点起来更容易、更舒适。

Chrome浏览器的页签设计

1 关闭的设计

在Chrome上关闭多个页签时，你会发现它采用一个奇妙的方式保证你不那么费力——下一个标签的关闭按钮会被送到你的光标上，不需要移动鼠标，只需点击。。

如果你是在当中关闭页签，之后的页签会移上到当前位置。

如果你是关闭最后一个页签，那么剩余的页签会自动改变宽度，原本倒数第二个标签的关闭按钮会送到你的光标上来；

直到光标离开关闭按钮，页签才会自动调整拉长。

2 页签的切换

在Chrome诞生之前，没有一个浏览器像页签完全放置在屏幕顶部，它是舒适设计原则的典范。当我们从屏幕中心移动鼠标去切换页签时，只要把光标甩到屏幕顶部，屏幕顶部的对光标自动限制，让你无需考虑控制光标的上下移动，只需要控制左右移动。

其他浏览器，当你移动光标到页签时，至少都需要给光标一个刹车的操作。

二 视觉

1 舒适的颜色

2 清晰的层级

颜色上的舒适应该由设计师来定夺把关，例如同一页面的不同颜色尽量少，页面的明度和对比度不会伤眼睛，主题色应注意暗示了用户怎样的情绪。

而布局上，我们可以用一种方法来检测。

第一，产品的界面，可以让用户可以毫不犹豫的分成3-5个大板块。

第二，假想这些板块离你有远近，你可以明确的描述它们每一个离你你多远。

在我浏览这篇文章的时候，正文离我若有50厘米，那么掰掰的小站名称和导航栏大概在100厘米远，右侧的广告80厘米左右，豆瓣logo和用户信息那行在120厘米远，所以，我浏览起来很舒适。

三 姿势

iPad改变了我使用电脑的姿势，在这之前，我不论是工作、娱乐还是休息，都是以正襟危坐的姿势战斗在电脑前，即便是看文章、看视频也很难放松。iPad致力于从这种紧张的“前倾型”中解放用户，让他们变成“后仰型”的沙发土豆。

iPad的一个很重要的价值，就是重新设计了用户使用的场景和姿势，这为它的用户体验大大加分。iPad达到这个设计目标，特别做了两件事：

★ 减少重量

★ 提高续航时间

这时候，产品设计的作用从细节战术来到了整体战略的层面，再加上其他种种优势iPad弄死了上网本。

联想的这款无线掌中宝，可以让你躺在沙发上，利用HTPC看视频的时候，就会变得非常有用。它还有LED背光功能，不打扰你关灯营造的影院效果。

豆瓣阅读器的设计，就很好的考虑了姿势问题，不论是坐在电脑前，还是捧着平板，都能够进入舒适的阅读状态，手轻轻搭在键盘翻翻页就好了。相比之下京东的电子书PC版就完全是垃圾，完全没有考虑过阅读者的姿势。

在将来，我们使用互联网的场景和姿势将变得更复杂，端坐电脑前的比例越来越小。我们会站着，坐着，短时间的停留，用一只拇指操作……甚至开始利用语音和体感进行输入，让用户舒适的与机器高效沟通，永远是用户体验设计的重要一环。

作者：Tea

文章来源：Gotitea

标签： 用户体验 情感设计 交互设计 

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。