为熟练用户设计：如何设计才能帮助用户提高使用效率？

本文作者将从导航和首页的信息排布、操作时候和快捷键三个方面睁开，在通信产物、办公软件等这类被年夜量利用场景的产物中，该若何设计才能帮忙用户提高利用效力?

只有三种产物会被生成出来：被年夜量用户年夜量利用、被年夜量用户少许利用和被少许用户年夜量利用。网上年夜部门关于设计的会商都是环绕着少许利用的场景睁开 的：若何让用户理解、若何吸援用户、若何削减进修本钱、若何让产物连结爱好……年夜量利用的场景常常被轻忽。很年夜一类产物(如通信产物、办公软件等)，它们 的用户需要年夜量利用。这类场景下吸引力、理解力等已不再主要，只但愿可以或许快速帮忙他们完成使命，越快越好!这就是为什么我此次想要集中会商一下“为谙练用 户而设计”。

1、信息排布

导航和首页，对新用户来讲是最年夜的依仗，而对谙练用户来讲，则很有多是最年夜的累坠。导航和首页，前者将所有的进口都列出了，后者将最有趣的工具展 示出来，但这些对谙练用户来讲都没有甚么意义，他们每次都仍是要从导航边角的一个小小的一级菜单睁开2、三级菜单，从导航找到响应的页面后，或许还要履历 几轮跳转才能来到真正对他们有效的处所。

1. 频率>人群>逻辑

用单一的思惟体例，信息排布体例良多，例如依照热点水平、层级、依照使命类型……可是为了让信息排布到达最好结果，任何单一的思惟体例都很难见效，而且最好解决方案会由于外部前提、布景、人群等身分而没法肯定，可是我认为以下思虑体例是合用年夜部门环境的：

(1)应当把高利用频率的内容放在最前面。用户的时候是很贵重的，假如可以或许当即到达本身的目标，就决不会去纠结信息排布是不是完全合适逻辑。

(2)就要看利用人群了。最抱负的环境是，统一类用户的勾当规模在一个特定的区块里，而不是分离在全部页面。如许用户就不消遍寻全部页面来进行切换了。

(3)对那些不太遭到存眷，可是又不克不及从界面移除的工具，就需要依照逻辑来排布了。如许最能确保在用户需要它们时，可以或许经由过程逻辑关系找到。

2. 个性化

假如答应个性化的话，信息排布便可以不消那末纠结了。例如，在登录时就可以判定用户类型，从而给出合适此类用户的首页和导航;或，答应用户经由过程拖拽等体例来自界说首页和导航。

值得留意的是，个性化其实不是绝对就是好的。某英国超市把自家购物网站的首页改成只显示用户之前采办过的工具，这类个性化却让该网站的发卖量在当月下 降了几个百分点(假如日常平凡的月发卖量都是上升的，那末哪怕阻滞一个月也不是小问题)。他们发现后把首页改回来，然后一切又恢复正常了。可见个性化固然是个 好的设法，可是要想掌控好分寸，却其实不是那末融会。

3. 纵向>横向

在排布信息时，特别是在网页上时，纵向排布凡是比横向排布优先斟酌。缘由有三点：

(1)信息的宽度(字数)很难肯定可是高度(行数)却很好肯定;

(2)年夜部门显示器为宽屏，假如不斟酌滚页，那末横向排布的距离比纵向排布的距离更长，更耗时候。假如斟酌滚页，那末纵向移动的距离就年夜年夜缩短了，由于滚轮可以代替年夜部门的鼠标移动。

(3)以手掌的布局来讲，横向平行移动比拟纵向切确度是更低的，由于摆布摆动的轨迹是弧形而非直线，而且长距离的横向移动是需要抬起全部手掌才可能实现的。

2、操作时候

对新用户来讲，或许在理解和进修上破费的时候远多于操作中破费的时候;可是对谙练用户来讲，环境完全倾覆了。例如，我用Photoshop时，感觉最漫长的就是清算图层了，为了可以或许可以或许持久保护，只好不断地反复一样的工作。

