新浪微博 WP 客户端开发经验分享

新浪微博 WP 客户端开发经验分享

新浪微博也是国内比较早的登录 Windows Phone 平台的应用,以下是新浪 Windows Phone 平台微博产品负责人彭姗对 Windows Phone 开发经验的分享,以及对新浪微博 WP 客户端融入 Metro UI 所做的一系列创新式改变和在 Marketplace 通过审核经验的介绍。

从新浪微博谈 Windows Phone 应用的特点

Windows Phone 系统的特点

彭姗认为 Windows Phone 系统与 iOS 及 Android 不一样的是, iOS 和Android 是以应用为中心的手机系统,而 Metro 和 Windows Phone 则是以人为核心的。它更强调人(你的生活、你的方式),强调关联(你的社群、你的领域),以及与其它事物的对接。比如你的各种照片和资料在手机中它是以人为整体的去呈现的。

Metro UI 的特点

同时彭姗提到 Windows Phone 应用有着自己独有的 Metro 风格, Metro UI 的原则有简洁、迅速、内容而非装饰、软硬件结合紧密等,这也是与像 iOS 里拟物化和真实物理化等观念所不一样的地方。

Windows Phone 应用的关键部分

1. Tile 磁贴

Windows Phone 里的 Tile 有多种,除了应用的主 Tile (Application Tile)外,还有 Second Tile,即把微博好友 Pin 到桌面的显示 Tile 。另外 Tile 分正反两面,可以轮播、翻转,上面还有信息提醒(Tile Notification),此外还有背景图片。

 Windows Phone - Tile

以新浪微博的 Windows Phone 客户端为例,从开始到现在 Tile 改动过多次,见上图。最开始只是一个 新浪微博的 Icon,右上角有一个消息提醒。而现在是应用主 Tile 与系统背景色保持一致,但继续保留红色的大眼睛 Icon 以保持品牌的标识,同时保证能够被用户快速识别。后面三个就是 Second Tile,即二级菜单。

2. Panorama / Pivot 控件

 Windows Phone -Panorama

Panorama 是全景视图(上图),比较适合用户对场景进行一个大概的预览,并不适合详细去阅读。而 Pivot 是枢轴视图,是一种并列关系,比较方便用户进行阅读操作,因此新浪微博最终采用的 Pivot 框架。(下图左中)

 Windows Phone -Pivot-Appbar

3. Appbar

Windows Phone 中的 Appbar (上图右)类比于 iOS 或 Andriod 里的 Tab,但是跟它们的区别是在 iOS / Andriod 里 Tab 起到的导航作用,而 App Bar 在 Windows Phone 中实际上是一个常用操作地方,而不是功能模块。

4. Notification 通知

Windows Phone Notification 通知

Notification 有三种方式,一种是 Tile Notification,就是在那 Tile 上的数字提醒形式,第二种是 Toast Notification,就是短信或 Email 提醒那种,可以点击,还会自动消失。最后就是 Raw Notification,它是应用内部的一种通知方式,现在很多应用其实没有用到这种通知方式。

新浪微博针对 Metro 的适配

新浪微博从 1.0 版的性能优化开始,2.0 增加了暗恋功能,2.1 的夜间模式,2.2 的语音私信到 2.3 的全屏模式(针对 Pivot 误滑的改进),另外在消息提醒、设置页面的选项和二级导航等都花费了很大的精力去重新设计去优化,最终才达到现在的状态。

 新浪微博 Windows Phone 版

新浪微博 Windows Phone 平台的审核经验

关于 App 审核是开发者绕不过去的地方,其实除了Marketplace 审核之外还会有一个关于你的 UI 设计的审核,这个过程被叫做 BPS 。在审核不通过的问题比例中, BUG 之类占 30%,UI 设计占 60% ,另外 10% 是内容的问题。下面是新浪微博总结的微软 Marketplace 审核常见的问题列表和 DPS 常见问题列表。

 微软 Marketplace 审核常见的问题列表和 DPS 常见问题列表

最后彭珊透露了新浪微博应用在 Windows Phone 平台的下载量级在几十万,WP 平台用户的活跃度也比 iOS 和 Android 平台的要高。

整理自新浪 WP 平台微博产品负责人彭姗第26期极客活动上的分享,点击观看视频

新浪微博极客活动
下载极客公园客户端
iOS下载
反馈