SlideShare a Scribd company logo
微博 WP 客户端分享


彭珊 @ s is3
    pwh3
Metro 的灵感来源




                    机场

    西雅图        公交
          地铁
Metro UI 的特点 & 原则


应用


                Metro UI 几个原则:
人
•个人—你的生活、你的方式   1. 简洁 / 轻巧 / 自由 / 迅速
                2. 内容而非装饰
•关联—你的社群、你的领域
                3. 紧密结合的软硬件
•连接—你的事物、你的心灵   4. 触控
WP APPS 几个关键部分


•Te
  il

•Pnr a ivt
  aoa / o
    mP

•A pa
  pbr

•Noifa n
   t t
    ic io
Tile
•Te
  il的多样性

•Application Tile 、 Secondary Tiles
•正面和反面
Panorama/Pivot?
App Bar
Notification

• Tile Notification
• Toast Notification
• Raw Notification
微博 WP 客户端针对 metro 做了什么 ?

                              2 ...
                              .3
                       2
                       .2
                2
                .1
                              全屏模式
                       语音私信

     2 芒果版
     .0         夜间模式

1
.0       暗恋功能

  性能优化




其他 ...
• 消息提醒
• 设置页的注意事项
•二级导航?
关于 APP 审核的那点事儿
DPS 常见问题列表
1. 元素对齐        6. 全景 / 枢轴视图
2. 浮动按钮        7. “ 关于”页面
3. 返回 / 关闭功能   8. Tile 图片
4. 默认图标        9. 操作反馈        频发问题类别百分比

5. 搜索键盘        10. 定位 / 推送



Marketplace 常见问题列表
1. bugs
2. 年龄限制
3. 位置使用通知和说明
                              U I 频发问题出现概率
谢谢
A ot e
 bu m
  彭珊
微博: @ s is3
     pwh3
G AL pwh3 g a o
 M I: s is3@ mil m
               .c

More Related Content

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

Android那些事儿
Android那些事儿Android那些事儿
Android那些事儿
麦哥UE
 
Web與mobile標準UI口徑
Web與mobile標準UI口徑Web與mobile標準UI口徑
Web與mobile標準UI口徑
Ruby Kuan 關芸如
 
Experience map
Experience mapExperience map
Experience map
dongzhe
 
Mobile app design 2010
Mobile app design 2010Mobile app design 2010
Mobile app design 2010
Baidu
 
移动平台类通信类产品调研分析新
移动平台类通信类产品调研分析新移动平台类通信类产品调研分析新
移动平台类通信类产品调研分析新
fanhuazju
 
App使用者經驗設計
App使用者經驗設計App使用者經驗設計
App使用者經驗設計
Justin Lee
 
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC
 
IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计
IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计
IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计
IxDC
 
Pad&pc差异调研报告
Pad&pc差异调研报告Pad&pc差异调研报告
Pad&pc差异调研报告
sean mao
 
人人能編程是可能的嗎?
人人能編程是可能的嗎?人人能編程是可能的嗎?
人人能編程是可能的嗎?
Fred Lin
 
物聯網成果發表-土撥鼠車車
物聯網成果發表-土撥鼠車車物聯網成果發表-土撥鼠車車
物聯網成果發表-土撥鼠車車
Yi-Chia Chao
 
Note app功能介紹
Note app功能介紹Note app功能介紹
Note app功能介紹
Json Liang
 
阿里巴巴无线端设计
阿里巴巴无线端设计阿里巴巴无线端设计
阿里巴巴无线端设计
lch19880425
 
如何打造品牌热门App案例篇
如何打造品牌热门App案例篇如何打造品牌热门App案例篇
如何打造品牌热门App案例篇
Mary Yang
 
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
itlanye
 
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
George Ang
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
Justin Lee
 
Appcan平台介绍
Appcan平台介绍Appcan平台介绍
Appcan平台介绍
36Kr.com
 
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
zhengyiwuxian
 

Similar to 新浪微博WP客户端的开发经验分享 (20)

