Android应用UI设计模式2.5 大局着眼,小处着手_Android应用UI设计模式2.5 大局着眼,小处着手试读-查字典图书网
查字典图书网
当前位置: 查字典 > 图书网 > 交互设计 > Android应用UI设计模式 > 2.5 大局着眼,小处着手

Android应用UI设计模式——2.5 大局着眼,小处着手

在新的Android 4.0/4.1设计方案中,最有趣、最新颖的原则之一是局部操作优先原则。市面上其他所有移动操作系统(包括Android的早期版本)在确保随时可以访问全局导航功能方面,都特别留心。例如,为实现这个目标,iOS使用无处不在的选项卡栏,如图2-12所示。 图2-12 Amazon.com应用使用iOS选项卡栏确保可随时访问全局导航功能 在Ice Cream Sandwich推出之前,Android应用(如Android 4.0之前的Amazon.com)也遵循这样的原则,如图2-13所示。 图2-13 较老的Android应用(如Amazon.com)在导航栏中包含一个全局菜单 然而,Android 4.0将用户带入了一个全新的世界:总是向用户显示最适合当前任务的操作。 例如,在图2-14所示的Gmail邮件列表屏幕中,Search、New Message等重要操作包含在操作栏中,而Settings、Help和Send Feedback等较通用的操作隐藏在溢出菜单中。 图2-14 Gmail的列表视图显示的是全局操作 然而,显示特定邮件后,用户可执行的操作截然不同。在图2-15中,你看到的不是Search和New Message等顶级菜单项,而是Favorite和Reply(顶部操作栏中的星形和箭头图标)等上下文操作,以及常用操作Archive、Trash和Tag(底部操作栏中的档案柜、垃圾桶和标签图标)。 图2-15 Gmail应用的详细视图显示的是上下文操作而非全局菜单 依然可通过底部的溢出菜单来访问较通用的操作,如Settings、Help和Send Feedback,但在列表视图中可用的全局功能没有了。这很重要,因为根据“小处着手”原则,在邮件详情屏幕中,不能访问Search和New Message等全局功能。基于“小处着手”原则,还拓展了溢出菜单:顶部的溢出菜单包含的不是邮件功能,而是不那么常用的回复选项,如Reply All和Forward。 Android 4.0的屏幕标题也不同,这是“小处着手”的另一个必然结果。例如,在iOS中,屏幕标题指出了用户当前所处的位置,而返回按钮指出了轻按它将前往什么地方。在图2-16所示的“邮件”应用中,iOS将“14 of 69”用作屏幕标题,并在返回按钮上显示“All Mail (41)”。 图2-16 Android屏幕标题和返回按钮(左)与iOS屏幕标题(右) Android 4.0没有指出轻按返回按钮将前往何方,而将整个标题栏都用于显示屏幕标题(这里是邮件的主题),即用户当前所处的位置。这会让人感到迷惑,对以前从事iOS设计的设计人员以及以前使用iOS的用户来说尤其如此。在这些人看来,“箭头+徽标+标题”的含义是,轻按箭头将返回到标题所说的目的地,这与Android 4.0截然不同。在Android 4.0中,“箭头+徽标+标题”意味着用户当前处于标题所说的位置,而轻按返回按钮将返回到上一级。可惜,目前没有好办法让人顺利跨过认知障碍,只能慢慢习惯。 如果将这种高度局部化的屏幕标题与Android操作系统以前版本使用的面包屑(如图2-17所示)进行比较,将发现变化非常大。除高度局部化的信息外,其他信息Android 4.0一概不显示。 不同于以前的移动技术,Android在每个屏幕上都只显示局部功能,这表明Android做了这样的假定:即便不靠全局导航来获悉当前位置,用户也不会迷失方向。Android 4.0遵循“大局着眼,小处着手”的原则:提供高度局部化的操作和屏幕标题,而不是始终向用户显示全局导航(通常位于面包屑中)。这要求Android 4.0用户对这样一点心知肚明:要使用全局导航功能,必须按返回按钮一次或多次。 图2-17 “图库”应用的Android 4.0操作栏(左)与Android 2.3面包屑导航栏(右) 有趣的是,对很多应用来说,这种高度局部化并不合适。很有名的例子就是Facebook,它使用“瑞士军刀导航”模式在左上角放置一个导航按钮,用户随时可单击它来访问全局操作。第13章将介绍一些实用设计模式,可用于解决全局和局部之间的冲突。 大致了解让Android 4.0与众不同的总体设计原则后,接下来该探索如何在各种支持Android的设备上贯彻这些原则了。

展开全文

推荐文章

猜你喜欢

附近的人在看

推荐阅读

拓展阅读

《Android应用UI设计模式》其他试读目录

• 1.1 启动图标
• 1.2 操作栏与信息架构
• 1.3 选项卡
• 1.4 专用选择页
• 1.5 选择控件
• 1.6 按钮
• 1.7 搜索结果屏幕
• 1.8 结果详情屏幕
• 1.9 最终结果
• 2.1 这里是平面国
• 2.2 轻按任何地方
• 2.3 适合各种设备
• 2.4 摆脱空间限制
• 2.5 大局着眼,小处着手 [当前]