交互设计学习笔记之《如何进行可用性评估》

如何进行可用性评估

可用性评估,它的主要目的是为了找出可用性方面的问题,即用户能否很好地使用产品的各项功能。

用户研究是制作原型和可用性评估的基础和前提,只有通过用户研究,设计人员才知道用户对界面的特定需求和使用特点,才能在这些知识的基础上制作原型,同时在对原型评估时,也必须根据用户自身及使用时的特点来对原型的好坏进行判断。

根据在评估过程中是否有用户参与,可用性评估可以分为两大类。第一类是没有用户参与的评估方法,第二类是用户参与进行评估的方法,为什么会存在没有用户参与的方法呢?以下是两个主要原因: 继续阅读“交互设计学习笔记之《如何进行可用性评估》”

交互设计学习笔记之《如何制作原型》

如何制作原型

所谓原型,是指在某一方面和真正产品比较接近、以使人们能对这一方面的各种技术方案进行不断评估和改进的一种接近于实际产品的模型。原型技术大量应用于传统工程及产品设计领域,用于评估和改进各种技术上的实现方案,尤其是在使用一些新技术或不熟悉的技术时。

1.原型设计的作用和目的

交流设计方案
在面向对象的软件开发中,为了表达和交流设计方案,开发人员会用某种模型或方法来表示种个类是如何设计的,以及它们之间的静态关系和运行时的交互关系。在设计界面时,我们需要用某种方式把设计方案表达出来,以便和其它人,例如其他设计人员、开发人员或用户进行沟通,而不是仅仅保存在自己的头脑中。然而,和面向对象设计不同,界面设计本身涉及的是很具体的元素,是人可以实实在在感知到的,例如各种画面、图像、文字、声音或各种输入输出的方法。因此,为了表达设计方案,最有效的方法就是用具体的可以被人感知的某种模型来展示。

更有效地让用户参与进来

原型是对设计方案进行评估和改进的基础

降低开发成本
原型的本质在于,它是一种在某个方面对产品进行模拟或近似的模型,因此我们只需关注某一方面而忽略其它。同时,由于原型不是真正的产品,我们也不需要按照产品开发时的标准流程和质量来要求它。这些都使得我们可以非常快速和廉价地制作出原型或对原型进行不断的改进。 继续阅读“交互设计学习笔记之《如何制作原型》”

交互设计学习笔记之《如何进行用户研究》

如何进行用户研究

1.用户访谈

用户访谈指的是和用户进行面对面的交谈。在交谈之前,产品设计人员可以事先准备一个问题列表。

用户访谈可以是一对一的谈话,也可以是一对多,即以座谈会的方式同时邀请多个用户来讨论。用户访谈的优点在于:由于可以接触到最终用户,因此设计人员有机会获取用户的真正需求,而不是用户的经理或软件采购人员所希望的功能。它的缺点则包括:由于需要面对面的接触,对于调查人员和用户来说都面要花费大量的时间,因此用户有可能不愿意参加访谈,或者是用户的经理不同意。

2.问卷调查 继续阅读“交互设计学习笔记之《如何进行用户研究》”

交互设计学习笔记之《如何充分利用屏幕空间来显示更多的内容》

交互设计学习笔记之《如何充分利用屏幕空间来显示更多的内容

1.自动分时复用,轮流或滚动显示

网页上的Flash广告页采取了类似的方法。当可用屏幕空间更小时,比如只能显示不足一行的文字或很少几行时,就需要使用文字滚动的显示方法。例如,在一些公共汽车内,只有一个窄条的基于发光二级管的显示屏可以用来显示一些信息,其高度只够显示一个字。因此,它所采用的就是一种从左到右滚动文字的方法,可以逐渐地显示出一行文字或更长的文字。

2.仅在鼠标悬停时的显示窗口

在某些情况下,当我们不是时时刻刻需要使用某个窗口中的内容时,可以先把这个窗口隐藏起来,仅在界面上显示代表这个窗口的很小的一部分。当需要该窗口中的信息时,用户可以把鼠标移动并悬停在这一小部分上,该窗口即可恢复原来的全部显示状态。

