好久没有更新blog了,之前忙于新环境的熟悉和项目设计,后来回校后又是看书写论文,8,9月确实很忙很充实。长假过后,看了一些《移动设备交互设计》这本书,论文里的文字稍有点内涵了,突然想想应该把之前移动项目的一些想法写个分享更新下blog。
之前参与了一个重要且有趣有影响力的项目,是关于android 3.0平台平板电脑的某IM竖屏方案设计,在这里记录下自己的一些思考。
设计过程中参阅了一些资料,发现国内对横竖屏切换的交互上还没有人写过相关文章,android3.0设计规范里有一页大概说了下:
其设计规范的布局建议大致有三种方式:
1、直接切换为竖状,例如Gmail;
2、把横屏时候的侧边栏放置于竖屏下方,例如Calendar;
3、在竖屏时候,隐藏不必要的列表,例如Google Reader;
这样的规范只阐明了纯界面布局问题,我觉得采用怎样的布局,需要考虑用户为什么需要横竖屏切换,他们是环境变化了,还是姿势累了,还是心情需要改变?他们的使用环境是怎样的?用户对产品的需求是否有所改变?我们的产品应该怎样规划?
横屏和竖屏下,用户使用的心情?环境是怎样的?
有调查显示,用户使用平板电脑更多处于休闲轻松的环境,例如星巴克、床上、沙发…在这样的环境里,用户容易进入沉浸式体验,横屏很适合观赏电影,竖屏适合文字阅读。
我们考虑产品在竖屏时候,可以为用户带来什么?还是不断地切换聊天,还是不断地滚动看SNS,又或者是选择音乐欣赏?如果竖屏它的先天优势是阅读,用户“竖”过来的深层需求是舒服的阅读体验,那么,我们在考虑竖屏方案时候,是否只把阅读体验做好,而去除一些干扰性因素。如果是这样的考虑,设计布局可能偏向于第3点,隐藏不必要的列表,去除干扰,用户有足够的时间和心情去back,再click,在这个情况下,效率并不是最重要的。
横屏和竖屏下,用户会以什么样的方式持有设备?
横屏时候,由于重心问题,也许更多的时候,用户会两手持扶使用;或者靠在桌上,一手持扶,另一手操作。用户对宽大的屏幕更多是横向扫描。
然而,当竖屏时候,用户会左手托住设备,右手操作,就像我们在看一本杂志时候的感觉。
这个时候,我们考虑切换后,哪个区域是用户最容易点击,最容易被发现的,然后放置最重要的操作区。
横屏和竖屏下,设备具有不同的特征,是否可以加以利用,把单方面优势发挥到极致?
通常观赏一部电影,用户会使用横屏来观看,因为16:9的比例看电影,在横屏下处于最大屏幕,那么,观看图片时候用户也有这样的需求。通常看一篇文章,看一本电子书,用户使用竖屏来观看,因为在竖屏时候,16:9的9宽度,用户对一行文字的阅读不会有记忆缺失,不容易出现误跳行。(因为通常新闻、电子书不是列表,没有斑马线)
所以,如果我们在处理一个新闻或者SNS feeds时候,里面有文章,又有图片和视屏,在横屏和竖屏下,它们应该“长的”不一样。竖屏时候,我们可以把对文字的阅读做得最好,图片和视屏可以使用Popup来提高它们的观看面积;横屏时候,我们可以使用幻灯片或者照片墙形式,把图片和视屏浏览做得最好,文字阅读次之。
如上便是项目中对移动设备的app在横竖屏环境下的设计考虑因素,提供参阅。
几个比较典型的app它们横竖屏下的处理方式:
by 布多budoued.com




































