产品经理之移动端产品设计-全栈工程师熊盼

移动有什么不同

属性与规格

为何、何时、何地

用户如何操作和认知

操作行为的革新

传感器利用

重力传感器

加速度传感器

摇一摇找朋友

位置传感器

指南针

光线传感器

自动调节屏幕的亮度、摄像头

小屏幕单窗口

移动产品实现方式

产品类型

Native App

本地应用，独立应用，客户端开发新版，用户自主升级

优点

# 最佳的用户体验，最华丽的交互，操作流畅

# 可节省带宽成本

# 能够轻松调用图片相机，各类传感器，麦克风，电话，，，

# 可以使用push推送

缺点

# 原生应用成本比较高，而且维护更新后，访问路径封闭

# 不是用户常用的应用，很难长时间存活在用户手机里

Web App

手机浏览器访问HTML5网站，支持一些新标签和脚本，可以做出类原生应用的效果和动画

优点

# 实时更新

# 不需要针对各平台开发不同的版本，开发成本低

# 输入网址即可访问，不需要下载安装更新

缺点

# 部分浏览器无法调用相册，硬件资源和传感器

# 无法使用推送功能

# 性能较差

# 浏览器适配容易出现问题

# 缓存小，以iPhone为标准，所有的图片和脚本都要小于25kb

# 目前只兼容webkit内核的手机浏览器，WP，Symbian等平台的浏览器无法正常访问

Hybrid App

混合模式应用，包含原生视图和web视图两种方式，使用方式和native App一致，而又继承了WebApp实现更新开发成本低等优点

平台操作差异化

移动产品的信息架构

层级式(Hierarchy)

辐射式(Hub-spoke)

套娃式(Nested doll)

标签视图(Tabbed view)

仪表盘(Dashbeard)

筛选应用(Filtered view)

增加的体验设计

人体工程学

屏幕尺寸

手势操作

转场过渡

不同的交互模式

导航

展开式菜单

侧滑菜单

选项卡菜单

辐射状菜单

内容选择

点击

滚动效果

翻页效果

登录、退出

自动登录

保存账号密码

移动端的简单密码

表格表单

保存用户信息

定制键盘

进度提示

设计原则

用户界面基于用户的心智模型，而不是基于工程实现

基于用户使用情景的思维方式设计

尽量少的让用户输入，输入时尽量多给出参考

全局导航需要一致存在，最好还能预览其他模块的动态，

提供非模态的反馈，不打断任务流

不要让用户等待任务完成，用户还要发现更多有意思的地方

自动保存用户的输入成果

为了程序相应的速度，设计有时候需要担任掩护的作用