3.利用下拉式控件减少对屏幕的占用 继续阅读“交互设计学习笔记之《如何充分利用屏幕空间来显示更多的内容》”

交互设计学习笔记之《如何减少人们在使用软件时的长时记忆负担》

如何减少人们在使用软件时的长时记忆负担

记忆是人类一个非常重要的心理活动,它是人类很多其他思维活动和行为的基础。在所有的认知心理活动中,记忆是和软件界面设计关系最为密切的一个。你会发现很多软件可用性方面的问题都归结为记忆问题。记忆大致可分为短时记忆和长时记忆两大类。

具体来说,用户为了能够使用软件来完成某些任务,他必须记住两类信息或知识。第一类和软件如何操作相关;第二是和该任务所需要的领域知识相关的。

1.将需要记忆的信息在界面上显示出来,让用户看到

某些信息或知识之所以能进入人的长时记忆,是因为人们会多次反复地去记忆或运用该信息。 继续阅读“交互设计学习笔记之《如何减少人们在使用软件时的长时记忆负担》”

交互设计学习笔记之《如何克服短时记忆局限性对于界面的影响》

1956年,美国心理学家米勒(George A.Miller)教授发表了一篇名为《神奇的数字7加减2:我们加工信息能力的某限制》的论文,明确提出人类短时记忆的容易为7加减2,即一般为7并在5到9之间波动。这就是神奇的7加减2效应。

通俗地说,人在很短的时间内只能记住大约7个左右的信息。需要注意的是,这里所说的信息并不是绝对意义上的最小信息单元,而是对人们来说有意义的信息单元。

为了消除人类短时记忆的局限性对于软件界面设计的影响,从而使用户不必拥有超强的短时记忆能力也能轻松地使用软件,我们可以从以下三方面着手处理或在设计时加以注意:

1.分块

将较长的多个无意义的信息单元序列分割为一些小的部分,每个部分中包含小于7个或更少的信息,以便于人们记忆和使用。

例如:银行卡卡号的设计
大部分银行卡的卡号是16位数字或更长,因此印刷在卡上时都是按照4个数字为一组进行了分割。

2.由软件传送信息,消除用户记忆的必要性

在某些时候,用户需要临时记忆的信息是这样的一些东西,它们原本就产生于软件,而且用户需要在另一个软件或软件的另一个状态下使用。如果具有这样的特点,则我们完全可以让软件内部各部分之间或不同软件之间进行数据通迅来传递这些信息,而不必需要人来记忆。

3.让用户可以一直在屏幕上看到不容易记住的信息

交互设计学习笔记之《如何减少用户的等待感》

交互设计学习笔记之《如何减少用户的等待感》

在任何一个时期,都会出现这样的情况,当用户发出某个操作命令后,由于问题的复杂性,在当时的技术条件下,计算机系统无法立刻给出用户所需要的结果。此时,用户就会有等待感。在大多数情况下,等待感是一种负面情绪,有时还会伴随焦虑。因此,作为软件设计人员,我们应当设法减轻用户的等待感。心理学实验表明,负面情绪会导致人在从事智力活动时效率降低、出错率提高。尽管我们可能无法减少绝对的等待时间,但是通过采用一些界面设计技巧,我们将能够有效地减轻等待感所带来的负面情绪,从而保证用户使用软件完成任务时的效率以及主观满意度。

1. 使用某种反馈机制来让用户看到操作进行的进度和状态

当用户执行一个需要处理很长时间的才能完成的操作后,界面上需要以一种可视化的方式让用户看出当前操作的执行进度情况。否则,用户有可能认为软件出问题了,或者认为该操作还需要很长时间才能完尽管实际上在1秒之后就完成了。在具体实现时,最常见的方式是使用进度条控件或是一个以数字方式显示的进度百分比,或者两者都有。

2.让用户以渐进方式得到处理结果

界面可以以一种渐进的方式来逐渐把当前已完成的处理结果提供给用户。具体来看,这种方法又分为两种不同的策略:

第一、 分成多个连续的部分来顺序地把结果提供给用户 继续阅读“交互设计学习笔记之《如何减少用户的等待感》”

交互设计笔记之《如何设计出错信息》

人机交互,顾名思义,就是人和机器之间有一种相互作用,这种互动包括两个方向:一是用户向计算机发出指令或提供数据,也就是所谓的输入;另一个就是计算机将其内部状态或信息通知用户,即所谓的输出。错误信息是系统输出中很重要的一部分,它能帮助用户发现和解决使用中的问题,从而最终帮助用户顺利地完成任务。

在出错信息的设计中,最重要的一条原则是:出错信息不仅仅是告诉用户错误的发生,更重要的要让用户知道如何去解决这个问题。以下是一些有关出错信息的设计考虑:

  • 不要只告诉用户操作无法完成或失败
  • 不要仅仅给出错误代码,还应当给出代码的含义
  • 不要在出错信息中采用用户无法理解的术语
  • 描述的错误原因要尽可能明确
  • 错误信息要有建设性,要让用户看出怎样才是正确的
  • 不要给出误导性的出错信息

交互设计学习笔记之《如何使得鼠标操作更高效》

如何使得鼠标操作更高效

1.Fitts定律

1954年,当时担任美国空军人类工程学部门主任Paul M.Fitts博士对人类操作过程中的运动特征、运动时间、运动范围和运动准确性进行了研究,提出了著名的Fitts定律。Fitts定律指的是:使用指点设备到达一个目标的时间与以下两个因素有关:

I. 设备当前位置和目标位置的距离(D)。距离越长,所用的时间越长;
II. 目标的大小(S)。目标越大,所用时间越短。

该定律可用以下公式表示:t = a + b log2(D/S + 1)
其中a, b是经验参数,它们依赖于具体的指点设备的物理特性,以及操作人员和环境等因素。

指点位置的当前位置和目标位置相距越远,我们就需要越多的时间来移动,而同时,目标的大小又会限制我们移动的速度,因为如果移动得太快,到达目标时就会停不住,因此我们不得不根据目标的大小提前减速,这就会减缓到达目标的速度,延长到达目标的时间。目标越小,就需要越早减速,从而花费的时间就越多。

2.Fitts定律在软件界面设计中的应用 继续阅读“交互设计学习笔记之《如何使得鼠标操作更高效》”

交互设计学习笔记之《如何帮助用户高效率地完成任务》

这里所说的效率是指软件操作方式层面的,即用户能否以更少的操作更快地完成任务,而不是传统软件开发领域中所说的软件的运行效率,比如说用户在发出某个操作命令后软件能否更快地给出结果

1.支持批处理操作

批处理操作是指由软件来连续地把同样的操作施加于多个对象上。

批处理操作的设计方法是一种比较直观的用于提高软件操作效率的方法。对于界面中所提供的每个功能,我们都需要考虑一下,用户是否有可能多次、重复地执行这个操作,或是把该操作应用到多个操作对象上。如果是,那么我们就应当采取一种适当的方式向用户提供批处理模式的操作方法。

2.支持宏命令操作 继续阅读“交互设计学习笔记之《如何帮助用户高效率地完成任务》”

Data List的应用——Flash Catalyst入门教程

在这个教程中,我将为大家讲述Flash Catalyst组件Data List的应用。首先在Photoshop中设计好所要呈现内容的界面,这里我构思了一个RSS Widget,主要是帮助我们实时地订阅信息,无论是twitter上的即时信息,还是facebook上的朋友动态。需要注意的,在设计时要把图层规划好(这也是交互设计的一要点),方便后来导入到Flash Catalyst中操作。在Photoshop中的设计稿好下图:

Layers in Photoshop

接着我们把RSS Widget PSD文件导入到Flash Catalyst中,其步骤如下图: 继续阅读“Data List的应用——Flash Catalyst入门教程”

交互设计学习笔记之《如何设计帮助系统》