Android那些事儿
Android那些事儿Android那些事儿
Android那些事儿
 
Web與mobile標準UI口徑
Web與mobile標準UI口徑Web與mobile標準UI口徑
Web與mobile標準UI口徑
 
Experience map
Experience mapExperience map
Experience map
 
Mobile app design 2010
Mobile app design 2010Mobile app design 2010
Mobile app design 2010
 
移动平台类通信类产品调研分析新
移动平台类通信类产品调研分析新移动平台类通信类产品调研分析新
移动平台类通信类产品调研分析新
 
App使用者經驗設計
App使用者經驗設計App使用者經驗設計
App使用者經驗設計
 
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
IxDC 中国交互设计体验日-C1_张立州_手机客户端交互设计三部曲
 
IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计
IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计
IxDC 中国交互设计体验日-B4b_陈俊标、杨光_平台移植体验设计
 
Pad&pc差异调研报告
Pad&pc差异调研报告Pad&pc差异调研报告
Pad&pc差异调研报告
 
人人能編程是可能的嗎?
人人能編程是可能的嗎?人人能編程是可能的嗎?
人人能編程是可能的嗎?
 
小米简介
小米简介小米简介
小米简介
 
物聯網成果發表-土撥鼠車車
物聯網成果發表-土撥鼠車車物聯網成果發表-土撥鼠車車
物聯網成果發表-土撥鼠車車
 
Note app功能介紹
Note app功能介紹Note app功能介紹
Note app功能介紹
 
阿里巴巴无线端设计
阿里巴巴无线端设计阿里巴巴无线端设计
阿里巴巴无线端设计
 
如何打造品牌热门App案例篇
如何打造品牌热门App案例篇如何打造品牌热门App案例篇
如何打造品牌热门App案例篇
 
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
 
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
腾讯大讲堂62 拇指下的精彩(手机qq交互设计经验分享)
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
 
Appcan平台介绍
Appcan平台介绍Appcan平台介绍
Appcan平台介绍
 
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
 

More from geekparknet

极客活动28期 嘉宾分享 - 我查查
极客活动28期   嘉宾分享 - 我查查极客活动28期   嘉宾分享 - 我查查
极客活动28期 嘉宾分享 - 我查查
geekparknet
 
极客活动28期 嘉宾分享 - 拖拉网
极客活动28期   嘉宾分享 - 拖拉网极客活动28期   嘉宾分享 - 拖拉网
极客活动28期 嘉宾分享 - 拖拉网
geekparknet
 
极客活动28期 嘉宾分享 - 淘宝天猫
极客活动28期   嘉宾分享 - 淘宝天猫极客活动28期   嘉宾分享 - 淘宝天猫
极客活动28期 嘉宾分享 - 淘宝天猫
geekparknet
 
极客活动28期 嘉宾分享 - 立体时代
极客活动28期   嘉宾分享 - 立体时代极客活动28期   嘉宾分享 - 立体时代
极客活动28期 嘉宾分享 - 立体时代
geekparknet
 
极客活动28期 嘉宾分享 - 新浪微博
极客活动28期   嘉宾分享 - 新浪微博极客活动28期   嘉宾分享 - 新浪微博
极客活动28期 嘉宾分享 - 新浪微博
geekparknet
 
下厨房:蚍蜉撼大树
下厨房:蚍蜉撼大树 下厨房:蚍蜉撼大树
下厨房:蚍蜉撼大树
geekparknet
 
网易新闻眼中的应用营销矩阵
网易新闻眼中的应用营销矩阵 网易新闻眼中的应用营销矩阵
网易新闻眼中的应用营销矩阵
geekparknet
 
应用分发: 和你的用户谈恋爱
应用分发: 和你的用户谈恋爱 应用分发: 和你的用户谈恋爱
应用分发: 和你的用户谈恋爱
geekparknet
 
随手记做口碑
随手记做口碑 随手记做口碑
随手记做口碑
geekparknet
 
