UI设计方案师非学不可的十大易用性原则.docx

UI设计师非学不可的十大易用性原则 身为RD的你受过太多 UI的气吗？老是发现逻辑不通需要打掉重练被延误时程吗？常被 UI嫌念理工的没有美感都不懂吗？报仇的时间到了。这篇文虽然说是「十大易用性原则」 ， 也可以说得上是：「教你如何捅 UI」°RD最擅长讲理，就来跟UI讲理！从易用性下手找 UI 麻烦，没有几位 UI不中刀的… 易用性（Usability）指的是使用者能够使用某样工具来达到某个特定目标的容易程度，常见 的中文翻译有优使性、使用性、易用度、易用性、好用 性、可用性等等，其中较常见的为 优使性和可用性。优使性感觉上像是优越的使用、 还是优化过的使用，在词汇上模棱两可有 模糊地带；可用性的说法则像是仅分成 可以用和不能用两种状况。Usability翻译成易用性， 清楚指出「容易使用」的特点较为贴切。易用性毕竟是个较抽象的名词， 因此Jakob Nielsen 提出十大易用性原则，详细说明所谓「易用」需要符合易于学习、快速使用、相对无错这三 个部分。版权文档，请勿用做商业用途 一、系统状态的能见度（ Visibility of system status） 软件应该保持相同的模式， 透过适当的反应，在合理的时间内通知使用者， 让使用者了解正 在发生的事情。 最常见的就是按钮状态。在计算机上浏览网页时常常会发现某些地方在光标移过去时颜色会 有所改变，提示你这里可以被点击。在 iPhone上没有光标，所以会以更浅显易懂的方式告 诉你这里可以被操作， 像是更立体的按钮、 或是仿真实体开关的图象。（App: Money Book， 选中的项目底色变成鲜艳的蓝色。）版权文档，请勿用做商业用途 用户点击按钮，会出现按钮被按下去的凹陷感，提示你已经点击到了。 （App： Reach，拟真 的开关设计与下方明显凹陷可点击的 TabBar。）版权文档，请勿用做商业用途 、「下载中」。在等待时 我的操作到底有没有被另一种常见的系统状态响应就是需要用户等一下，现在正「读取中」 如果没有任何提示， 就会产生「自从点了这个按钮后画面就不动了, 执行呢？不晓得要等多久…」的感受。 版权文档，请勿用做商业用途 、「下载中」。在等待时 我的操作到底有没有被 进度条就是为了降低使用者的不耐感、告诉用户现在处理进度如何、大约还需要多少时间而 进度条就是为了降低使用者的不耐感、 告诉用户现在处理进度如何、 大约还需要多少时间而 多少部份，再等多久就存在。透过进度条，用户可以知道他的操作正在执行中，现在完成 可以结束。（App： Evernote，同步时右上角的 icon会转动，在所有记事标题下方有目前进 多少部份，再等多久就 度百分比。）版权文档，请勿用做商业用途 、系统与真实世界的关联性（Match between system and the real world）版权文档，请勿用做商业用途 系统应该要运用用户的语言，使用他们熟悉的词句、短语、概念，而不是专业术语。 因应该族群的习惯进行开发，像 iOS用户会觉得左上角的按钮通常是「回前页」一样，若 你将「回前页」放到右上角，会增加他们操作错误的机会。 试着将An droid手机给iOS惯 用者操作，会发现他们不晓得怎么样回到上一页， 也不知道回到主画面的 Home键在哪里， 对于实体按键的功能一无所知。 版权文档，请勿用做商业用途 举个我家发生的真实的例子： 女儿教父亲怎么操作家庭计算机， 当她说「请把鼠标移到开始」 时，父亲拿起手上的鼠标左右翻看了一下，便将整只鼠标对准屏 幕上的「开始」敲下去， 屏幕被鼠标撞击发出抠抠抠的声音……女儿问父亲， 为什么会把鼠标拿起来敲屏幕， 明明只 要在桌上移动鼠标就可以操作，父亲说： 「妳叫 我把鼠标移到开始的啊！」版权文档，请勿用做 商业用途 女儿的认知里，拿鼠标敲屏幕无法完成任何操作， 鼠标只是为了控制光标而存在， 所以将鼠 标移到开始同等于「操作鼠标以控制屏幕上的光标、并将光标移到 开始」。但对父亲而言， 因为不熟悉计算机操作，他尚未建立鼠标等于光标的概念，光标是光标、鼠标是鼠标， 所以 会发生拿鼠标敲屏幕的爆笑情况。 版权文档，请勿用做商业用途 你觉得大家都应该要知道的事情，其实不一定都会晓得。虽说这种说词对「父亲」很失礼， 但请把所有使用者都当成是「父亲」那类型的人物。什么样的用语 才能让第一次接触 App 的人没有误会的快速上手呢？（ App: Weightbot，用于记录每日体重，仿真现实生活中的体 重计刻度。）版权文档，请勿用做商业用途 三、使用者的操控自由（User con trol a nd freedom） 用户时常以「尝试错误」来选择系统功能，他们需要一个明显的「离开」来结束使用者不需 要的状态。并且支持复原步骤与重复步骤。 版权文档，请勿用