对于大部分软件开发者来说,Windows 8 商店应用的开发是全新的尝试。 新的Windows 用户体验界面,新的开始界面,新的应用布局,都是摆在应用开发者面前的一个个挑战。 这里简单总结一下Windows 商店应用常见的十个问题。这些问题都是很多初次Windows 8商店应用开发者的容易出现的问题。希望您看了这篇博文,能够避免出现同样的问题。

 
图像
 

问题一, 辅屏视图Snap View

 
图像
 

关于辅屏视图Snap View, 很多第一次接触Windows 8商店应用开发的朋友不是很理解。在横向状态,Windows 8 独有的双屏应用模式可以让两个应用同时在屏幕上运行,其中一个应用处于辅屏视图模式,而另一个处于填充视图模式。填充视图模式的应用拥有大于1046像素(1366-320)的宽度,所以应用的布局是不需要做太大调整的。然而处于辅屏视图的应用只会获得320像素宽的区域,如果应用不根据视图状态调整适当的布局,用户体验就会大打折扣。关于辅屏视图和填充视图的详细内容可以参考下面的链接

 
图像
 

其实贴靠视图的支持还是很容易理解的。如上图。修复前的布局是直接在正常的视图状态截断了320宽像素的界面,当用户想看更多的内容的时候只能左右移动;修复后的应用只支持上下的应用移动,这样用户的预期就会非常容易的满足,而不会很不舒服的在很窄的320宽像素上左右移动了。此外还要注意以下3条,这样一个支持贴靠视图的应用就完成了。

 

1. 请检查视觉效果图中是否已包含了贴靠视图的设计。

2. 贴靠视图中的内容周围应当包含有一致的边缘,不要紧贴屏幕边缘,这个边距没有具体规定, 以视觉美观为主

3. 标题与文本要左对齐,保持竖直滚动,不能横向滚动(参照左图)

 

问题二,动态磁贴Live Tile

 

很多开发过Windows Phone 商店应用的朋友应该已经熟悉动态磁贴的概念。在Windows 商店应用中的动态磁贴,通过Windows 推送通知服务WNS,开发者可以从自己的云服务发送toast,磁贴和锁屏提醒更新。

图像
 

http://msdn.microsoft.com/zh-cn/subscriptions/downloads/hh913756.aspx

 

但是需要注意的是,在Windows Phone 7.5 上,动态磁贴只有一个尺寸,就是正方形的磁贴。但是在Windows 8 上,动态磁贴支持2种尺寸,正方型磁贴和长方形磁贴。开发者需要设计两种动态磁贴以适应不同的磁贴状态,而应用的磁贴状态是由用户自行决定的(OEM PC预装的应用由OEM厂商决定)。 很多开发者只利用了正方形或者长方形的动态磁贴的一种,正确的做法是2个磁贴都要利用。

从MSDN的动态磁贴模版枚举对象(TileTemplateType)来看,目前支持多达45种的动态磁贴模板类型,包括文字,照片,logo的各种混排情况都能满足.

 
图像
 

上图的示例就是很好的例证,这是个新闻类的应用,最初的设计没有在长方形的磁贴状态设计动态效果,修改后增加了对当天头条新闻的动态显示。

 

问题三,共享与搜索合约 Share/Search Contract

 
 

搜索与共享合约是Windows 8 新的交互体验中非常重要的功能,也是Windows 8 商店应用区别于其他平台的重要功能点。

 

搜索的集成,或者说是全局搜索的集成,可以让系统级���的搜索功能与统一的用户体验注入到单独的商店应用中。对于Windows 8的用户,应用内的搜索不再需要打开应用,找到搜索界面,输入搜索条件进行搜索;只需要在屏幕右侧划一下,选择超级按钮中的"搜索",输入关键字,再搜索目标列表中选择对应的应用即可。

图像
 

对于搜索合约的功能设计,可以参考

 
图像
 

上图也是应用功能设计中经常会犯的错误,在Windows 8的商店应用中,无需单独设计搜索入口,只需要把搜索合约界面与搜索结果页面结合起来就可以了。不过当前的搜索合约界面只支持单条件搜索,对于多条件的复杂搜索场景, 可以尝试引导用户进入统一的搜索结果页面,在专属的搜索页面中满足复杂搜索的需求。

 

共享合约的概念其实来源于Windows Phone 7, 在Windows Phone 7的照片功能中就可以非常容易的共享当前的照片给其他第三方应用,比如说。在Windows 8中共享合约的概念被扩展,不仅共享目标可以使第三方应用,共享源也可以不再是系统应用,而可以是第三方应用了。SNS分享功能是很多新闻类、工具类应用的重要功能,但是多个SNS服务的集成需要单独申请API接口。在Windows 8上无需这么繁琐,只需要支持添加共享功能就可以了。目前大部分的SNS应用都已经支持共享内容的功能。

 
图像
 

问题四,命令与导航Navigation and Layout

 

Windows 8 商店应用的命令与导航其实很大的话题,涉及到基本的Windows 体验的交互理念,这里就不深究了。具体的内容可以研究下面的链接.

 

命令设计

导航设计

 

这里讨论的其实是很常见的一个问题,通常的情况,Windows 商店应用不推荐在画布中有任何命令按钮或者导航按钮,应当放置在上方的导航栏以及下方的应用程序栏中。

图像

上图中就是一个很常见的命令设计问题,解决方式是把刷新按钮放置到App Bar上。

 

当然对于命令按钮和布局的讨论其实可以更深入一些,我们看看人人的Windows 8 界面:

 
图像
 
 

人人的画布上其实也放置了不少命令按钮,这些按钮如果按照设计规范是应该放置到应用栏(App Bar)中的.不过人人的Windows8 应用已经经过了几个版本的演进和更新,设计者对于Windows 体验的理解已经很到位。不过我们还是能看到一些iOS应用设计的影子,但是这样的应用我们还是会第一次就喜欢上的。好的设计不会完全准从设计准则,但是对于初尝Windows 8商店应用的开发者我们还是推荐从基本的设计准则出发设计相对基本的用户交互。

 

原博客地址: