读书笔记-交互设计精髓4 为不同的需求而设计

本章概述


易学性和帮助

一、命令模态

教学式命令

对话框和命令菜单教会用户使用软件的命令,通常适合初学者新手。

直接命令

icon、滑块按钮和拖放处理等

隐形命令

软件中的快捷键和手势

教学式命令通常是为新手用户而设计的,但是用户不可能永远停留在新手,早晚有一天会成长到中级用户或是专家级别的用户,所以需要一个途径让用户学会每个教学式命令有相对应的直接命令,这时就需要一个

记忆矢量

为用户提供记忆矢量的方式主要有

1. 集成到主界面

比如,典型的windows的应用在键盘上都有两套基于键盘的直接命令,一个热键,一个是快捷键。“保存”的热键是Alt+F,再按S键。Alt+F键导到文件菜单,S键下达保存命令。按下Alt键,记忆矢量热键就会显示出来,而鼠标hover到某一个工具上,会提示该工具的快捷键,这些都是为用户提供帮助的记忆矢量。同时,“保存”的快捷键是Control+S。

2. 初次使用设备或应用时演示的首次运行导览和教程

在移动app中比较常见

3. 图标按钮

二、 有效功能工作集

设计师应该使用直接命令设计最少有效工作集中所有的命令


比如,在Keynote中,最上面一排的表格、图标、文本、形状、媒体和批注是最基本的功能命令,是每个使用Keynote的用户都会用到的功能,同时Keynote支持自定义工具栏,这样每个用户可以定制属于自己的有效工作集。

三、上下文帮助和辅助界面

导览和覆盖层教程

多用于移动app,充当了引导新用户的功能,会在产品第一次运行的时候启用,最好为用户提供”跳过“的按钮,最好不超过5-7屏,并在最后一屏允许用户重新导览。

库和模版

多用于文档类应用和设计软件。

占位符和空白提示

空状态或者提示用户操作的提示

向导

比如激活iPhone和iPad的安装向导。

安装向导是默认的、并容易操作的,比如在mac系统上安装文件时,只需要把软件图标拖到application文件夹中,相比一直点击下一步,体验要好很多。

工具提示和覆盖式工具提示


工具提示是当鼠标悬停到icon上的时候,出现的一条关于该功能的文本解释。

覆盖式工具提示一般是点击“帮助”触发的,会出现提示的标签,通常都有一个关闭按钮,点击才能关闭提示。这类提示通常会用在复杂的创造型软件。

四、传统的在线帮助

在线帮助应有使用索引或者搜索的方式,通常用户是针对自己的问题寻求帮助。


可定制

一、个性化

比如选择桌面主题,选择app皮肤一类。提供可视化预览,可以撤销到默认状态。

二、配置

可以移动、添加命令工具,比如keynote和sketch中可以自定义工具栏。

三、特质模态行为

满足多种用户的需求,某一种操作存在多种习惯用法,并且每一种用法用户存在的比例差不多时,需要满足多种用户需求。

比如,Windows系统的Office和Mac系统的Pages、Keynote、Numbers这类办公软件,关于菜单栏的用户操作习惯一共有三种方式。

有人希望点击菜单栏项目,菜单出现,然后按着鼠标不放,顺着菜单往下拖动,移动到所需想选上松开鼠标按钮,便可执行命令;

有人希望点击菜单栏后,不必按着鼠标,找到所需选项后,再点击选项执行命令。

后来又出现了第三种模态的习惯用法:用户照旧点一下菜单栏放开,可以沿着菜单栏拖拉鼠标,移动到所需菜单松开鼠标,选项菜单依旧被触发。

(一直以来自己都是第二种操作,当尝试第一种和第三种方式的时候也是惊呆了)


本地化和全球化

习惯用法:颜色和icon等视觉元素的使用要做功课,没有文化争议

翻译:不同语言中单词和词组的长短不一样,会影响文字的排列


无障碍性

无障碍目标

用户能够感知和理解所有的提示、信息和反馈

用户能够感知、理解并轻易地操控所有控件并进行输入

用户能够轻易地导航,并且总能知道所处界面的位置及其导航结构

无障碍人物模型

次要人物模型

无障碍指导方针

1. 利用操作系统的无障碍工具和指南

比如屏幕阅读器和声音辅助导航(iOS的voiceover和Android的talkback)

2. 不要覆盖用户选择的系统设置

3. 启用标准的键盘方向方式

4. 为视力不佳的人加入显示选项:

比如设置颜色和字体大小

5. 提供只有视觉和还有听觉的输出

让有视觉和听觉障碍的用户也可以使用

6. 使用简单、明确、精炼的语言

7. 响应时间要满足所有用户

8. 使用一致的布局和任务流程

9. 给视觉元素添加文本释义:给应用中的控件图标等视觉元素标注文本,方便屏幕阅读器进行阅读

你可能感兴趣的:(读书笔记-交互设计精髓4 为不同的需求而设计)