起底:移动产品和web端产品之间的不同

作者: JasionDai | 来源:发表于2015-10-24 17:27 被阅读736次

整理为知笔记时候看到了之前保存下来的一篇文章,把移动端和web端设计的区别讲的很到位,详细内容如下:

说到移动产品的设计需要考虑的因素其实有很多方面,我在这里呢大致归纳成以下的几点:

一、首先,要了解移动产品和web端产品之间有什么不同。从自身属性和结构来说,移动端偏向于手势操作,而且受限于屏幕尺寸的大小,尤其是还受限于网络环境——3G网络、4G网络,甚至是已经落后的2G网络,都会影响到用户体验移动端的产品。因此,移动产品设计首要需要考虑屏幕的适配,手势操作需符合用户习惯,图文的配置需要考虑到用户使用场景的限制因素,产品里的透露的信息是否可以满足用户在网络不良情况下也可以操作自如,无忧浏览。

二、场景多样化。用户使用移动端的产品的时候,是不会在固定的一个位置操作的,而且他们的操作习惯更偏向于间隔性强,次数多——如地铁,公汽,逛街,都是随时变换位置的,而上车、下车、乘坐扶梯时候为了安全都不会去关注手机——因此,需要考虑你的产品会不会干扰用户或者占用用户过多精力,要注意避免去影响用户的正常做事,或者过于在不断变换的场景中过于集中在这款产品上,而发生事故或意外。

三、利用手机特有的硬件设备。这里要说的第三点,也是我在第一点里谈到的——需要符合用户的手势操作习惯,比如手机端有重力感应器,加速度传感器,位置传感器,压力传感器等,这些都是我们设计移动产品时候可以借鉴的,但不能去擅自修改的。比如,明明是利用重量感应器来完成的操作,你却让用户利用加速度传感器来完成——这显然是不行的。

四、需要认真考虑其产品实现的方式。一般产品类型有三种:①Native App原生应用(优势在于:最佳的用户体验,交互和操作流畅,还能节省带宽成本,轻松调用各类传感器、相机等产品功能,还可推送;但其缺点在于成本高,容易导致维护之后,出现用户群体难以维持的情况);②webApp的网页应用(优势在于:可实时更新,不需要针对平台开发,因而成本低,直接访问网址即可;但缺点在于不能很好调用手机里的功能,推送功能也弱,导致性能下降,浏览器适配容易有问题,缓存也小);③Hybird App复合式应用(最好的实现方式,充分将①和②中的优缺点互补,微信红包就是一个很好的例子,其native app设置了红包的入口,而web app是一个抢红包的过程)

五、下面说说移动产品设计在平台之间操作需要注意的细节。 平台之间的差异也是移动端app产品设计需要考虑的地方,比如Android和iOS系统之间,iOS通过手势完成,而Android有时候还会有实体按键,因而设计时候需要了解你的目标用户用的什么类型的手机。

六、再来需要考虑一下移动产品的信息架构形式是怎样的——比如层级式?还是辐射式?或者套娃式?还是标签视图?等等的信息架构形式。但最重要的一个点是要考虑其层级结构不要过于繁杂或者冗长,尽量控制在3-4个层级结构之间最佳,避免层级结构过长让用户萌生操作困难或者繁琐的想法。

七、此外,还要考虑如何把用户体验做到最佳,前面我说到过移动产品的体验会受到使用场景和设备的限制,因而会影响用户的体验,所以设计时候需要从人体工程学,手势操作,转场过渡,交互形式上仔细从用户的角度出发来进行移动产品端的设计。

八、接着,还需要注意的是,用户其实更希望的是用便捷的方式来一键达成想要的操作,在设计的时候更多的是——基于用户的心智模型来设计用户的界面。尽量给用户多参考少输入,用标签或者热搜词,甚至是简单的字母搜索来方便用户操作。比如,地理位置的自动定位就是一个不错的设计;自动保存用户的输入结果也是一个让用户减少操作的设计。

九、单独再强调出来的一个点,在设计移动产品的时候一定要根据用户的使用场景来设计产品。

十、最后,设计移动端产品的时候,千万不要让用户等待任务完成,要让用户自己去发现更多有意思的地方,才能激发用户对你这款产品的兴趣,才能更好的留住你的用户。

相关文章

  • 起底:移动产品和web端产品之间的不同

    整理为知笔记时候看到了之前保存下来的一篇文章,把移动端和web端设计的区别讲的很到位,详细内容如下: 说到移动产品...

  • 产品经理的初步接触

    目前你的产品按照终端可以分为三类:PC端,WEB端(包括WAP),移动端。对于目前而言对于移动端和WEB端的产品经...

  • 关于移动应用消息处理一些总结

    与web端产品不同,移动端app与用户更贴近,移动设备时刻在用户身边,全天24小时开机联网,信息到达率相比web端...

  • EDM消息推送产品设计案例

    针对web社区性产品,你会如何设计消息推送? web端产品因为特殊的产品使用场景(在PC场景,非移动),通常我们会...

  • 产品经理以为的响应式,还并不简单

    如何让web产品快速支持移动端? 许多产品新人可能会挑选响应式做产品的设计方案。因为响应式带来的前端体验和设计长得...

  • 产品经理以为的响应式,并不简单

    如何让web产品快速支持移动端? 许多产品新人可能会挑选响应式做产品的设计方案。因为响应式带来的前端体验和设计长得...

  • Day 1——规划

    1.仿照移动端或PC端还原产品中保真原型 内容:1)分解产品界面并分级,画出产品界面之间的关系 2)...

  • 提升招聘资格

    1.负责公司产品线相关的WEB、移动端界面视觉设计; 2.根据产品原型补充产品交互细节; 3. 持续对已有产品视...

  • PC端的软件界面设计思考(上)——差异篇

    随着移动互联网时代的到来,移动端的产品越来越受到重视。在规划产品时,往往会把移动端和PC端的产品放在同等重要的地位...

  • 移动端搜索功能研究

    搜索功能无论在web端还是移动端,都是产品中十分重要的功能。文章主要从用户体验和产品功能、策略角度来分析,提出一些...

网友评论

    本文标题:起底:移动产品和web端产品之间的不同

    本文链接:https://www.haomeiwen.com/subject/enothttx.html