第19章--为移动设备和其他设备而设计-About Face 4 读书笔记

一、剖析移动应用

多数应用是暂态的

1.1移动设备的外形大小

手持设备、平板、迷你平板

1.2手持设备上的应用

1、堆叠--包含内容的垂直组织结构

2、屏幕轮显--左右滑动切换内容

3、方位和布局--根据需要确定是否旋转方向

1.3平板上的应用

1、堆叠和索引窗格--垂直堆叠主要内容,可增加索引栏

2、弹出控制窗格--屏幕够大,可提升用户效率

3、基于方向的布局--旋转屏幕涉及控件的重新排布和遮挡问题

4、移动布局VS 类桌面布局--把电脑软件搬到平板上的设计原则

5、类硬件控件布局--尤其是音乐创作领域

1.4小平板上的应用

可部分运用手机和平板的导航和布局策略。

二、关于移动导航、内容、控制的习惯用法

2.1浏览控件

1、列表--配合导航tabbar可提供多屏内容

2、网格--比如iPhone主画面、照片预览

3、内容轮显--banner

4、泳道--是垂直排列的轮显,每个轮显都可以独立水平滚动

5、卡片--图文混排的内容框

2.2导航和工具栏

1、标签栏tabbar--手机在上或下,有的平板在左侧

2、“更多”控件--解决标签个数超过5个的问题

3、标签轮显--水平滑动轮显和标签栏的结合

4、导航栏和动作栏--iOS叫nav bar  ,Android叫action bar。

5、工具栏和工具板--导航栏会哦这动作滥觞的功能图标按钮

6、垂直的工具栏和工具板--平板上内容创作类apple较多见

7、工具轮显--比如选滤镜

8、菜单栏:移动设备上应避免使用的习惯用法

2.3抽屉

1、次要动作抽屉--通常被放置在右侧。导航则会从左边出来

2、双抽屉--左右都有

3、条目级抽屉--左右滑动条目出按钮,可发现性比较差

4、要避免的抽屉行为--不要过度使用弹出窗格和滑动窗格,尤其是窗格出现的方向不同。

5、关于抽屉的争议话题--抽屉让导航隐藏在一个图标后面,不太容易被发现。优势是保持了界面干净整洁。

2.4轻拍显示及其他直接操控

1、轻拍(其实就是用手指点击)显示控件--轻拍显示直接操作工具

2、直接操作控件--手势直接操作-拖、点、旋转等手势

2.5搜索、排序、筛选

1、隐式排序 vs 显示排序--按照用户以往的记录来进行推荐

2、构建搜索需求--在保证搜索的情况下,尽量减少数据输入的办法:语音搜索、自动填充、预加载、最近/频繁搜索建议、自动推荐、分类推荐

3、排序和筛选--结合排序和筛选

2.6欢迎和帮助界面

1、导览--首次或者重大升级后被调出展示新功能和变化

2、覆盖层--用覆盖层展示手势用法

3、工具提示覆盖层--在一个覆盖层上显示出当前页面上的主要功能

三、多点触摸手势

3.1轻拍选择、激活、或开关

被点击物体能够展示高亮状态。

3.2轻拍保持

类似右键。缺点是不容易被摸索出来,不推荐使用

3.3拖滚

就是滑

3.4拖移

移动或者复制

3.5拖动控制

旋钮,滑块等

3.6向上/下滑动

3.7向左滑动

有时可以打开右侧抽屉,有时代表前进

3.8向右滑动

回退、打开左侧抽屉

3.9双指张合

放大缩小

3.10旋转

旋转图形或者旋钮控件,做起来不太方便

3.11多指滑动

iOS四指滑动切换正在运行的应用,不容易探索出

四、应用间集成

让独立运行的APP的数据/功能集成,提供更方便的使用

五、其他设备

嵌入式设备的交互设计要考虑:使用环境、屏幕局限性、有限的计算处理能力

5.1一般性设计原则

1、不要把你正在设计的产品认为是计算机--嵌入式系统,比如照相机、微波炉

2、把硬件和软件设计集成在一起

3、让使用情境来驱动设计--相比计算机,嵌入式系统硬件所在的环境更复杂

4、模态的运用要明智,如果有用的话--限制模式数量,最好能在情境转换时自然切换

5、限定范围--不要把专用系统变成通用电脑

6、要根据显示器的分辨率来考虑导航

7、尽可能简化输入

5.2专用手持设备的设计

注意点:

1、持握和携带方式

2、当手操作还是双手

3、避免多个窗口或弹出窗口

5.3信息台的设计

1、交易型 vs 探索型

2、在公共场合下的交互

3、管理输入--尽量触屏

5.4为电视界面设计

1、布局、视觉设计清楚

2、导航简单

3、控制器能集成最好

4、遥控要尽可能简单

5、可以考虑给遥控增加显示屏

6、重点放在用户目标上

5.5为汽车界面设计

1、手离开方向盘的时间要短

2、显示布局一直

3、直接控制对应

4、小心选择输入方式

5、硬件按钮物理外形区别要大

6、显示屏视觉上对比强烈,视觉层次浅

7、模式情境易于理解

8、提供声音反馈

5.6为语音界面设计

1、按照用户心理模型来组织和命名功能

2、说出当前可选功能

3、任何时候都要能返回上一步和最高一级

4、任何时候都能转接到人工服务

5、给用户足够的时间响应

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

推荐阅读更多精彩内容

  • 一、剖析桌面应用 桌面应用较多为独占式姿态,也有少量暂时式姿态。本章重点在独占式的桌面应用。(软件层面) 1.1主...
    友交互阅读 1,082评论 0 5
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,268评论 25 707
  • 1. 我向来自认并非保守的人,抱有开放的心态。一直觉得假若人生固步自封与朽木何异,精神应当永葆少年之心。 然而不知...
    局外遐想阅读 1,131评论 9 22
  • 她是大雨滂沱的夜里的一把伞,无论晴天雨天甚至雪天,她都是我的依赖。 One 她是一个漂亮的女人,即使是在年过40的...
    _baby阅读 240评论 1 2