6.1.3. Mentor: Design Not Just for Usability, but Learnability

可用性设计师的下一个角色是导师。对于每个专业(包括生活中)都需要一个导师,他为你的未来铺平道路,跟你分享知识和经验。一个好的导师一定会对你耐心,并且激励你上进。一个好的用户界面也应该具备类似的功能:耐心的指导用户、帮助用户更加有效的工作。

可用性并不总是和学习能力交迭在一起的。对某些具体应用来说,那些经验丰富的用户的所具备的能力使得他在操作上胜过新手。命令行界面就是个很好的例证,只有黑屏和闪动的光标,再没有比这更令人不爽的界面了。但是对一个有经验的用户来说,它是非常强大的。如果将Unix的命令行取走,这可能至少导致它的功能减掉一半。

在可用性的设计中,让新用户和经验用户都能快速适应也是应用程序目标中最重要的一个方面。

6.1.3.1. Teach with affordances

Affordance是一套教学工具。它是对象的一种属性,并且能暗示对象的功能。例如,一个门把手就是一个affordance,提示你拉门,一个按钮是用来按的,旋钮告诉你它是用来旋转的。UI 设计师也要提供这些affordance,这些affordance通常是符合惯例的。例如,你打开一个窗口来看看,设想你不知道打开以后是什么样的,看看这个窗口是不是可调大小的?如果答案是肯定的,那可能是因为窗口右下角有一个斜线斑纹的东西,这个东西有时叫做把手。这个小图标是一个标志:用来拖动窗口大小。甚至命令行界面也提供了一个affordance:闪动的光标。Affordance是功能的可视化标志,图6-1是一些常见的affordances.

6.1.4. Trainer: Provide Immediate Feedback

你知不知道为什么去体育馆锻炼身体的人们为什么要付钱给教练呢?毕竟,许多训练是在跑步机上或者是推举杠铃中进行的。而事实上,给教练付钱有很多理由,教练扮演了一个很重要的角色,就是在我们锻炼之后给出及时的回馈:鼓励,纠正,调整和教授,使得我们的锻炼能够更好的进行。

可用性的界面设计工作也是同样的道理:将因果作出对比,形成紧密的回馈机制,这样用户可以很自然的作出响应,纠正自己的错误。

6.1.4.1. Direct manipulation

要理解直接操作的概念,最好的例子就是上面说过的紧密的回馈机制。无论什么情况下,请允许用户对数据的直接交互和操作。一些电子报表软件应该在这方面加以改进:他们不允许直接在cell中对数据进行操作。这样,用户只能首先点开一个cell进行编辑,然后将注意力集中到电子报表的顶部来观察变化。

6.1.4.2. Work with the mind

当在页面上添加一些东西的时候,最重要一点的是让用户发现它,script.aculo.us中的highlight效果也许正适合这种情形:这个视觉效果可以很好的配合你的视觉神经,告诉你这个地方很重要。另一种情况,假想有些信息因为不再需要所以要从屏幕上删除,如果再使用highlight效果会产生反作用。最好使用类似fade效果来实现。

6.1.4.3. Use color appropriately

颜色是增强用户体验的一个重要途径,因为它是除了文本、形状、版面之外的又一层可视数据。

在UI设计时,如果颜色的使用始终符合一种风格,会让用户慢慢习惯并且依赖这种颜色风格,也会让用户对新的UI界面很快的适应,会对你的应用程序产生一种信任,并且操作起来会更快,也不会经常犯错。

如果你是在UI中传递信息,使用颜色要尽量保守,不要尝试把一堆颜色加进去。否则,你会适得其反的造成视觉的混乱。

虽然颜色一般没有许多内在语义上的说法,但是却有一些惯例,这些惯例在设计中是非常有用的。对一个小孩子来说,红色代表停止。(事实上,这是因为某些技术原因。早期的灯塔选择红色作为停止信号是因为当时红色是可用的透明度最高的彩色玻璃的颜色。后来,铁路上也借鉴使用,再后来,交通系统也遵循了这个惯例.)所以请不要让这数百年来的惯例在你的web应用中终结!现在,红色的语义也被延伸了,暗示着:小心、否、取消、移除、打开、删除,等等。另外,绿色代表,进行中,是,确定,新建,添加,打开,创建,等等。

本文转自 fsjoy1983 51CTO博客,原文链接:http://blog.51cto.com/fsjoy/111342,如需转载请自行联系原作者