海豚浏览器谈移动应用海外掘金
海豚浏览器谈移动应用海外掘金海豚浏览器谈移动应用海外掘金
海豚浏览器谈移动应用海外掘金
geekparknet
 
UC如何做海外市场拓展
UC如何做海外市场拓展 UC如何做海外市场拓展
UC如何做海外市场拓展
geekparknet
 
时尚互动杂志 Windows Phone 开发分享
时尚互动杂志 Windows Phone 开发分享时尚互动杂志 Windows Phone 开发分享
时尚互动杂志 Windows Phone 开发分享
geekparknet
 
讯飞语音云及示范应用讯飞语点
讯飞语音云及示范应用讯飞语点讯飞语音云及示范应用讯飞语点
讯飞语音云及示范应用讯飞语点
geekparknet
 
数据和算法驱动的本地生活推荐
数据和算法驱动的本地生活推荐数据和算法驱动的本地生活推荐
数据和算法驱动的本地生活推荐
geekparknet
 

More from geekparknet (20)

极客活动28期 嘉宾分享 - 我查查
极客活动28期   嘉宾分享 - 我查查极客活动28期   嘉宾分享 - 我查查
极客活动28期 嘉宾分享 - 我查查
 
极客活动28期 嘉宾分享 - 拖拉网
极客活动28期   嘉宾分享 - 拖拉网极客活动28期   嘉宾分享 - 拖拉网
极客活动28期 嘉宾分享 - 拖拉网
 
极客活动28期 嘉宾分享 - 淘宝天猫
极客活动28期   嘉宾分享 - 淘宝天猫极客活动28期   嘉宾分享 - 淘宝天猫
极客活动28期 嘉宾分享 - 淘宝天猫
 
极客活动28期 嘉宾分享 - 立体时代
极客活动28期   嘉宾分享 - 立体时代极客活动28期   嘉宾分享 - 立体时代
极客活动28期 嘉宾分享 - 立体时代
 
极客活动28期 嘉宾分享 - 新浪微博
极客活动28期   嘉宾分享 - 新浪微博极客活动28期   嘉宾分享 - 新浪微博
极客活动28期 嘉宾分享 - 新浪微博
 
下厨房:蚍蜉撼大树
下厨房:蚍蜉撼大树 下厨房:蚍蜉撼大树
下厨房:蚍蜉撼大树
 
网易新闻眼中的应用营销矩阵
网易新闻眼中的应用营销矩阵 网易新闻眼中的应用营销矩阵
网易新闻眼中的应用营销矩阵
 
应用分发: 和你的用户谈恋爱
应用分发: 和你的用户谈恋爱 应用分发: 和你的用户谈恋爱
应用分发: 和你的用户谈恋爱
 
随手记做口碑
随手记做口碑 随手记做口碑
随手记做口碑
 
海豚浏览器谈移动应用海外掘金
海豚浏览器谈移动应用海外掘金海豚浏览器谈移动应用海外掘金
海豚浏览器谈移动应用海外掘金
 
UC如何做海外市场拓展
UC如何做海外市场拓展 UC如何做海外市场拓展
UC如何做海外市场拓展
 
时尚互动杂志 Windows Phone 开发分享
时尚互动杂志 Windows Phone 开发分享时尚互动杂志 Windows Phone 开发分享
时尚互动杂志 Windows Phone 开发分享
 
讯飞语音云及示范应用讯飞语点
讯飞语音云及示范应用讯飞语点讯飞语音云及示范应用讯飞语点
讯飞语音云及示范应用讯飞语点
 
海豚声纳
海豚声纳海豚声纳
海豚声纳
 
智能360
智能360智能360
智能360
 
开心集品
开心集品开心集品
开心集品
 
LC 风格网
LC 风格网LC 风格网
LC 风格网
 
蘑菇街
蘑菇街蘑菇街
蘑菇街
 
花瓣网
花瓣网花瓣网
花瓣网
 
数据和算法驱动的本地生活推荐
数据和算法驱动的本地生活推荐数据和算法驱动的本地生活推荐
数据和算法驱动的本地生活推荐
 

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