读书笔记-交互设计精髓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. 给视觉元素添加文本释义:给应用中的控件图标等视觉元素标注文本,方便屏幕阅读器进行阅读

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343