Andriod pattern2. 目录 Catalogue
数据处理 Dealing with Data
获取输入 Getting Input
导航 Navigation
通知 Notifications
个性化 Personalize
屏幕交互 Screen Interactions
社交 Social
4. ● 改变视图-选择菜单
Change view – Options menu查看
搜索
分类
展示
浏览
查看案例
1、通过点击硬件按钮(hard key)来呼出选择菜单…
2、…选择项图标菜单从底部滑入,触摸相应项目来改变查看方式
3、…改变了数据查看的方式
数据处理 Dealing with Data
返回目录
5. 查看 ● 改变视图-选择菜单
Change view – Options menu
一组数据能以各种方式查看,比如,在一个列表中、在一个栅格上或者在一张地图上。用户可能希望能够在不同的查
看方式中切换。大多数情况下从列表查看转向地图查看,或者从列表查看转向图标查看。当没有足够的空间放置一个
专门的按钮或者文件切换栏,改变查看方式可以作为主菜单中的一项。
何时使用
优点 缺点
● 焦点会指向屏幕:改变查看方式的入口只在必
需的时候才可见。
● 不占用屏幕空间。
● 查看方式更改是个低频操作。
● 使用者不能直接看到更改查看的选项是否可用。
● 使用者在更改查看前必需进行两步操作。
● 如果菜单项具有关联关系,改变取决于用户当
前的屏幕,这样会增加混淆度因为用户必需要记
住哪个是哪个。
6. 数据处理 Dealing with Data
● 改变视图-特定按钮
Change view – Dedicated button
1、一定量的数据,在这个例子中一组搜索结果,显示在一张地图上,屏幕右上方的按钮
显示用户可以同样以列表的方式去查看。点击这个按钮…
2、…将地图视图转换成列表视图。
3、通过再次点击右上角的按钮,用户又能重新回到地图视图。
查看
搜索
分类
展示
浏览
查看案例
返回目录
7. ● 改变视图-特定按钮
Change view – Dedicated button查看
一组数据能够通过多种方式查看,例如,以列表方式或者地图方式。用户可能希望在各种视图中切换,看数据以另外
一种排列方式呈现。绝大多数情况下,从列表视图到地图视图,从列表视图到图标视图。按钮能包含文字、图标、文
字和图标、或者它能看上去像是在两个图标中切换的样子。这个按钮不一定必需在每个视图的固定位置上,但是这做
可能会让用户感到混乱迷惑。但是,推荐一直提供让用户进行前后视图切换的选择按钮。
当你总是希望能有提供给用户切换视图的选择,那么你需要提供一个指定的按钮。当你的屏幕不允许你有这样一个指
定按钮时,你就需要考虑将更改视图的选项放入文件切换栏或者选择菜单中。
何时使用
优点 缺点
● 用户能直接看到能获得哪些不同的视图
● 用户只需点击一次就能更改视图
● 如果结果很多(大于10),列表视图更有利于
用户搜索。
● 按钮一直可见,甚至在不需要它的时候
● “map”按钮看上去更像是搜索按钮,因为它
的位置紧接着文字输入区域。
8. ● 改变视图-标签条
Change view – Tab bar
1、一个标签条显示包含几个标签在其中,它也可以标签“视图”(例如,列表视图和地
图视图)。标签条的使用就像在标签条模型的解释中那样,当用户选择一个视图标签,例
如,地图视图…
2、 …这个标签高亮显示…
3、 …相应的视图就会打开,数据就会呈现在这个视图中。用户能够切换回前一个视图,
通过点击相应的视图标签。
数据处理 Dealing with Data
查看
搜索
分类
展示
浏览
查看案例
返回目录
9. ● 改变视图-标签条
Change view – Tab bar查看
一组数据能以各种方式查看,比如,在一个列表中、在一个栅格上或者在一张地图上。用户可能希望能够在不同的查
看方式中切换。大多数情况下从列表查看转向地图查看,或者从列表查看转向图标查看。当查看视图是你的应用中的
一个主要功能是,或者如果你期望频繁使用这个选择,各标签对应相应视图能够放在标签栏上。
假如屏幕中没有划拨给标签栏的“地产” ,也没有给指定按钮的,或者更改视图是一个二级功能,考虑把它放入选
择菜单中。
何时使用
优点 缺点
● 快速点击切换视图
●说有视图形式一次直接呈现给用户(没有隐藏在选择
菜单中)
●适合数量少的标签(3-5个)。如果超过了5个,其他
标签对用户将不可见。
●有稳定的导航,保证用户在应用中的方向感。
● 占用屏幕的“不动产”资源
● 标签一直可见,即使不需要它的时候
12. ● 搜索-搜索条
Search-Search bar
4、 …打开相关的搜索模式。文字输
入区域再次被聚焦。当用户开始输入,
相关搜索建议显示出来。用户点击搜
索按钮开始询问…
5、…或者通过点击“enter”按钮,
通常以文字“搜索”,或“Done”
显示
6、当问题被提交,结果以列表方式
呈现出来。
数据处理 Dealing with Data
查看
搜索
分类
展示
浏览
查看案例
返回目录
14. ● 搜索-主菜单(搜索项)
Search – Main menu
1、用户按下硬件菜单按钮,选择菜单滑入屏幕
2、用户点击选项“搜索”…
3、 …搜索条出现在屏幕顶部,在左边显示应用LOGO(当支持多重搜索模式的时候,应用
logo会被相应图标和所选的搜索模式所代替,同时伴随一个指示箭头)文本区域被选择,
右边的搜索按钮显示,同时键盘从底部滑出。
数据处理 Dealing with Data
查看
搜索
分类
展示
浏览
查看案例
返回目录
15. ● 搜索-主菜单(搜索项)
Search – Main menu查看
在一个应用中,搜索内容经常是一个重要的功能,但是当屏幕的空间有限并且用搜索条去取代有特定按钮的动作条是
不可取的,这时你就应当把选项放在选择菜单中。选择菜单中的搜索能够很好地与特定搜索条一起使用(在一个固定
于屏幕上方的地方)。这个通常发生在当搜索选项非常重要的时候。
何时使用
优点 缺点
● 与指定搜索条相比,节约屏幕的位置 ● 需要点多下,达到搜索选项。
● 搜索的位置经常不够清晰(整个应用或者只是
这一屏?)
16. ● 搜索-指定项
Search – Dedicated item
特定搜索项是指一个按钮能够在你的应用中发起一次搜索。这个按钮能被放置在一个标签
条中位于顶部,或者在页面的底部,或者在一个仪表板中,就像一个表单项在表单中一样,
或者在一个动作条中。
数据处理 Dealing with Data
查看
搜索
分类
展示
浏览
查看案例
返回目录
17. ● 搜索-指定项
Search – Dedicated item
1、项目被点击…
2、…一个搜索条或者搜索窗口就会出现,在这里用户能够输入搜索项目。
3、当点击软键盘的“enter”或者点击搜索图标后,搜索结果列表出现。
数据处理 Dealing with Data
查看
搜索
分类
展示
浏览
查看案例
返回目录
18. ● 搜索-指定项
Search – Dedicated item搜索
搜索功能在你的应用中能变得至关重要,例如,当你提供大量的内容,而用户需要能够迅速找到。当你的屏幕布局不
适合一个动作条,而搜索选项又太重要以至于放入选择菜单中,你应该考虑一个特定的搜索按钮在标签条中、仪表板
或者在一个列表导航中。
何时使用
优点 缺点
● 对用户来说容易获取 ● 占用宝贵的屏幕空间
19. ● 分类-拖&放
Sort – Drag & drop
1、用户按下硬件菜单按钮。
2、选择菜单从屏幕底部滑出。当
“重排”功能在主菜单中被点击…
3、 …拖放功能被启动,它可以通过
加在每个表单项上得视觉对象来分
辨且…
4、 …有一个包含确定和取消动作按
钮的按钮条,在屏幕的底部。
5、用户能点击并按住目标, 并且拖
动它到屏幕中一个不同的位置。
6、当释放的时候,项目被放置在了
特定的位置。用户可以点击“OK”
或者“取消”完成动作。
数据处理 Dealing with Data
查看
搜索
分类
展示
浏览
查看案例
返回目录
21. ● 分类-分类关键词对话框
Sort-Sort key Dialog
1、分类通常应用在一个长的表单项
中,在这里项目具有多重属性。
2、用户能够通过主菜单来找到分类
选项
3、用户能够点击选择菜单中的一个
分类选项…
4、 …且一个包含可选的分类关键词
对话框显示出来。
5、当用户选择一个关键词,对话框
关闭…
6、 …表单按照所选关键词进行了重
新排列。
数据处理 Dealing with Data
查看
搜索
分类
展示
浏览
查看案例
返回目录
22. ● 分类-分类关键词对话框
Sort-Sort key Dialog分类
当你的应用显示许多项目时并且项目具有多重特性(例如,名称、尺寸和日期)时,分类是很适用的。用户必需扫描
他们感兴趣的特征,或者需要对吧某个特性的不同项目。因此,可以使用一个分类选项进行重新排列。很完美!每个
特性都是一个分类关键词,但是需要提供至少两个关键词,如果你希望用户能够做他们自己的重排,除了依靠分类关
键词,还需要考虑使用拖&放进行分类。
除了分类,整个系列的项目对用户都是可见的。如果你希望显示与用户选择相关的某个特定的类目或项目组群,还可
以考虑使用过滤选项。
何时使用
优点 缺点
● 通过分类关键词自动分类给用户创造了关联信息
的捷径
● 增加了创建不同状态列表的自由度
● 如果有一个按钮切换视图,而不用选择分类选项。
点击一次是分类1,点击第二次是分类2 依此类推。
● 为了对一个列表进行分类需要许多步骤
● 所有项目依然可见,为了查看需要的那一项,
滚动是在所难免的
● 在分类选项间快速切换时,不能看见表单的变
化
30. ● 数据挖掘
Data drill down
1、信息组织在包含多个层级的列表中。点击列表中的某一项…
2、 …打开下一个层级,再次点击该层级列表中的某一项…
3、 …打开,这次,是最后一级。
数据处理 Dealing with Data
查看案例
查看
搜索
分类
展示
浏览
返回目录
32. ● 动态加载列表
Dynamic loading of a list
1、在列表中,一小部分的项目会被预载。
2、当用户滚动列表时,可以到达最近预载的项目…
3、…一个“loading”的信息和一个活动指示会出现在屏幕的底部,提示项目正在加载中。
当完成的时候,加载信息位置会被最后一条列表项替代。
数据处理 Dealing with Data
查看案例
查看
搜索
分类
展示
浏览
返回目录
33. ● 动态加载列表
Dynamic loading of a list浏览
内容列表项可以非常长,不建议一次加载所有项目。仅加载列表的最靠前的部分,节省了大量用户等待整个列表的时
间。
何时使用
优点 缺点
● 展现方式更好,因为不是所有的列表项在同一时
间加载
● 用户无需点击去看更多的内容
● 用户不知道多少内容被加载了
● 用户每次要在列表中看更多的项目时,要先等
一下
● 如果没有分页提示,用户可能会在浏览中迷失
方向
38. 获取输入 Getting Input
● 微调控制项
Spinner
1、微调控制项类似于下拉菜单,它包含有一组项目列表,用户一次只能选择其中一项。
被选项会出现在文字框中。微调控制项右边显示一个选择器,通过它用户可以识别出微调
控制项。当用户点击微调控制项…
输入值
输入文字
选择多项
设置
时间日期
查看案例
返回目录
45. ● 多重选择-复选框
Multiple select-Check box
试用复选框,你能使用户一次执行多个项目的操作
1、每个项目都带一个复选框
2、用户可以点击相应项目列表的复选框进行选择。再次点击复选框,可以取消
该项目的选择
获取输入 Getting Input
输入值
输入文字
选择多项
设置
时间日期
查看案例
返回目录
48. ● 日期时间选择器-加减
Date and Time picker – Plus minus
获取输入 Getting Input
1、点击指定的目标后(通常为一个显示时间的触摸目标),一个时间选择器的
弹出框出现在当前屏幕的前端,至少它能对时间或日期进行设置,包含了可调控
的时间设置,执行确认和取消的两个按钮。此外,还提供了能够轻松切换
AM/PM上/下午的按钮。即时钟就是用这种方式设置
输入值
输入文字
选择多项
设置
时间日期
查看案例
返回目录
51. ● 日期时间选择器-转轮
Date and Time picker – Wheel
1、点击指定的目标后(通常是一个显示时间的触摸目标),一个时间选择器的
弹窗在当前屏幕打开。时间选择器至少包含了两个转轮,两个执行“确定”和
“取消”的按钮。除此之外,额外添加的转轮可以用来输入“年”或者进行“上
/下午”的切换。选中转轮中的数字时,数字高亮显示
获取输入 Getting Input
输入值
输入文字
选择多项
设置
时间日期
查看案例
返回目录
55. 突出重点
找路
内容导航
● 动作条
Action Bar
导航 Navigation
动作条
1、坐落在屏幕顶部的支持导航和突出重要的
功能
2、取代标题栏(通常被动作条包含在内)
3、最好是使用贯穿你的应用的动作,例如搜
索,刷新和撰写
4、可以提供一个回到应用首页的链接,通过
点击应用的LOGO
5、最好是没有上下文,但动作可以每页不同
切换
快捷入口
当前
操作入口
查看案例
返回目录
57. ● 仪表盘-类目
Dashboard – Categories
导航 Navigation
1、仪表盘是你应用的欢迎页面。它提供给用户一个起点,仪表盘可以是动态的或静态的,例
如你可以包含动态壁纸或变化内容例如新闻标题。
2、在类目仪表盘中,以多个类目的形式显示通往内容的入口。类目以一个图标加一个标题来
呈现,并以网格方向排满整屏。这个排列允许用户更快找到内容。
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
58. ● 仪表盘-类目
Dashboard – Categories
突出重点
你的应用为内容聚焦型且你的内容可以被分成类目时可以使用类目仪表盘。为了提升可搜索性,搜索条也需要包含在
仪表盘中。仪表盘也可以与一个动作条一起使用。
何时使用
优点 缺点
● 对应用的内容有一个好的概览
● 对于在海量内容中导航来说,是个简单的
起点
● 如果用户能够自定义仪表盘的类目顺序会
更好。它帮助用户快速到达最常用的项目。
● 仪表盘占用大量屏幕空间
● 对需要的内容来说意味着多一步导航
● 对某些应用来说,直接登录应用比通过一个仪表盘来的
更有用。
● 定义一系列类目可能给用户这种概念,该应用仅限于这
些特定类目。而情况可能并不是这样。
● 可能会让初学者迷惑,例如他们可能会说“从哪里开始
呢?”
59. ● 仪表盘-功能
Dashboard – Feature
导航 Navigation
1、仪表盘是你应用的欢迎页面。它提供给用户一个起点,仪表盘可以是动态的或静态的,
例如你可以包含动态壁纸或变化内容例如新闻标题。
功能仪表盘满屏列出了你的应用中的关键功能。它为重要任务和功能提供了简单的入口。
这些功能以网格方式排列,显示一个图标加一个标题。
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
60. ● 仪表盘-功能
Dashboard – Feature
突出重点
当你的应用时任务聚焦型并支持多项任务和功能,可以使用功能仪表盘。如果你想为好玩、新的或频繁使用的任务提
供一个快速的概览,那么功能仪表盘是一个理想选择。仪表盘可以搭配一个动作条,例如,提供一个搜索选项给用户。
何时使用
优点 缺点
● 用户可以很容易到达最重要的任务
● 仪表盘为应用的功能提供一个概览
● 如果自定义能够成为用户可以快速到达的一个
一系列功能中的一个…
● 对中级到高级的用户来说很好,因为他们大致
知道在登录应用后该做什么。
● 仪表盘占用大量屏幕空间
● 显示在仪表盘中的功能可能被预期为应用的仅有
的一些功能。
● 仪表盘可以显示一个额外的点击来到达真实的数
据。
● 以栅格视图来开发类目不容易
● 减慢任务间切换的导航。需要去到仪表板中然后
选择需要的任务/视图。应用需要以最常用的视图
开始。
61. ● 向下钻取式导航
Drill Down Navigation
导航 Navigation
1、信息被组织在一个多级别列表中。点击列表中的项目…
2、…打开下一级。在该项目上再点一次…
3、…打开,在这种情况下,最后一级。
查看案例
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
返回目录
62. ● 向下钻取式导航
Drill Down Navigation
找路
通常信息分成列出了多层次。点击一个项目,使用户移动到一个水平更详细,所以到更深的层次,更详细的信息。用
户还可以钻通过一系列的文件夹中找到一个特定的文件。可编辑的最后阶段。
当信息需要显示在同一屏幕上,可以考虑使用一个可扩展的列表。
信息需要相比,或同时观看,不适用。
不要放太多的步骤层级。
何时使用
优点 缺点
● 可以提供非常详细的信息在某些内容
● 整个屏幕可以显示详细的信息
● 信息不能比较
● 用户可能会迷失在多层次的信息(提供面包)
63. ● 列表导航
List Navigation
导航 Navigation
1、内容显示在列表中,列表项包含一个标题,通常还伴随一个图标或图像。只要它还
是一个列表,有可能有附加信息。
2、当用户按自己想滚动的方向移动手指(本例中是向上移动)列表就向上穿过屏幕,
新的列表项可见。
3、当屏幕还在移动,一个指示标志显示已查看项目在整个列表中的位置。当用户停止
滚动,列表就停止移动,指示标志渐渐淡出。
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
67. 导航 Navigation
● 模式选择器
Mode selector
1、用户正在查看内容,这里显示的是一个列表。
2、紧贴着动作条或标题条的是模式选择器。它包含一个指示箭头,这样用户就知道它可
以在模式或区块(由模式选择器定义的元素)中切换了,且区块名称当前可见。这个区块
或模式的名称也可以在动作条或标题条中显示出来。
模式选择器也可以放置在动作条或标题条里面的左侧或右侧。点击模式选择器…
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
68. 导航 Navigation
● 模式选择器
Mode selector
3、 …包含所有区块的面板滑入屏幕中。
4、面板可以通过点击指示箭头来关闭,或者点击面板外屏幕。
5、当用户点击面板中的另外一个区块…
6、…那个包含相应内容的特定区块,显示出来…
7、…且模式选择器显示这个区块被选中。
查看案例
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
返回目录
72. 导航 Navigation
● 窗口遮挡(窗帘)
Window shade
1、窗口遮挡控制在这里位于屏幕底部,它通常是一个水平条,也可以被认为是一个视觉
暗示,这里有三条水平线。当用户点击并按住这个控制(在有些情况下,当他点一下
它)…
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
76. 导航 Navigation
● 可滑动顶部导航
Slideable top navigation
1、在屏幕顶部放置有一系列水平排列的按钮,标签或标记,每个都代表在应用中的一部
分内容。默认,通常最左边的按钮被选择。只有一个小部分适合屏幕…
2、…因此用户可以将它抛向或滑向左侧来揭开剩余的部分。
3、被选中部分在移动中保持选中状态,甚至当移动距离过远时,不可见。
4、用户选择另外一个部分…而相应的内容被加载然后显示出来。
查看案例
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
返回目录
77. ● 可滑动顶部导航
Slideable top navigation
找路
当你的应用发布大量的信息且内容被分成多个部分,你可以选择将这些部分整合成顶部导航的类目,这样当他们不合
适屏幕尺寸时可以水平滚动。
重要的是这些类目彼此相似。顶部导航并非意味着包含任何动作。若要那样,你可以使用一个标签条。
可滑动顶部导航可以和模式选择器在相同情况下使用。同样,窗口窗帘也能在相似情况下使用,但是在这里功能可以
被占用,而在顶部导航中是不存在这种状况的。
何时使用
优点 缺点
● 可以在顶部导航中使用多类目。
● 很容易扫到不同的分区。不需要额外点击来显示
各部分(像在模式选择器中那样),只需轻轻一扫
的手势就可以显示位于屏幕以外的部分了。
● 水平扫描分区并不容易(和模式选择器相比,它
是垂直显示分区)
● 当一个区域被选择且被移动,当它还在选中状态
时,它很容易不可见。
87. 导航 Navigation
● 相关菜单
Context Menu
1、当用户在视图中长按某特定项…
2、…一个相关菜单,或者也被称作长按菜单,以浮层列表的形式打开,从这
里用户可以选择一个动作进行操作…
3、…或者点击返回按钮取消。
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
89. 导航 Navigation
● 快速动作
Quick Actions
1、用户点击一个特别的视觉对象…
2、一个快速动作弹层浮在当前屏幕上方,包含可以操作的最重要和明显的动作。
3、用户选择一个动作,会被立即执行,或者之后会有一个确认对话框。
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
91. 导航 Navigation
● 轻扫调取动作
Swipe for action
1、用户在某个列表项上演示轻扫手势,这里他是向右扫。
2、列表中该项被一个层覆盖,这个层沿着手势的方向快速地滑入屏幕中。
3、很快地,当项目被覆盖, 一些图标显示出来,这些图标可被点击用来调取与该项
目相关的行为。
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
92. ● 轻扫调取动作
Swipe for action
快捷入口
“轻扫调取动作”模式目前已在许多应用中使用,它提供了一个很好、很快捷的途径让用户选择一个他可以直接对某
个项进行操作的动作。这些占用的动作是这个项目中可供操作动作中最重要且明显的那些。
这个样式能以两种形式存在。第一种是在以上线框图中解释的:轻扫过后,用户可以点击某个图标来发起一个动作。
第二种是当动作直接发生在扫过项目之后。第二组截屏案例显示这种是如何工作的。
用户可以从两个方向上来扫该项。也可以这么思考,在两个方向上扫过的动作操作都是不同的。
由于这种样式的上下文关联的特性,你也可以用一个长按手势来替代扫的手势,呼出动作按钮层。
这些动作可以被轻扫呼出,需要与所选项目具备上下关联,且不能与当前屏幕成为一体。因此你需要将动作放入选择
菜单中,或者当项目被点击并显示在详情页面中,动作可以加在一个工具条上。
除了轻扫调出动作,你也可以使用快速动作,或者一个快捷菜单,但是后者显然缺少“乐趣”或速度。
何时使用
93. ● 轻扫调取动作
Swipe for action
快捷入口
优点 缺点
● 快
● 有趣
● 当用户已经了解它的用法,他会很忙碌且不停地
使用这个手势
● 很难发现,因为缺乏一个视觉暗示
● 项目被扫过后被一个图层覆盖,因此会让用户困
惑于哪个项是他刚才选择的
● 它需要花费用户好一会儿来认识它
● 用户在扫过该项前不知道能操作哪些动作
目标得够大才能使用轻扫的操作
● 关闭快捷菜单不是件无关痛痒的小事,你必须通
过点击返回键(来关闭它)
95. 导航 Navigation
● 扩展选项菜单
Expanded options menu
1、当用户点击菜单按钮,选项菜单会从屏幕底部滑出。选项菜单包含对当前行为的命令,
或者可以触发另外行为。
2、选项菜单由1到6个包含一个标题和图标的按钮组成。图标是用来识别选项的,标题是
辅助。选项根据相关性分类,从左到右&从上到下,在最前面提供关联性最强的选项。菜
单中的图标可以以2乘3的栅格或3乘2的栅格排列。
突出重点
找路
内容导航
切换
快捷入口
当前
操作入口
查看案例
返回目录
102. ● 进度条对话框
Progress bar dialog
动作通知
一个对话框通常是一个小窗口出现在目前活动页面的前面,让下层的活动失去焦点。进度对话框主要用于指示应用的
(下载)加载项目。如果你希望告知你的用户应用正在进行的进程,就可以使用进度条对话框。进度条对话框将进度
量化。
假如你希望显示不确定的进度,你可以使用一个进度圈对话框。当你希望显示正在后台运行的一个事件,你可以使用
当前状态条通知。
何时使用
优点 缺点
● 用进度的方式给用户提供简洁、量化的信息
● 这个对话框能够有取消进度的选择
● 将注意力带离应用,因为它强制用户等待对话框
的关闭。
104. ● 进度圈对话框
Progress wheel dialog
动作通知
对话框通常是一个位于当前行为前的小窗口,让底层行为失去焦点。进度对话框主要用于指示应用正在(下载)加载
项目。如果你希望向你的用户显示应用正忙于某个行为并正在产生进度,然而你又不能确定到底有多少进程已被完成,
就可以使用进度圈对话框。
如果你想显示量化的进程,你应该使用一个进度条对话框。当你希望显示某个事件正在后台运行的进度,那么你应该
使用正在进行状态条通知。
何时使用
优点 缺点
● 行为正在发生的消息非常清晰
● 进度正在进行时用户在应用中不能进行任
何操作。这样很好,例如应用使用前的验证。
● 用户能够在任何时候取消它(如果强迫那
样)
● 用户不知道多久才能将内容加载完毕。
● 用户对于进度还需要多少时间没有线索
● 进度正在进行时用户在应用中不能进行任何操作。他必
须等待,或者跳到另外一个应用
● 当显示进程圈对话框时,这里没有按钮能够取消
● 对用户来说怎样取消对话框并不总是显而易见的
112. ● 状态条-事件驱动型通知
Status bar – Event-driven notification
请求反馈
当你的应用需要提示用户关于一个需要反馈的事件时,你可以使用事件驱动型通知。通知需要被累积,例如大量邮件
需要显示在通知中,而不是每增一封邮件就增加一个单独的通知。如果你的应用没有启动,可以使用状态条通知。当
你的应用是打开的,如果需要一个即时反馈,考虑使用一个提示对话框。如果你需要一个不能忽略的通知,考虑使用
一个当前通知。
何时使用
优点 缺点
● 用户不会从当前操作中分离
● 为不在运行的应用提供通知用户的方法
● 为应用提供一个直接的快捷方式
● 可能不会(立即)让用户注意到
不读的话就可能被清理掉
115. ● 状态条-正在进行中的通知
Status bar – Ongoing notification
请求反馈
当你的应用需要全程通知到用户某一个事件,你可以使用当前状态条通知。当前状态条通知可以在状态条上直接为事
件提供升级(例如,安装一个应用,或者播放一首歌)。如果你希望让你的用户注意到一个一次性事件,考虑使用一
个事件驱动型状态条通知。状态条通知可以在你的应用未被激活的情况下使用。当你的应用被激活且需要一个即时反
馈,考虑使用一个提示对话框。
何时使用
优点 缺点
● “清除”按钮不起作用,增加了用户阅读通知的机
会。
●可以为在状态条上的某事件提供升级,让用户知道。
●如果你的应用不是那么重要,可能会被看成是
多余的。
124. ● 增加账户-指定按钮
Add account – Dedicated button
账户管理
增加账户选项可以用在能够管理多个账户的应用中。取代退出,且使用另一个用户名和密码登陆,两个甚至更多账户
挨个共存。用户也可在这些账户中切换,创建和删除账户。
在一些应用中也可以使用选项菜单增加账户。
何时使用
优点 缺点
● 这是增加账户非常直接的方式,因为按钮在屏幕中
可见。
● 到达填写账户详情页面只需要一步。
● 这个按钮占用了屏幕的资源。
126. ● 增加账户-选择菜单
Add account – Options Menu
账户管理
增加账户选项可以用在能够管理多个账户的应用中。取代退出,且使用另一个用户名和密码登陆,两个甚至更多账户
挨个共存。用户也可在这些账户中切换,创建和删除账户。
当在屏幕中某处使用特定按钮来增加一个账户并不重要时,你应该把它放入选择菜单。你也可以考虑将选项都放入屏
幕和选择菜单中。
何时使用
优点 缺点
● 不用占用任何屏幕资源 ● 用户需要找到选项是可以可选的
● 需要多一步点击到达“增加账户”项
130. ● 书签-选项菜单
Bookmark – Options menu
账户管理
当用户可能在某时回到这个内容上时,可以在你的应用中增加保存和书签内容选项。无需考虑他们把它放在哪里,例
如所有浏览器都有收藏网页的选项。通常浏览器支持多重途径增加书签。考虑在通常可调用的选项菜单中加入收藏选
项是一个明智的做法,因为用户指不定就在那里寻找可能。
何时使用
优点 缺点
● 因为用户对网页书签的概念非常熟悉,他们可能不
自觉地在选项中寻找选项。
● 用户需要寻找是否提供该选项
133. ● 拖动
Drag to Move
移动内容
拖拽手势可以在用户需要在屏幕中移动物体位置的时候使用。例如改变一个音乐列表,重新排列主页屏幕,或者使用
滑动来输入一个值。
何时使用
优点 缺点
●有趣
●是与物体交互的直观方式:点击并按住不放然后拖
动。
●直接的操作,给用户控制感。
●用户通过尝试才能知道该项目可以被移动
●如果空出来的位置自动被紧挨着的项目填充会更
好。
135. ● 滑动滚动
Slide to scroll
滚动内容
当内容与屏幕不符,用户需要能够滚动。为了能够控制屏幕的运动,用户可以使用“滑动”手势。这个方法他能控制
速度以及屏幕向上滚动的距离多远。滑动滚动手势经常使用在阅读中。它是一个标准手势,因此它通常是可以实现的。
当用户希望向上滚动的快一点,他可以使用抛滚动手势(这种选择也是通常来说可以实现的),或者使用滚动条。
何时使用
优点 缺点
● 用户可以控制他滚动内容需要多快的速度 ● 每一个滑动运动,用户只能移动如手指经过每屏
的速度相当
137. ● 抛滚动
Fling to scroll
滚动内容
当内容与屏幕不符,用户需要能够滚动查看。当用户希望快速滚动到达屏幕某个部分,他可以使用“抛”手势。它让
内容快速在屏幕中移动,这些取决于该手势的速度有多快。慢慢地它会停下来。这种滚动可以向上也可向下,但是通
常在垂直方向上。抛滚动手势是一个标准手势。与滑动滚动手势相结合。当你希望用户能够快速控制滚动,你可以考
虑增加一个滚动条。
何时使用
优点 缺点
● 仅需一抛,用户即可移动大量内容。 ● 用户不能准确控制滚动停止的位置,因为内容在
屏幕中移动得太快了。
141. ● 双击缩放
Double tap to zoom
放大内容
如果你的应用所显示的内容能够被缩放,你可以使用双击,就像一个网页、图片或地图。双击让用户放大一个特定目
标来增强它的可看性(例如,某部分文字,或地图上的某条街)。放大级别是固定的,屏幕内容与放大率级别相适合,
如果你想实现平滑放大,或者没有特别目标需要放大,考虑使用缩&放。理想情况是,两种放大方法都使用,让用户
使用自己选择的方法。
何时使用
优点 缺点
● 在某个特定目标上缩放-无需放大后扫视。
● 固定放大率让放大更快(相比缩&放)
● 屏幕内容即可自适应-提高可读性
● 不允许平滑放大-只有一个固定级别。
144. ● 缩&放
Pinch & Spread
放大内容
当你希望用户能够平滑地放大你的内容,使用缩&放。缩&放允许用户放大一个特定目标,然而,通常屏幕内容部不
适用于放大级(例如,文字不会换行)。通常使用两个手势互相补充,以防止放大方法让人产生的疑惑。
如果你希望一个固定的放大级,或者希望确定放大的文字自动换行,考虑使用“双击放大”。
何时使用
优点 缺点
● 允许平滑放大
● 在特定目标上放大-放大后无需移动扫视。
● 很难找到对的放大级。
● 屏幕上的内容通常不适用于放大级。(除了在
HTC型号上)
● 不是所有设备都支持多点式触摸(例如 华为
ideos)