从产品的整体设计来看,其帮助系统是提高产品可用性的一个重要环节,它能够帮助用户更快、更好地学习产品的使用,从而提高产品的可学习性;它能够让用户知道完成操作都有哪些更快更有效的方法,从而提高用户的使用效率;它能够告诉用户在遇到某些使用中的问题时该如何处理,从而减少用户在使用中的挫折感,也能有效地减少用户对于软件技术支持的压力,从而降低软件开发企业的技术支持成本。

为了设计出有效的帮助系统,在决定帮助中应该包含哪些内容时,我们可以采取一种基于场景的分析过程,即考虑用户在哪些情况下需要使用帮助系统,以下是总结出来的帮助系统中应当包含的内容:

  • 入门指南或学习指南:这主要是帮助用户了解软件都提供了对于任务领域中的哪些问题的支持和解决方案;
  • 操作指南或使用指南:这主要是帮助用户了解对于某个特定功能,如何操作界面以完成该功能;
  • 故障排除:这是为了帮助用户解决一些使用中的疑惑问题;
  • 参考手册;
  • 术语解释。

对于任何有一定规模的帮助系统,由于它包含了大量的信息,因此它自身的可用性也是设计帮助系统时需要认真考虑的一个问题。从本质上来看,帮助系统属于信息查询与使用系统,这类系统中主要的可用性问题有两个方面:

第一、使用效率,即用户能否很快、很容易地找到所需信息。

  • 索引
  • 搜索
  • 信息的合理组织与分类
  • 相关功能

第二、信息的可理解性。

交互设计学习笔记之《如何帮助用户探索和尝试》

对未知世界和事物进行探索是人类得以进步的一种非常重要的行为,而尝试和试验则是人类的一种很重要的学习亲事物的方法。在用户使用软件时,尤其是使用一个他们之前没有用过的新软件时,探索和尝试的行为是非常普遍和常见的。因此,软件设计人员应当在界面中对以上这两种行为进行很好的支持。

1.把所有的功能和操作尽可能列在菜单系统中

在对一个新的软件进行探索时,用户首先需要知道这个软件都提供了哪些功能或操作,这些功能或操作将会是用户随后的各种活动的发出点,而之所以需要把这些信息放在菜单系统中,有两个主要原因:

第一,菜单中对于功能或操作的描述是基于文字的,因此相对于图标而言,用户更有可能正确地理解他们;
第二,用户通过菜单方式来浏览这些功能是安全的,换句话说,仅仅在各个菜单中看看都有哪些内容并不会触发这些动作,这就使得用户可以放心一一仔细端详。实际上,很多用户在使用一个新软件时也是通过浏览菜单中的内容来看软件都有哪些功能的。

2. 让用户在执行某个操作前知道它的效果

某平板电视公司为了打消用户在购买时的顾虑,推出了一种平板电视的折叠宣传手册。这个小册子可以塞进报纸或杂志里面,展开后能变成一幅平板电视机的仿真招贴画,大小与42寸平板电视机一样。在接下来的一个月晨,该公司的平板电视销量神奇般地激增。在这个例子中,把印有电视的纸张贴在墙上的做法就是一种在采取真正行动前让用户可以预先看到其效果的方法,它能够让用户以一种低成本的方法来尝试不同的选择。

在软件设计中,预览功能就是这种原理的应用,这种功能对于用户尝试成本的节省也可能是时间意义上的。

3.让用户可以撤消动作

4.让用户可以把状态恢复到初始值

5.在执行具有破坏性的操作前要求用户确认

在软件界面中,在用户将要执行某个具有潜在的危害操作时,我们应当向用户提醒这个潜在危害性,并要求用户确认或取消操作,这里的危害性指的是对于用户数据或系统数据的破坏。

交互设计的利器——Flash Catalyst入门介绍

交互设计的利器——Flash Catalyst入门介绍

Adobe Flash Catalyst是一款专业的交互设计工具,可以在不编写任何代码的情况下快速创建用户界面。它的出现为开发人员和设计人员建立起了沟通的桥梁,程序开发人员可以导入设计师在Photoshop、Illustrator和 Fireworks中设计的用户界面,并将它们转化成UI组件而不改变它们原先的“皮肤”、外观和整体风格。设计师仍然用Adobe的各种产品来完成自己的大部分工作,但是能通过Catalyst来定义UI组件,这就像开发人员通过编程来完成这一工作一样。

