交互计算机系统的设计不仅仅是门艺术,也是(至少追求成为)一门科学。好吧,实际上不是科学,但可以说是一门计算机和认知学的交叉工程学科,基于科学的技术方法创造满足指定需求的交互系统。

  就像汽车、建筑和服装,交互式计算机制品可以使人在情感上愉悦,展示风格和时尚,并具有显著的社会意义。在艺术和工业设计上有很大空间可以使物品突出、耀眼、深入人心。但最终制品也必须正确地工作并适应人的活动。一座优美的建筑,其高耸的窗户却在夏日烘烤着居住者,或者房梁在暴风中弯曲,都是彻底的失败。设计者们在建造大楼前需要一定的方法将纬度、季节、通透性、容积和流通性放在一起来预测温度负载。他们也需要一整套的技术方案,例如选择隔热玻璃、窗帘、屋檐和风扇,形成规范的工程方案。工程学在设计中不是取代艺术,而是让艺术成为可能。

  工程学对建筑来说已经够难了,对互动制品来说更难,原因很简单,那就是获取关于人的科学比关于建筑的更难。建立人机交互领域的追求之一就是提供这样一门支撑科学和工程学。但要怎么做呢?最简单的方法就是通过“可用性测试”,观察用户的操作,发现他们遇到的困难,并通过重新设计来修正。可用性测试是有用的、必需的,也是低效的。成果也不如工程学般能很好地积累起来,而且无法对失败有深入的洞察。认知上等同于通过烘烤让用户去发现大窗户的效果。但可用性测试可以发现系统的很多缺陷。它是可行的方法,因为交互系统的修改通常要比建筑物的重建容易得多。

  最好能在一开始就避免许多错误,一种方法就是使用设计规则。与其在可用性测试中重复不断地发现红绿搭配的界面对色盲用户很糟糕,不如设立规则,说明颜色使用的注意事项。然而,设计规则也有自身的问题。在实践中,设计规则可能模棱两可,或者需要对环境做出精细的解释,也可能会与其他设计准则矛盾。这就是为什么我们需要有这本书。

  这本书的想法是将设计规则与其核心的认知学和感知科学高度统一起来。这样的形式有几个好处:与实际的设计联系起来使得心理学变得具体而容易理解,而设计规则因与其深层的基本原理相互关联而更容易在具体环境中应用。

  Jeff Johnson是写这样一本书的完美人选。他的整个职业生涯结合了界面设计和心理学两方面的工作。我第一次遇见他时,他是施乐Star系列产品的用户界面团队成员之一。施乐Star系列是图形用户界面的首例商业产品。因此在设计方面,他是GUI设计的先驱。在心理学方面,他拥有耶鲁大学和斯坦福大学的学位。他将设计和心理学结合起来,在商业交互系统上应用,在大学里教学,并从事咨询工作。他的独门秘技是能使用具体的设计范例来阐明抽象的原理。事实上,他能一针见血并令人难忘地揭示因糟糕设计而“搞砸”的例子,在这本书里也是如此。

  除了设计准则之外,用科学方法来帮助设计一个系统的另一种方法是设计模型。Jeff的书也展示了使用这种方法的例子。他演示了如何依据对象和操作对任务环境构建模型,以及如何理解实时互动的限制。

  简而言之,这是一本为交互系统设计提供支持工程方法的书,同时,也是一本理解更广泛的人类行为原理的入门书,就算是设计者的认知科学速成吧。最重要的是,对于那些要把事情做好的实干者们来说,这是一本对人类大脑有深刻洞见的书。

