Web APP与原生APP有哪些交互设计区别?

2017-10-12 14:09

  @ChM_CuoreAzzurro :Web App和原生APP同为移动端,很少有时间研究这两项的交互区别,最近公司做了一次从原生APP到Web App(HTML5 )的移植,故总结一下期间遇到的问题及不同点总结。

  思考点:如何减少跳转(扁平结构、页面布局技巧),增加数据及展示的流畅流程及稳定性(技术)

  2、更小的页面空间(由于浏览器的本身占用一部分屏幕空间),更大的信息记忆负担

  移动设备的屏幕要小得多。这种如同透过门缝进行的阅读增加了认知的负担。人脑的短期记忆是不稳定的,用户在滚动屏幕的过程中需要临时记忆的信息越多,他们的表现就会越差。《贴心设计:打造高可用性的移动产品》

  思考点:排版更清晰、信息更简练 (可在原生APP基础上去掉一些丰富、复杂的视觉表现)

  3、情境式,方便用户快捷跳转到ta想去的页面,如购买结束时提供查看订单详情的按钮。

  PS:Web APP更加需要画页面跳转的流程图,摸清各个页面的入口,尤其是页面返回的流程;有些简化的返回按钮,可以特殊注明返回到的页面

  一般首页、核心任务的页面(如 电商Web APP的商品详情页 、视频Web APP的视频观看页)