跨终端体验的完整性
可以预见的,用户将会在不同的屏幕上体验你的产品,而用户在各个屏幕上的用户体验也将趋于一致。对于用户而言,只在乎你所提供的服务,这与他在什么屏幕上体验无关。
Evernote是跨终端体验完整性的典型案例。我可以在手机上继续在Mac上完成了一半的文章,也可以在Pad上读完某一个被共享的文档。对于我来说,随时随地的记录与查看的体验是完整的。
百度云在跨终端体验完整性上则做的更好。我通过PC端共享一个BT种子或者视频文件,然后我的好友可以在Pad上直接观看。对于用户而言,共享影片的体验是完整的,且是被更好的满足了的!
Path和啪啪则是另一类跨终端体验完整性的典型案例。我通过APP上传照片,然后通过Twitter等分享给我的朋友,如果我的朋友在PC上,他可以通过Web浏览器查看我的照片,对我的照片进行点评,或者收听我发出去的配音。对于我来说,随时随地与好友互动的体验是完整的。
QQ音乐、快捷酒店管家等与微信的结合也是这样。我分享一首歌曲到微信,我的朋友可以直接在微信中点击播放,这个听歌的体验是完整的。我分享一个酒店详情到微信,我的好友可以点击之后在微信中查看这个酒店详情并完成预订,用户订房的体验也是完整的。
所以,对于产品而言,用户更看重的是你的服务,至于承载这个服务的载体,并不重要。而作为产品,也必须去试图根据不同场景的切换去满足他们。
以上是基于产品层面的跨终端体验完整性的一些思路与案例。如果细化到具体的设计上,同样的,也需要考虑跨终端的体验完整性,用户在不同的终端不同的浏览器上访问同一个网站,应该享受到一样完整的体验。
最近学到一个新的词,叫做响应性设计,也被称为“响应性界面设计(Responsive UI)”、“响应性Web设计(Responsive Web Design)”。
响应性设计,简单说就是设计和开发应针对用户行为和使用环境,做出不同响应的设计方法。主要是解决用户不在不同的终端浏览器上的体验一致性的问题。
响应性设计具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。
应用响应性设计不仅仅是变变布局,而是应该把各种设备的不同特点发挥在产品设计中。同一个产品在不同的屏幕尺寸 、不同的浏览器、 不同的操作系统 、不同的网络环境 、不同的设备性能下,在一个统一规划的设计策略下管理。这样可以很大程度避免出现类似wap.xx.com、m.xx.com、pad.xx.com这样的纷乱的情况。
附,关于响应性设计的一些介绍与资料:
c7210翻译:什么是响应式Web设计,怎样进行?
kejun:聊聊响应性设计和开发
孟爽paula:响应式设计如何入门
kejun:一次响应性开发实践
建议继续学习:
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:kent.zhu 来源: 幻風閣|Kent.zhu's Blog
- 标签: 响应性设计 跨终端
- 发布时间:2013-04-07 13:12:58
- [45] 界面设计速成
- [42] Oracle MTS模式下 进程地址与会话信
- [41] 图书馆的世界纪录
- [41] 如何拿下简短的域名
- [41] android 开发入门
- [40] IOS安全–浅谈关于IOS加固的几种方法
- [39] 视觉调整-设计师 vs. 逻辑
- [37] 程序员技术练级攻略
- [37] 【社会化设计】自我(self)部分――欢迎区
- [36] 读书笔记-壹百度:百度十年千倍的29条法则