认知与设计:理解UI设计准则——序相关推荐

  1. 分析交互设计和UI设计的区别!优漫动游

      很多刚入行的设计师甚至是一些公司,其实对于交互设计和UI设计这个岗位的认识是非常不清晰的.   下面优漫小编带大家了解交互设计和UI设计应该关注的一些问题   1.想法由公司高层或项目负责人提出, ...

  2. 费诺编码的gui页面设计_GUI设计和UI设计有什么区别?

    首先从技术的角度分析两者处于包含与被包含的关系. GUI=Graphical User Interface,是指在计算机出现后,在屏幕上使用图形界面来帮助(User)与机器打交道用的界面接口,泛指在计 ...

  3. php++ui设计课程,UI设计主要学什么?

    UI设计是指对软件的人机交互.操作逻辑.界面美观的整体设计:UI设计中文名字叫:用户界面设计.UI设计作为时下热门高薪职业之一,其发展前景不言而喻,应用领域非常广泛,那么UI设计都需要学习什么呢?下面 ...

  4. html和ui有什么区别,前端设计和ui设计的区别是什么

    前端设计和ui设计的区别有研究方向不同,ui是用户研究.交互设计.界面设计,web前端是html.css.js等需要编写代码:职业机会不同,ui设计:前端开发工程师.资深前端开发工程师.前端架构师等, ...

  5. GUI设计和UI设计有什么区别?

    首先从技术的角度分析两者处于包含与被包含的关系. GUI=Graphical User Interface,是指在计算机出现后,在屏幕上使用图形界面来帮助(User)与机器打交道用的界面接口,泛指在计 ...

  6. 关于产品设计和UI设计

     因为题主没有特别提到具体的要求,刚好这两天自己也在研究,提两个方向的: 第一个方向:快速开发 --- 2014.04.29 update--- 0.Marvel 最近在使用 Marvel Fre ...

  7. 什么是UE设计?UI设计又是什么?UE和UI有什么区别?

    设计在我们的生活中扮演着重要的角色,但是面对越来越多的专业术语和相近的岗位职责,人们总是困惑:明明是差不多的岗位,为什么要整那么多的词.UI.UE.UID.UED相信很多人都弄不清楚这些名字是什么意思 ...

  8. 如何入门UI设计?学ui设计要看什么书籍

    自学UI设计大致分为两种情况:其一.业余学习,技能拓展,不以求职为目的;其二.谋生手段,小白进阶学习或者有转行的打算.前者,无论是学习内容或者深度都可以根据自己的需求和兴趣点来做学习选择,相对来说,学 ...

  9. [-UI设计-] UI设计文档

    今天不想说UI设计原理和原则,只想说文档内容.一个solo族,可能根本不会理睬这种文档,因为他的idea完全在脑中,自己来实现就OK了.而在一个团队协作过程中,产品设计部门就有很高的必要把这个文档写好 ...

  10. 协众信息ui交互设计:UI设计的规划,你都知道哪些?

      UI设计有哪些规范?可能很多小伙伴都在工作中思考过这个问题,现在作者总结了一些UI的设计规范,给大家做个参考.     一.轴     轴在UI设计中是最基本.最常见的概念,也是用来组织界面结构的 ...

最新文章

  1. 14.3 线程实现方法2
  2. Okhttp-interceptor源码分析,快上车!
  3. NFS技术实现图片共享存储
  4. 关于页面图表相应式的问题,问题遇见时间,9月1日,到今天9月2日,尚未解决...
  5. sqlserver数据库原理
  6. 计算机图形系统基本处理流程,计算机图形系统是进行图形处理的计算机系统-read.ppt...
  7. mac虚拟机vm屏幕一直闪烁_VM虚拟机VMware Fusion Pro 11
  8. Transformer的一家!
  9. 数据结构 第四章 串
  10. 微信小程序开发者工具
  11. Android adb shell刷机命令实战
  12. 科研的常用软件高效神器
  13. Java实现英汉词典API初版发布在Maven
  14. 数学分析教程(科大)——3.4笔记+习题
  15. Python实现快速查找文件
  16. 地图WGS84和地图GCJ02
  17. Vivado使用技巧(23):综合运行与OOC
  18. 变换模型——仿射变换和透射变换
  19. 官宣!成都链安在北京成立分部啦!
  20. Git分支的作用与使用

热门文章

  1. 简书mysql配置_MySQL安装配置
  2. 为什么blender安装后无法打开_冬天自动空调打开后,A/C灯为什么会亮?
  3. 输入一行字符,判断单词数
  4. 如何使用php将字符从全角转为半角
  5. 解决 org.springframework.beans.factory.NoSuchBeanDefinitionException: No qualifying bean of type的问题...
  6. Swift之Vision 图像识别框架
  7. Mongodb的范式化和反范式化
  8. 如何查看手机连接wifi密码的记录
  9. JavaScript 中 Object ,Prototype 相关的属性和方法
  10. 网络卖家自曝黑幕 “信用刷手”欺骗你