WP7应用开发中交互设计和UI设计的几点建议(4)

动画形式：

翻转：

平推：

Tiles的功能除了提供入口之外，还担当着更新本地动态，显示推送服务的角色。Tiles上的背景，和反面的内容都是可以实时更新的，正面和反面可以通过两种动画进行切换，在加之更新提示，使得tiles出色的承载了更多的信息，同时给系统带来了灵魂和生机。这也是WP7系统一种特色的通知形式，Tile Notification。

Tiles（瓦片）让用户拥有了更多的个人化个性化的定制空间，同时也给用户提供了更深层次的快捷入口。动态的推送提醒机制，各种随时而动的小动画，可以让用户第一时间知道最新的变化，也为整个系统带来的生机和灵魂，同时为更多信息的承载，提供了条件。WP7希望用这样方式达到快速、个人化的目的，而我们在做相关APP开发时，也可以充分利用这一特性，给用户带来惊艳快速的体验。

HUBS

WP7在功能上对整体结构进行了整合和划分，采用了六个全景HUB分别是：

ZUNE—影音

PICTURE—图片

LIVEBOX—游戏

PEOPLE—社交与通讯

OFFICE—Office工具

MARKET PLACE—市场

另外也给厂商提供了第三方HUB入口，如： HTC HUB。

HUB不是一种单独的应用那么简单，正如其名字一样，“集线器”“枢纽”他更多的展现的是一种纽带的作用，重视与其他程序综合化得处理。使得户对某一类信息进行处理时的行为是连续的。每一个HUB都可以在其应用中连接到其他的app。WP7系统及追求使用操作的流畅，同时也追求信息流的流畅。以music+video为例，用户可以直接在这个HUB中搜索相关的app应用，然后安装。用户也可以直接从HUB里面相关的app列表，链接到相应的app进行音乐的其他操作。

Panorama（全景视图）

滑动的世界—流畅的不会迷失的导航 极其扁平的信息构架，WP7是一个滑动的世界，他会引导用户尽量通过滑动去切换去导航。全景视图是WP7特有的交互形式之一，它一般应用于app的第一层级。画卷式的操作形式，既给用户带来了方便流畅的操作体验，也给APP本身带来了更宽广的空间。

全景视图下原则上是支持所有控件的。再加上这个视图本身的广阔的空间，为这里提供了无限的可能性。上图是QQ音乐mango1.1版的全景布局。它不仅让用户在滑动中就可以完成一级导航的任务。由于其独特的空间特色，可以安排更多的内容，使整个信息的构架更加扁平。所以其适合应用于结构关系比较复杂的APP。

全景视图的空间结构示意

全景视图的背景是可更换甚至可随机变化，这为我们免去了做皮肤的烦忧，而且给用户带来了更多的自我发挥的空间和个性化的体验。

使用全景视图注意事项

虽然全景的扩展性很强，但也要量力而为，过多的View不仅带来了APP的运算压力，影响流畅性，也会增加用户导航的操作难度，甚至让其迷失。此处建议3~5个。

同时也要注意每一个view之间的视觉差异，避免用户迷失其中。

另外，杂志/画册是很好的参考物，尤其是在排布和UI方面。

Pivot（枢轴视图）

Pivot是WP7比较创新的一种页签的操作形式，由标题，页签和内容组成。滑动内容和页签都可以进行页签切换操作，同时也支持点击直接切换页签。

滑动的魅力是强大的，用户不用去思考他的手指要点击哪里，会不会出现误操作之类的问题，他只要轻轻滑动页面，就可以轻快流畅的到达到要去的地方。减少停顿，让行为连续起来，再一次体现在系统的设计中。与全景视图相比，PIVOT更加注重体现内容，而不是结构，所以其适用于结构关系比较简单，但是内容比较丰富的APP，当然其也适合做全景页面的下一层级使用。

但是并不是完美的

Pivot的形式虽然用滑动的操作给用户带来了新颖和快捷的操作体验，但其页签的循环和变化在很多情况下却也容易让用户迷失其中。在设计的时候需要谨慎采用，尽量减少pivot的页签数量，并且不能出现pivot页面下继续出现pivot的情况。

在QQ音乐上，我们的解决办法是在全景视图下就给用户预设pivot中每一个页签项的入口，这样可以让用户以最快的速度到达他的目的地，同时也保留了其在pivot下切换页签的权利，既快速到达，又保存了行为的连续性。另外，在使用PIVOT的时候需要用字体大小和颜色来引导用户，使其预知哪些是可以点击的，哪些是导航的，其实这是整个WP7系统要注意的问题。