移动产品的典型的设计思路的总结.pdfVIP

移动产品的典型设计思路总结 【编者按】本文作者@xidea。交互设计师 ，半个产品经理。关注基于互联网的整体用 体验设计和 产品设计。本文转载自作者的博客。 有很多移动互联网的产品经理和设计师都是从传统互联网转过去的 我们之前积累下的一些经验 有一些可以在移动侧继续使用 有一些则行不通 这或许要从移动互联网跟传统互联网的区别说起 。 区别 1、终端设备 传统互联网 ：主要的接入终端是计算机。计算机是高度标准化的设备 无论是Mac阵营 还 是PC阵营 （其他的架构不讨论了 ）。具体体现在 ： 绝大部分个人计算机使用的硬件是标准化的 并且功能强大多样 绝大部分屏幕的分辨率在1024 px及以上 尺寸较大 软件终端比较统一 都是浏览器 （暂时不考虑客户端产品 ） 并且由于Web标准的存在 不 同的浏览器 （或者说不同的内核 ）对于前端的解析相差不大 技术标准相对统一 比如用HT ML写结构 ；用CSS写表现 ；用JS写前端行为 ；用PHP、JSP 等写后端 ；用MYSQ L等管理数据库等。做出来的东西基本上认为是跨平台的 移动互联网 ：主要的接入终端是手机和各种pad。拿手机来说 标准化程度远远不及计算机 。具体体现在 ： 硬件设计不够标准。有的手机用按键 有的手机用触屏。有的用方向键 有的用轨迹球。有 的带有全键盘 有的用屏幕键盘等等 分辨率千奇百怪 特别是andro id阵营。尺寸相对较小 平台不统一。虽然主流智能手机也基本上是ios和andro id两种。但是 加上后起的W indows Pho ne 加上日落西山的塞班 加上非智能机上面的K ava等 平台很多 开发A PP相互不 兼容。而移动Web应用 （使用手机浏览器访问的 ）不论从技术上还是体验上都不够成熟。即 便是同一种平台 有时在前端的表现也有较大差异 特别是andro id阵营 2、使用场景和使用环境 传统互联网 ： 大部分情况下 使用传统互联网的场景相对正式一些 使用的环境也更加稳定。比如 我们 可能会把笔记本电脑放在桌子上 一动不动上2小时网。 使用环境决定了 传统互联网的接入会比较稳定。 接入速度相对快 移动互联网 ： 大部分情况下 使用移动互联网的场景会更加随意一些 随时随地 使用环境也更加复杂。 比如 地铁上 （可能晃动 ）、厕所里 （可能时间短 ）、排队的时候 （可能匆忙 ）、被窝中 （ 可能光线昏暗 ）。 使用场景和环境决定了 移动互联网的应用会更加碎片化。 接入速度相对慢 接入不稳定。 3、其他方面 传统互联网 ： 资费与流量 ：大部分是在一定时间内不限制流量的计费方式。 移动互联网 ： 资费与流量 ：国内大部分是包月限制流量的方式 并且费用相对较贵。 与计算机不同的特色设备。如 ：GPS模块、重力感应器等。 基于以上的不同 或许从产品设计层面来看 会有如下的思路 ： 设计思路 1、结合移动互联网和移动设备的特点 扬长避短。 典型案例 ： TalkBox以及微信的语音聊天 因为大部分情况下 在手机上输入文字比较麻烦 而说话则容易很多。所以在手机上 使用 非即时的语音交流 要比使用文字方便快捷。 iPho ne晃动撤销输入 在手机上输入了大量文字 想撤销重新输入怎么办呢 ？使用删除键一个一个字的删一定不是 最好的办法。在iPho ne上 我们只要晃一下手机 （向一个方向晃动 ） 就可以将输入的文字 撤销了。 通讯录 天然的真实关系SNS。 切水果 移动设备“特有”(算是特有吧)的触控和划动操作可以做到很多用键盘鼠标无法感受到的体验 。比如切水果这种游戏 如果在计算机上用鼠标操作 将乐趣大减。但在移动设备上 就很 有趣了。 Clear 在计算机上 我们使用鼠标可以精确的点击屏幕上的内容 理论上讲可以精确到像素。但是 在手机上 如果使用手指操作 就没办法这么精确了。手势的出现在一定程度上缓解了这个 问题 它提供了一种不需精确即可操作的可能。例如Chear这款To Do List app 它可以使用 手势完成大部分的操作。例如 向下滑动可新建项目 ；在某项目上向右滑动可将其标记“已 完成” ；向左滑动可以删除等。 2、考虑移动互联网的使用环境 做合