Tasks:Metro风格应用的统一设计
Tasks:Metro风格应用的统一设计-移动阅读二维码

2.2 无硬件返回按键(Windows 8)

 

(Windows 8中的软件返回按钮)

与 Windows Phone 不同,Windows 8 没有硬件的返回按键。这导致在设计时需要在页面的页首或导航栏中加入返回按钮。除了中心页(hub page)以外的所有页面都需要有返回按钮,以便用户可以从进入的路径返回。

在 Windows Phone 中返回按键十分重要,它保存了用户当前进入的一连串路径。返回按键的导航处理需要十分小心,确保用户不会在应用里迷失,落入应用中可能因为处理不当而出现的陷阱、死循环或其他会造成迷惑的页面。只有这样才能获得用户的信任,使她相信可以在应用中获得她想要得到的信息。

让我来举例说明。在 Windows Phone 版 Tasks 中,用户可以将某一个任务(或项目、类别)pin到 Windows Phone 的开始菜单,这样当用户点触主页的任务磁贴时可以打开这个任务的详细信息页。此时,如果打算继续浏览应用的其他部分,用户需要点击页面logo旁边的 home 按钮进入中心页(主页)。这时最初进入的详细信息页会从返回按键的后退路径中移除。这么做的原因完全是由于在 marketplace 中发布应用时的规则限制。微软要求,当用户位于主页时点击返回按键,必须从应用中退出并返回到开始菜单。

在 Windows Phone 中用户在应用中导航需要依靠点击内容条目、应用按钮完成前进的操作,并通过返回按键后退返回。

在 Windows 8 中,用户拥有更多的机会来选择自己的导航路径。

2.3 通过手指轻扫屏幕边缘的方式导航

轻扫屏幕边缘可以划出 app bar 和导航栏。导航栏提供全局导航控制,可以在导航栏显示所有的页面并提供统一的导航体验。Windows 8 版 Tasks 的导航栏是与WP版 Tasks 的主要区别之一。我们在已经实现的导航模型基础上加入这种导航栏,以便使用户从应用的任意页面都可以很方便跳转到想要到达的页面。

(导航栏)

2.4 页面过滤和排序

Windows Phone 中可以使用 Pivot控件管理应用中的页面和视图。Pivot 常常用作内容过滤、查看多种数据集或视图切换。在 Windows 8 中使用页面过滤和排序组件替代 pivot控件。这一组件更像是传统的标签(tab)模式。

(Windows 8中的标签控件)                                      (Windows Phone中的pivot控件)

2.5 列表菜单导航,过滤菜单

Windows 8 更大的屏幕为设计带来更多的自由度,在所选对象的详情页面侧边我们可以添加一个当前对象所确定的对象类型的菜单。而且为了防止菜单列表太长无法读取而带来的不便,我们还可以在顶部加入一个过滤器以便更容易获取到目标信息。这种在显示细节信息的同时并在界面上提供其他选项的方式在屏幕尺寸较小的手机上几乎是不可能实现的。当然这种方式可能不一定适合所有的情况,但在我们给出的 Tasks 案例中确实是一种更加友好的方式。

(Windows 8中带有过滤器的列表菜单)

2.6 水平/垂直滚动

滚动的处理方式是 Windows Phone 和 Windows 8 之间另外一个显著的区别。在 Windows Phone 中这两种滚动方式都是允许的:在 Panorama 整页内滑动是横向的,而在 Panorama页内的列表区域滑动则是纵向的。但在 Windows 8 中则无法采取这种方式,只能从选择横向或者纵向进行单向滑动。原因在于 cross-slide交互过程中,选择一个对象后手指只能垂直于平移的方向滑动很短的距离。因此在大尺寸屏幕上将移动方式限定在其中一种有助于为单页内的选定操作维持一致性的交互体验。

2.7 语义变焦(semantic zoom)

 

(主页中的语义变焦)

另一个需要在 Windows 8 中设计语义变焦,以便用户能够缩小内容集合并快速跳转到所需的内容上。

2.8 使用charms设计应用的设置、共享、关于、反馈和搜索等功能界面

Windows 8 中提供了一个特殊的位置放置这些页面以便能够使他们协调一致。这种 charms控件能够以轻扫屏幕边缘的方式划出。我必须承认,在 Windows Phone 版 Tasks 里,这些页面组织的没有那么好,但是在 Windows 8 里这方面获得了很大程度的提升。

(反馈弹出)

本文链接:http://www.mobileui.cn/tasks-metro-style-applications-unified-design.html
本文标签: , , , , , , ,