从Web到移动应用的设计思维转换.docxVIP

从Web到移动应用的设计思维转换 【编者按】随着移动互联网的快速发展，很多 Web产品经理、设计师转而投身至移动应用领域。看 起来非常相关的工作，却可能给他们带来了不小的困扰。 很多刚刚接触移动应用的产品经理、设计师依然习惯用 Web的思维去做App。张小龙在谈微信时就 曾经说过：绝不考虑Web形态，一切考虑都基丁 App。那么，移动应用和 Web相比，区别到底在哪 里呢？ 以下是作者以自己在工作中通过 血的教训总结出的几点内容，在此与大家共享： 1、单一且专注 创新工场曾推出一款应用叫 布丁爱生活”，里面包含电影、美食等内容，但是推出后一直反响平平 。后来这些内容被拆分成不同的应用，反而取得了不俗的成绩。这是为什么呢？ 我认为： 第一、移动端的屏幕小，场景不固定，太多的功能会造成层级复杂、操作困难，影响体验。所以移 动端本身不适合太多、太复杂的功能。 第二、从场景方面考虑，用户在相应的场景下，才会想到相应的应用。比如说，用户在想看电影的 时候，可能就会搜素和电影相关的应用，而 爱生活”之类的产品，一般不会主动被搜到。即使用户 看到了，也不知道它是做什么的。所以 做移动应用，千万不要 人而全”。 e 634 AM *找美食 看演出 找团购 2、细分需求并做到极致 陌陌在微信这种强大的竞争对手面前，是怎么生存并壮大起来的？况且微信也可以通过查看附近、 摇一摇等方式联系陌生人。抛开产品定位、营销等问题，我想对比一下设计方面的区别。 ，■浦申国移功孑17:55 ，■浦申国移功孑 17:55 微信⑴ 超好玩 打开应用后，在微信界面上，看到的是最近和你联系过的人，以及它们的留言；而在陌陌上，首先 看到的是附近陌生人的照片及个人签名。 点击微信标签栏上的 找朋友”，再选中 附近的人”，才能到达如下图的列表页面。但很明显，微信的 头像比陌陌的小很多，信息也不如陌陌丰富。如果你只是单纯的想结交陌生人，会选择哪个应用？ HL.中国联通 兮 17:26 / 20% Q 朋友们 附近的人 丁 因此我的结论是，面对强大的对手，找准一个细分的需求点，把它做到极致，也不是没有机会（不 考虑营销等其它因素）。 3、功能优先级 移动应用的使用场景、设备都和 Web有巨大的区别。因此移动应用的功能，不仅取决丁用户需求, 还要考虑使用场景、设备限制等因素。 不要直接移植Web的功能到APP上。 比如说优惠券产品，Web端更重视打印功能；而手机端侧重丁到店展示。 guhul l€3 COE 户上蜘■券） 苜页 日吃白拿 代乎晴家 东方雌白仇忠券 加走主 .■E当 I 皿 ZZI ft 2tti u h(i!谜与已肖 ft 2tti u h(i!谜与 已肖33 .神日 ,^F 已骨与 械抑FT印 微信刚出的时候，很多人觉得奇怪：腾讯已经有了手机 QQ ,为什么要再做个微信？它们有什么 区别？ 过了一段时间，我发现原先用手机 QQ的人都改用微信了。为什么大家觉得在手机上，微信比 QQ好 用呢？ 后来有一天我终丁有点明白了: 手机QQ是Web端功能的移植；而微信的功能更多的考虑了移动应用的特点（语音输入，通过手机 通讯录、QQ好友等方式添加好友，摇一摇 应 堵车路况小分队（7人） * 今天好像待别堵胃 始 a 2*1 所以说，做APP时一定要充分考虑移动应用的场景、设备等特点来设计功能并决定功能优先级，而 不是简单移植Web的功能。 4、 简单、易用 用户在使用Web网站时，一般是端坐在大屏幕前，既可以使用鼠标、也可以使用键盘；而用户在使 用移动应用时，可能是边走边用，也可能是在拥挤而晃动的公车内。因此移动应用的功能一定要 简单，字一定要够大（字大了可放的内容就更少），操作一定要简单（保证可触面积） ……总之四 个字：简单易用。 5、 尊重平台特点及设计规范 移动应用不像 Web端，界面够大，使用环境够稳定，即便有不易理解的地方也可以在界面上加各种 引导和提示。就算没有任何提示，用户还可以自己尝试。 但移动应用的界面小，承载的内容十分有限（ Web端一个页面的内容，移动应用可能要分很多个贞 面来展现，页面跳转次数高），使用环境不稳定，操作更困难，如果开发者都按自己的 想象”去设 计界面，那后果不堪设想。 索性我们有各平台的设计规范可以参考。设计规范可以更好的保持不同应用的一致性，让用户更易 理解，减少学习成本，也让界面看起来更友好。对产品设计者来说，认真研读规范也是个学习的 过程，帮助我们成长的更快。 之前有个PM坚决拒绝看各平台的设计规范，认为产品设计者不应该受此约束，而应该大胆发挥。他 设计的东西果然非常 菲主流”，用户使用起来不易理解。我认为即使真的想去打破什么约束，也应 该先充分的了解它，然后再在此基础去做更好的突破。 6、又笨又大”的UI风格 很多之前做W