Windows Phone 7应用之sina微博——UI设计

Windows phone 7应用一直没有时间去做,上周在APP Store的论坛上看到一个国外DVP写了一篇Twitter在Wp7上客户端,仔细看了一下觉得很简单,只是单一利用WP7获取Twitter上信息列表. 国内的微博我只玩过163网易的,但是可惜的是并没对开发人员开放API. 反而Sina推出了自己微博的API访问接口. 而且还出了相关SDK.

仔细看了API文档很详细, 尝试把Sina的微博移植WP7客户端上,注册了一个新浪账号觉得Sina的微博界面有些过于简陋了.而且给我的第一感觉对页面色调的搭配上有些不舒服.总体布局是4:1左右比例, 图片的边框有些太过明显,sina微博虽然给我第一感觉并不太好,但功能确实比网易的要丰富. 决定逐步的把Sina MiniBlog[微博]移植到WP7客户端上.本篇关于客户端UI设计 展示只做了两个界面.

Wp7在安装附带有一个Express Bland 4设计器, Vs2010中关于如果做UI设计 总觉得界面太小 想对属性都是通过编码方式确定 尝试一番很耗费时间久放弃了,对于开发人员来说Express Bland设计器很多人第一直觉是抗拒的. 但是我使用完之后才知道设计器所带方便.

关于WP7上Sina客户端 我打算逐步迭代方式把功能完善上来.对于WP7 的UI设计第一次做,色调搭配以及模板设计完全是按照自己设想去做. 有可能不太合适,也希望有人提出更好建议.打开Express Bland 4工具 新建一个Project.:命名SinaMiniBlogWP7Demo

创建解决方案结构:

创建WP7上Sina客户端登陆页面:LoginFrom.xaml先看看UI效果:

Sina链接API需要提供一个指定登陆账户.登陆微博WP7上客户端.登陆之后显示主页面设计UI如下:

如上展示模板.静态数据.初步设想是登陆WP7上Sina客户端后用户能够同Web页面一样操作自己的微博.而不是单一预览自己微博信息.发布自己微薄信息模板[功能上加上图片 超级链接等]：

微博信息及时浏览列表静态单一模板:

经常用微博的用户应该都知道,微博列表不仅可以发表单一信息 同时还可以发表丰富图片文字信息, 并且支持他人回复评论,收藏和转发等基本功能,鉴于此我特别比对自己比较熟悉的网易,初步分析三个微博预览模板,如上只是单一文字信息模板,：

模板A:包含图片 文字 超链接富文本显示模板 设计效果如下:

模板B:针对某条微博信息附带有文字或图片评论模板 设计效果如下:

如上市附带评论文字信息模板,.对于附加图片的模板正在制作,另外对于有人也提出是否在回复人前面加上相关的个人图像类似QQ,但我觉得这样一来就反而使页面更加混乱 信息失去重点,另外一个很实际问题 会给更多的人产生必要信息流量, 类似出现多条评论时 加以隐藏是一个触控按钮,对于单一列表 如果用户采用触屏方式当已到达 列表地步就会自动浏览加载更多信息和列表.

在发布微博信息那个页面也有人提出是否单独建立一个页面,附加更多表情和图片 在目前操作不便, 毕竟屏幕宽度有限,.这个问题正在考虑.

如上市关于Sina微博在WP7上UI设计初步设想,欢迎各位在留言中提出相关建议.