1. 费茨法例(Fitts's Law)

费茨在1964年的一个研究中提出一个公式，用来计较鼠标从一个点移动并点击屏幕某个区域的难度。后来这个公式被Shannon改良成为此刻比力通用的情势。

Shannon改良后的费茨法例公式

T是使命完成的平均时候，D是鼠标指针与方针鸿沟的距离，W是方针宽度。a与b代表的是情况变量(阻挡时候和装备速度)，凡是不需要斟酌。由于这个公式是一维的，所以每次利用时你需要在鼠标指针和方针之间画一条假象线，非论这条线的斜度若何，D和W都在那条假象线上。

费茨法例利用场景(纷歧建都是横向移动)

从这个公式我们可以看到，方针距离越短、宽度越年夜，操作时候越短。谙练用户的利用时候里，操作时候占绝年夜部门，而思虑时候占极小部门。缩短方针距 离、增添方针宽度，或许看起来不算甚么，但对需要反复利用产物的谙练用户来讲很是主要。试想一下，假如一个使命需要你从屏幕靠左的按钮移动到靠右的按钮， 而且两个按钮啊还很是小，而你天天要完成上百次这个使命，那时你必然会最先埋怨：为何这两个按钮那末小还相距那末远?

固然，这个公式只是针对鼠标的，触屏装备会有所区分，可是削减距离、增添尺寸是不变的原则。

2. 操纵鸿沟

这一点只针对鼠标。

一样是可以用费茨法例得出的结论：当方针属于屏幕鸿沟时，W(方针宽度)是无穷年夜的，那末此时T(使命完成平均时候)可以很是短。假如方针在屏幕鸿沟，那末用户在移动鼠标的时辰，完全不需要斟酌甚么时辰停下，只需往阿谁标的目的滑动就行了。

这一法则的典型代表是Windows，由于它们的窗口控件历来都是在右上角，而最先按钮历来都是在左下角。假如一个用户要封闭最年夜化的窗口，那末他闭着眼睛都可以把鼠标指针“甩到”右上角。

这回苹果的IOS当了一次反例。它们把窗口控件做的很小，并且与屏幕鸿沟有必然距离，所以每次用户封闭窗口的时辰都要不寒而栗地啊鼠标指针移动到一个小圆圈上，如许做的操作时候比Windows长了很多。

WindowsISO的窗口节制按钮

3. 机能

做了那末多谙练用户的访谈，机能仿佛是永久的主题。对良多用户来讲，操作再不便利，习惯了也没有甚么可埋怨的，可是假如每次加载好几秒钟，那末这个期待时候才是最烦人的。而且对他们来讲，加载动画底子解决不了任何问题。

机能是设计师没法解决的，可是却需要设计师来监视，由于它是可以扑灭一切设计的工具。

3、快捷键

做多了收集和移动产物，经常会健忘快捷键这个工具。可是，假如你的产物是为谙练用户而设计的桌面产物(MAC & PC)，那末万万别健忘快捷键。

1. 永久能用Tab键切换核心

试想一下，假如你的产物有年夜量文本框，假如不克不及利用Tab键切换，用户就必需不竭地将右手从键盘离开去寻觅鼠标，又从鼠标离开去寻觅键盘……如斯来去上百遍，真的很使人解体!

本年来很风行将一个很长的表单分成几步调，让用户一步一步地填写完成。假如用户只需要做一次，那末如许很好。可是假如你的用户需要填写很多多少份这类表 单，那末如许做只会让人不竭地在鼠标和键盘之间往返切换，年夜量时候被华侈了。所以这类环境下，仍是把填写区域调集在一路，答应用Tab键切换吧。

2. 充实操纵右键

最快速的两个进口不在屏幕上，而在鼠标上：左键和右键。

互联网产物年夜多将菜单收在一个图标里，如许做对新用户来讲，确切更好理解一些。可是谙练用户，特别是需要反复操作的谙练用户必然加倍喜好右键。

例如很喜好Chrome右键菜单里的“在新标签页中打开链接”的功能。假如这个功能不放在右键菜单里而是拿出来，真的很难想象用起来该有多不便利。

3. 遵守常见的快捷键&建立新的快捷键

利用Windows时，年夜部门环境下都可以经由过程Ctrl+S保留、Ctrl+C复制、Ctrl+V粘贴、Ctrl+X剪切、Ctrl+Z回退、Ctrl+Y撤消回退、Ctrl+N新建、F5刷新……在设计产物时假如也有近似功能，最好可以联系关系到这类商定俗成的快捷键。

最好不要粉碎商定好的习惯，否则会给用户造成进修承担和切换本钱。假如产物里有很经常使用的功能，但又没有商定速成的快捷键，那末便可以自创快捷键了。与之搭配地，需要供给快捷键提醒和自界说的渠道。

作者：雨涵_Zoe

注：相干网站扶植技能浏览请移步到建站教程频道。