web端和移动端产品设计的区别

移动设备发展非常迅速,移动端产品越来越多。今天小编来扒一扒web端与移动端产品设计有哪些不同。

  • 场景不同,需求不同

首先,两者对应的需求场景不同,这会相应地导致功能点的优先级变动,进而影响到界面控件和信息元素。比如,大众点评网web端优先考虑让用户写点评,而移动端更偏向于找到周围的餐馆。再比如用户在web端登录淘宝,更倾向于去“逛”和选购,但在移动端来说,因为碎片化和实时在线的特点,用户更喜欢“闪购”、“秒杀”等产品形态。不过,随着用户的盈余时间朝移动端转移的越来越多越来越明显,用户在web端和移动端的需求的差别也变得模糊起来。

  • 场景不同,用户心理也不同

在web端,展示面积比较大,展示效率也比较高,用户的耐心比较好,所以适合展示比较丰富的内容,也适合在一个页面里安排较复杂的操作;在移动端,展示面积比较小,展示效率也比较低,用户的耐心不佳,不适宜像web端那样包罗万象,而必须重点突出,产品链路也须尽可能的短。

  • 操作尺度不同

web端可以隐藏用户不太关注的元素,仅在鼠标hover时才展示出来。而手机没有hover事件,同时面积又小,逼迫设计师学会更多藏信息的方法。Web端鼠标的操作尺度比较小,点击是一件准确的事情;触屏的操作尺度就比较大,点击误差大,所以元素必须做大。这一点淘宝网页的web版和移动版是个非常良好的例子。Web版淘宝中有些小按钮能放下的功能,移动版就必须另弹界面让用户详细输入。

  • 界面布局

web端屏幕宽大,布局可以灵活一些,在产品设计时应该注意把信息有序地组织起来。如果网页比较长的话,还应该注意到越往后的,用户跳出的越多,所以网页的首屏应该放导航和最重要的区块,中部放操作比较复杂和内容比较有吸引力的区块,后部放优先级最低的以及分流用的区块等。

移动端可视区域小,布局上不同于传统网页,需要充分利用有限的空间去展示信息,需要对用户需求有更精准的把握,每个页面上呈现的元素更加精确。页面流程简单清晰,复杂的操作尽量分段展示。隐藏不常用的功能,可以将其放在侧边栏或弹出层。由于移动端是直接用手指操作,而非鼠标。所以,需要响应元素点击区域要相对明显,屏幕宽度虽小,但是上下滑动体验好,因此布局上可以多上下排列。

  • 移动端的手势操作更自然

有些web端也在用鼠标模仿手势,但毕竟不太自然。而移动端可以使用单个及多个手指进行自然的控制,是web端不可匹敌的。

  • 开发工具

移动端开发有一些jquery for mobile一类的库是专用的,不用于web端。反过来也一样,有些web端的工具在移动端不好用。

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/6191/

(0)
Smiler李想Smiler李想
上一篇 2015-06-15 09:43
下一篇 2015-06-15 09:45

相关推荐

  • 译文 | 交互设计的5大支柱

    文中提到的《交互设计最佳实践:卷1》/《用户体验设计文档指南》/《2014年Web UI模式》可在此处下载,建议先保存到网盘~

    2017-05-27
  • 小白菜们:别再用“好的文案”YY了,该醒醒了!

    不知何时起,文案写的好,竟然成了众多互联网小白追捧的热点,各种文案大师,文案叫兽,传道受业解惑,登台演讲,大讲文案的力量,貌似文案写的好,就练成了盖世神功,天下无敌了。

    2017-05-26
  • 网易游戏交互设计师分享:游戏交互设计做什么及学习的关键性方法

    嘉宾介绍 陈振华,网易游戏做交互设计师 分享主题 游戏交互该如何做,新人该如何入门 交互设计是什么 首先我们来理解下,我们平时认为的交互是什么? ONE. 用户研究,调研 TWO. 功能分析,了解一下我们这个产品,也…

    2015-12-05
  • 互联网设计的互惠原则:索取前请先给予【UXRen译#187】

    作者:凯特. 迈耶、 金. 弗莱厄蒂 |  翻译:毛毛,校审:天蛙   摘要:人类倾向于回报别人的好意,投之以木桃,报之以琼瑶。这种社会心理学理论可被应用于用户交互设计中,来获得用户的信任并让他们积极参与到你的…

    交互专题 2017-11-23
  • Adobe的UX设计系列:如何为移动应用设计错误状态

    人非圣贤,孰能无过。当人们操作用户界面的时候,错误难免会发生。有时候是因为用户做了错误操作,有时候则是由于应用本身出了问题。无论原因如何,出现的错误以及对其处理的方式,都对用户体验产生巨大的影响。糟糕的错误处理方式以及无用的报错信息会让用户感到万分沮丧,甚至会导致用户放弃继续使用你的应用程序。

    2017-05-15
  • 交互设计 — 专业四大方向解读

    随着大众对设计概念的认知不断提升,互联网行业和智能科技的发展,以及社会创新、生态环境、跨界实验、用户体验发展问题的突出显现,交互设计专业已然成为了出国留学的热门选择。无论是否为设计背景出身,是否掌握了对应的技术软件,是否对交互的原理有明确的概念,是否在产品运营和商业分析的行业中有一定的工作经验,大众都觉得自己已经熟知了交互设计专业。但实际上,尽管检索了不少学校的官网,查看了交互设计以及跨界行业运用的专业介绍,浏览了知乎网站和各类信息资源...

    2018-03-19
  • 腾讯2016年度7个创新功能,你最爱哪个?

    作者:腾讯   那么,在你眼里,创新是什么样的? 是对产品的颠覆式变革?是将原有技术植入新的领域?是新的产品和领域的开拓?抑或,只是某一个让你会心一笑的新功能? 在腾讯,每月都有微创新奖的评选,在内部开启…

    交互专题 2017-08-07
  • 四步解说,搞定吸引人的移动端详情页设计

    本文依然是关于详情页设计,涉及到了排版/构图/色彩/氛围点缀/字体等多个方面。以下是我总结了可以让你的详情页脱颖而出的四个系列的套路,兴许对你们有用!enjoy~

    2017-08-04
  • 通知邮件,潜移默化地影响着用户体验

    在打造一个产品的过程中,创业公司往往会把绝大多数的财力和精力用在开发应用或者搭建网站上,很少投入到给用户发的提醒邮件上。

    2017-05-31
  • 依靠强大品牌影响力,注重“用户体验”,“3000家企业定制酒计划”对白金酒意味着什么?

    在茅台集团白金酒公司的目标规划里,今年要选择1000家企业进行定制酒合作,未来3~5年要与3000家企业合作,打造“企业定制酒”这一细分市场的“当家品牌”。11月5日上午,华拓金服集团、神州长城股份有限公司、 永新华控股集团等数十家家国内知名企业与茅台集团白金酒公司签署战略合作协议,现场签约总额达近亿元,“定制酒计划”再迈出一步。直接面向企业需求这一细分市场,为企业打造专属的定制产品,满足其商务接待、宴请、礼赠等需求,白金酒公司确立了清...

    2018-02-01