品玩

科技创新者的每日必读

打开APP
关闭
Web App

跨平台Web App的设计原则:体验独立、功能互补、实时相互操控

Luke Wroblewski认为Web App不仅要能够良好适配手机、平板、电脑等设备的屏幕,同时还能够适合不同的操控方式,例如触屏、鼠标、键盘等。不但如此,由于人们越来越多的同时使用多个设备,所以Web App也要求实时的在任何终端上实现同步。

陈粲然 Ray

发布于 2013年7月25日

根据数据,在美国有80%的用户在看电视时会同时使用手机,每人平均会有20%的时间都用在了移动终端上。在未来,这种同时面对多个终端屏幕的场景将变得非常普遍,人们将会同时面对不同的操作系统、输入设备和应用。

PingWest介绍过一款只需利用大拇指就能完成所有交互操控的iOS投票应用Polar,他的设计者是著名的用户体验专家Luke Wroblewski。实际上,LukeW一直是一位Web App的鉴定拥护者,在他看来,利用Web技术天然的跨平台特性能够打破Native App的枷锁,带来良好的跨操作系统、跨终端的操作体验。

所以最近,他与微软IE浏览器开发团队合作,开发了Polar的Web应用,并分享了自己的一些经验。

Polar Web版的设计理念是——不仅能够良好适配手机、平板、电脑等设备的屏幕,同时能够适合不同的操控方式,例如触屏、鼠标、键盘等。不但如此,由于人们越来越多的同时使用多个设备,所以Polar被要求实时的在任何终端上实现同步。

如下图所示,在用户利用平板电脑或电视观看电影时,同时打开Polar,扫描二维码与手机连接后。用户就可以利用手持设备去进行投票、滑动浏览等操作,而其操作结果将立刻呈现在电视上。

值得注意的一点是,你会发现手机上Polar与平板上Polar的界面设计是有差异化的,这也是LukeW强调的一个设计原则:良好的跨屏幕体验并不是建立在完全相同的产品设计之上,而是在整个使用场景中,每个终端都能结合自己的特性做整体的补充。所以平板上的Polar被设计的能够很方便的查看参与投票的用户。同时,如果你参与了一项投票并发表了评论,可以在平板页面上直接看到一个列表实时显示你和他们不同意见的PK状况。

LukeW总结这种跨屏幕跨操作系统的Web应用的基本设计原则:

独立。即应用在每个终端上的操控都有独立完整的体验,但其交互体验需要保持一致,让用户能够很轻松的利用不同方式操作同一款应用。

相互补充。应用在不同终端应该针对其特性(当前来说主要是屏幕大小)来做不同的设计,使其在整体使用场景能各司其职。

延伸性。即可以利用任一终端对其他的终端上的同意应用进行操控,同时其操控结果时实时的。

 

下载品玩App,比99.9%的人更先知道关于「Web App」的新故事

下载品玩App

比99.9%的人更先知道关于「Web App」的新故事

iOS版本 Android版本
立即下载
陈粲然 Ray

不揣测动机、不质疑资格、不定义身份、不混淆概念、诚恳承认错误,做良性讨论。

取消 发布
AI阅读助手
以下有两点提示,请您注意:
1. 请避免输入违反公序良俗、不安全或敏感的内容,模型可能无法回答不合适的问题。
2. 我们致力于提供高质量的大模型问答服务,但无法保证回答的准确性、时效性、全面性或适用性。在使用本服务时,您需要自行判断并承担风险;
感谢您的理解与配合
该功能目前正处于内测阶段,尚未对所有用户开放。如果您想快人一步体验产品的新功能,欢迎点击下面的按钮申请参与内测 申请内测