移动设计模式总结(二)

这篇文章整理自一本书《移动设计模式大观》,下载地址:http://download.csdn.net/detail/shanxing2/5103470

4.搜索

4.1触发搜索

有“搜索”按钮,点击后触发搜索。

最佳实践:搜索框比较醒目,提供取消搜索操作,当搜索正在执行时,给用户提供反馈信息。

4.2自动搜索

(例如地图搜索,并没有有限数据集)最佳实践:如果在显示搜索结果时有延迟,要给用户提供反馈,在搜索结果中,对于匹配的结果可以重点突出。

4.3动态搜索

这种模式也被成为动态过滤。输入文本数据将会动态过滤数据显示在屏幕上。(已经将有限数据显示出来了,根据输入进行过滤)

最佳实践:适用于有限的数据集,如通讯录,媒体库,如果数据集比较大,可能不太合适使用。

4.4搜索范围

有时候在执行标准搜索前,范围搜索很容易和更快的获得期望的结果范围。

最佳实践:基于数据集提供合理的搜索条件,提供3-6个选项足够,可以考虑表单式的高级搜索。

4.5保存和最近搜索

“尊重用户的劳动”是成功手机界面设计的最基本原则。保存和最近搜索使得搜索条件容易从先前的搜索中选择,而不用再次输入相同的关键词。

最佳实践:保存搜索需要额外的步骤去命名搜索参考值,尊重用户的劳动,让用户少操作。

4.6搜索表单

这种模式的特点是一个单独的表单输入多个条件和一个明显的搜索按钮。

最佳实践:最少的数字输入。实现操作系统相关的输入正确控制检查。遵循表单设计原则(对齐、标签、大小)。

4.7搜索结果

延迟加载是常用的技术,这样一些结果会被显示,一些结果会被延迟加载。许多应用提供一个按钮来显示查看更多或在屏幕滑动时候自动加载更多结果。避免分页,他们违背在移动设备上的自然交互模式。

最佳实践:显示搜索结果数量。使用加载的方式代替翻页,选择一个合理的搜索结果默认排

序。

5.排序


5.1直接排序

只有少数排序选项,屏幕上的排序可以提供一个简单的“单一TAP”解决方案。排序选项放在顶部或底部取决于页面其他元素。

最佳实践:清楚的显示那些选项被选中或者处于开启状态。,如果选项标签在目标按钮条上

不合适放置的话,考虑使用按排序顺序的选择模式

5.2排序选择器

选择器模式是一种好的选择屏幕上的排序。在设计中有许多的UI组件可供选择,OS的中性设计解决方案包括一个简单的下拉列表框及层叠菜单

5.3排序表单

一些应用程序将排序和过滤选项合并到一个屏幕上,代表性的成为完善。这个是最有效的排序模式,需要用户打开表单,选择一个选项,然后应用选择(点击“完成”或"应用")。

最佳实践:在选择排序表单之前,建议采用更有效的排序或排序选择模式。

6过滤模式

6.1直接过滤

类似于直接搜索,直接过滤显示结果或列表数据。与一个TAP一起,过滤器被使用。

最佳实践:过滤选项应当措辞清楚并且容易理解。显示显示过滤条件或使用开关关键词“ON”。 不要用过滤模式作为主导航,但是使用其分组和过滤内容。

6.2抽屉过滤

几乎跟直接过滤一样有效,抽屉过滤也可以用以过滤选项。滑动或点击打开抽屉。如下述两个应用均使用抽屉过滤。对于SAMS应用更好的过滤形式是使用动态过滤而非显示过滤。

 6.3过滤对话框

像web应用中的弹窗,过滤对话框是模式化的。它需要用户选择或取消过滤器选项。

最佳实践:保持选项列表的简短,并避免滚动。对于较长和更多的选项考虑过滤表单形式。

6.4过滤表单

对于大型数据集更使用与高级的过滤器/细化选项

最佳实践:不要过度设计过滤器,一个简单的屏幕或抽屉过滤通常就够了。如果必须要过滤表单,那么遵循表单设计最佳实践。

7.工具


7.1工具条

最佳实践:工具栏通常显示在屏幕底部包含屏幕水平操作。选择的图标要易于识别或者使用图标+标签形式。

7.2选项菜单

选项菜单,像工具栏,可包含屏幕层面的操作,但是可由不同的方式显示和访问。

最佳实践:尽可能选择直接的交互形式,不要将导航藏在选项菜单里,如果在屏幕上只有一个操作的情形,建议使用操作按模式。

7.3操作按钮

当在屏幕上只有一个主要的行为召唤时,调用操作按钮可能是一个比工具栏或者菜单更好的选择。此模式也适用于工作屏幕上只有一个主要和一个辅助的行为被召唤。

最佳实践:不要将主要的行为召唤隐藏在菜单或者放置在工具条里(难以认出),主要及次要行为应该有明显的对比。

7.4情景工具

情景工具可用来工作在一个特定对象屏幕上。例如,长时间按一个对象(一个Android特定手势)将显示图表里程碑,或者WebOS的选项列表。

最佳实践:尽可能选择直接交互,如果按钮是必须的,那么与被操作对象尽量靠近,选择易识别的ICON或者文本标签。

7.5内联操作

内联操作模式工作显示在一个特定对象上,显示当前对象的状态。

最佳实践:尽可能选择直接交互,如果按钮是必须的,应该尽可能与被操作对象靠近。选择易识别的图标或文本标签,每个被操作对象最多有1-2个当前操作。 

7.6多态按钮

在有限的屏幕空间内,它是一个按钮及扮演触发又扮演反馈机制

最佳实践:多状态按钮比较适用于关联比较紧密的几个操作,而这些操作是要按照一定顺序执行的。

7.7批量操作

常见的批量操作包括选择、添加、删除及重新排序

最佳实践:批量操作像删除或者重新排序最好放置在编辑模式下,提出比较明显的退出当前模式的按钮。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值