2009年6月1日,Adobe公司给大家送来了儿童节的礼物,发布了Flash Catalyst Beta,大家可以到其官方网站免费下载试用。Flash Catalys的安装过程中一些交互设计不是很好,它首先得让用户解压安装文件到一个目录下,可是用户根本不需要从这些解压文件中选择 “setup”进行安装,安装程序自动运行,如此的结果是这些文件占据了几百兆的空间,用户却很容易就把它遗忘。建议Flash Catalyst开发团队在设计时,安装文件不要解压到某个目录下,直接储存在缓存中,等安装完成后就释放出来。接下来的安装非常简单,按步骤很容易就完成了。

启动Flash Catalyst,出现如下界面:

Flash Catalyst启动界面

从此界面上我们可以多种操作:1.打开一个项目;2.从AI文件中创建新项目;3.从PSD文件中创建新项目;4.从FXG文件中创建新项目;5.创建新项目;6.信息和介绍。 继续阅读“交互设计的利器——Flash Catalyst入门介绍”

交互设计学习笔记之《如何使软件一学就会》

一个界面容易使用的程度其实是人们在学习该界面的操作方法时有多快,以及学了之后是否不容易忘记。这些方面的数据可以通过实验数据获取,因而是更为客观的和可以观察的。

1.直接操控

通过拖拽操作来移动文件的方法就是一种直接操控的方法,“直接操控”这个术语最早是由Ben Shneiderman 在1983年提出来的。它的基本特征是,用户使用物理性的操作来直接把动作施加于目标之上,而不是间接地通过发出抽象的命令来完成(发出这些命令的具体形式可能是点击按钮、选择菜单或键入文字),同时,目标对象的状态随着用户操作的进行被实时、连续地反馈了出来。

通过拖拽窗口右下角的方式来调整一个窗口的大小是另一种常见的直接操控的方法。在进行这个操作时,我们并没有通过执行菜单或按钮命令,而是直接地通过拖拽窗口对象自身的方法来连续地改变窗口的大小。在这个拖拽过程中,窗口的大小随着鼠标的移动而实时地改变着,窗口中的内容也跟着变化。当我们看到窗口大小调整到了一个满意的尺寸后,我们就可以松开鼠标按钮而结束这个操作了。

直接操控式界面具有以下优点: 继续阅读“交互设计学习笔记之《如何使软件一学就会》”

交互设计学习笔记之《如何使界面让用户一看就懂》

交互设计学习笔记之《如何使界面让用户一看就懂》

1.采用比拟手法

      比拟是人类语言中的一种修辞手法,其实质在于利用人们熟悉的或容易理解的知识去解释人们不熟悉的或难以掌握的问题。在软件设计中,比拟手法经常运用于以下领域:

      对某种界面进行比拟,软件界面中最常见的按钮就是对我们现实生活中种种物理的实休按钮进行模仿。它所借用的实体按钮的主要特性在于,当人们按下按钮后会触发一个动作。

      界面上的文字用语借用我们已经熟知的词语,如关闭、找开、移动(窗口)、复制、属性、重命名等。

      软件界面的整体外观借用我们已经熟知的事物或物体,例如windows操作系统的桌面就是模拟了真实世界中的办公桌面。

      在用户手册的编写中采用比拟手法,帮助用户更好地理解软件的功能和使用方法。

使用此方法时应注意的问题

      比拟的根本目的只是为了帮助用户理解软件,而并不需要在所有的方面和所要比拟的对象完全一样,尤其在操作上。

      不要被我们用于模拟的实际物理对象限制了我们的思维和想像力,这里主要指一些操作作为。

2.模型匹配原则

      首先需要理解三个概念:心理模型、实现模型系统模型 继续阅读“交互设计学习笔记之《如何使界面让用户一看就懂》”