6.1.3. Mentor: Design Not Just for Usability, but Learnability相关推荐

  1. web标准,我们去向何方?一些想法...

    web标准,我们去向何方?一些想法... 作者:阿捷 2004-7-5 0:52:42 原文作者:Veerle 原文出处:veerle.duoh.com 原文发表时间:2004年6月14日 译者注:本 ...

  2. 插图 引用 同一行两个插图_为什么插图是产品的重要组成部分

    插图 引用 同一行两个插图 "Hi, my name is Ludmila and I'm a UX/UI designer" "嗨,我叫Ludmila,我是UX / U ...

  3. 视觉设计_视觉设计:

    视觉设计 What does the customer first see in your application? Yes, its your application design. So it i ...

  4. ui设计现状与意义_UI设计存在的意义

    界面设计 (UI Design) ,交互设计 (interactive design) ,可用性研究 (usability research) , 人力因素 (human factors) ,信息结构 ...

  5. ajax资料收集-Ajax文章(教程和实例)---Ajax资源下载(源码和教程)---Ajax规范标准

    CSDN Blog Ajax文章搜索: http://search.csdn.net/search/ajax/1/blog/ 专题:Ajax技术应用开发 http://www.51cto.com/ht ...

  6. 软件工程中众包应用的综述

    A Survey of the Use of Crowdsourcing in Software Engineering 作者 摘要 1 介绍 2 背景 2.1 众包 2.2 众包软件工程 2.2.1 ...

  7. 程序设计文档编写_编写有效的设计系统文档的6个技巧

    程序设计文档编写 重点 (Top highlight) I wrote this article to document what I'm learning professionally while ...

  8. 使用认知UX设计原则对认知可及性的adhd阅读障碍观点

    Today I gave a presentation at #ID24 2020 called 'The Wonderful Thing About Tiggers' which is a pers ...

  9. 推荐产品经理必读书单

    引爆点  引爆点 [美] 马尔科姆·格拉德威尔  我们的世界看上去很坚固,但在<纽约客>怪才格拉德威尔的眼里,只要你找到那个点,轻轻一触,这个世界就会动起来:一位满意而归的顾客能让新开张的 ...

  10. 台湾网友学计算机的经历

    别人的经历读起来总是很有趣,下面是位台湾网友的经历. 我也有自己的经历,每个人都有自己学计算机的经历.好像喜欢看别人买的外设或配的电脑一般有趣. ------------------- 這篇文章其實已 ...

最新文章

  1. 机器学习-终结者是否会出现
  2. mysql5.6安装及实现双向备份
  3. Java 开发环境配置 win10
  4. 9.6Gbps WiFi联盟宣布802.11ax协议!
  5. 网上看到的一道题,分享一下
  6. 贵州大学java期末考试_CONTRIBUTING.md
  7. 【机器学习】 - keras学习 - 图片生成器ImageDataGenerator
  8. gganimate|让你的图动起来!!!
  9. 快速稳定服务器,稳定又快速服务器工具推荐
  10. 【codevs1227】方格取数2,费用流
  11. 两台计算机怎样共享一台打印机共享文件夹,两台电脑怎么共享文件和打印机
  12. 验证码识别,打码平台
  13. 【我的Android进阶之旅】 解决Android编译出现问题:AAPT: error: resource string/xxx (aka xxx:string/xxx) not found.
  14. 神推荐:酷站导航你值得拥有
  15. ios 高德挪动地图获取经纬度_iOS 高德地图 根据经纬度解析成位置
  16. 互联网老辛带你了解云架构集群
  17. linux实现进度条
  18. python英文分句_英文分句
  19. Android-UI 开源控件
  20. 【ONTAK2015】【BZOJ4298】Bajtocja

热门文章

  1. 让天底下没有难接的支付|支付宝网银直连转账到银行卡对接故事续集 支付对接不是一个单纯技术问题 网银直连转账到银行卡开通方式揭晓
  2. Android集成bugly实现异常上报
  3. 新茶饮的尽头是瓶装水?
  4. 高德地图html5生成,高德地图选择位置然后生成静态地图
  5. 【数理逻辑三】命题逻辑及形式系统【下】
  6. matlab 投票法_二维解析张量投票算法研究
  7. 去除黄褐斑的方法,姬净美怎么样
  8. java毕业生设计演唱会网上订票购票系统计算机源码+系统+mysql+调试部署+lw
  9. 2019年日本上班的你必须知道的社会保障和源泉所得税
  10. 推荐系统中常用算法以及优点缺点对比