【设计思维】移动思维和WEB思维

文章目录[隐藏]

1

随着移动互联网的兴起,移动思维这个词也越来越多被提起。经常会有人问我什么是移动思维,其实这个词是相当WEB思维而言的。

我总结了下:

由于物理设备的不同导致的使用方法和使用习惯不同。

(思维是针对 移动产品的设计人员来说的,而对于用户来说则是使用习惯)

我用 蹲厕 和 马桶来分别比喻 下 WEB思维 和 移动思维:

2

用WEB思维来做移动:

3

用移动思维来改造WEB

4

其实不管是什么思维,只要做出来的产品能便于用户使用,符合用户使用习惯就行。WEB思维算是 移动思维之父,但也不能全盘搬到移动上面,还是要根据移动的特性进行改造。

下面我们来探讨下 Web 和 移动 的一些差异性:

一.物理差异

物理上的差异包括 尺寸上的差异 和功能上的差异

1.尺寸的差异

PC能在一屏呈现的内容要多于智能手机,尽管现在智能手机的尺寸是越做越大。

屏幕尺寸上的差异导致了,WEB和手机上设计的布局差异

5

同时WEB和移动设备的交互方式不同。

手势的类型要比鼠标的操作类型要多,利用手势的特性可以做出很多有趣新颖的交互

6

但手指的点击区域要比光标要大。

【设计思维】移动思维和WEB思维

并且由于移动场景的“恶劣性”

移动端上 内容、字体尽可能做的大些,易识别些。因为你的用户可能在拥挤的公交、地铁上,可能在一边走路一边玩手机。

8

2.功能的差异

相对于传统PC,智能手机轻便携带,自带各种传感器。针对智能手机的独有特性出了不少应用:

9

10

11

还有基于前置闪光灯特性的 手电筒应用。基于触摸屏特性的 画图应用。其他的,还有类似 摇一摇,扫一扫这些功能,在传统的PC上是很难做出来的。

所以在做移动产品时要充分利用智能手机的特性。

二.用户使用习惯的差异性

移动思维的差异性集中体现在这个阶段

设备的物理差异导致了用户使用习惯的差异性

所以产品设计人员的思维要在这个阶段发生转变

我们先了分析下面几款产品的进化

博客—> 微博—> instagram

12

可以看出,从PC到移动,产品变得越来越轻、越来越薄了

13

为什么会有这种变化呢?

14

因为移动场景下,用户的智商是很低的!甚至是文盲!

15

在WEB端,用户会将大部分注意资源、精力都放在PC上。

而在移动场景下,用户只会将少量的注意资源分配给你的应用。

例如,你可以在早高峰的地铁里阅读新闻APP,你要时刻注意你周围的人,注意地铁是否到站,所以你分配给你的APP的注意力其实是很少的。

所以现在你该知道什么是移动思维了:

为弱智设计产品!

16

 更多讨论请关注:木卫艾欧资讯站,官方微信:Aioued ; 木卫艾欧官方微博:@木卫艾欧网;https://www.iamue.com/ued.xyz
  交互学堂站,官方微信:IxDSchool;官网:www.JhxT.org ; QQ群:156360020

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/1618/

(0)
iouedioued
上一篇 2014-11-28 16:14
下一篇 2014-12-01 12:02

相关推荐

  • mBack交互方式分析

    本文作者将对魅族最新研发的交互方式—mBack进行分析,从谈论手机操作系统方式与电脑的操作系统方式有着两个较为明显的差异,到分析mBack的缺点,值得一看。乔布斯说:伟大的产品都是只有一个按键的。在已经将交互优化到已经不能再删减时,如何有效的组织和隐藏就显得尤为重要。随意性用户可能使用过类似的产品或服务,有兴趣使用更为复杂的产品,但是不愿意接触全新的产品,除非新功能足够简单。主流用户是最大地群体。他们使用产品的目的是完成任务,他们永远也不会产生学会所有功能的想法。

    2017-05-01
  • 未来美甲店一定赢在“用户体验” | 互联互生

    咱们来假想一个情景,你到一个新公司第一天上班,你刚到公司门口,就有一位打扮非常正式的女士专门迎接你。她领着你在公司走了一圈,介绍了各部门的情况,然后把你送到你的办公桌。你发现办公桌上挂着一个横幅,上面写着“新人在这儿!”全公司都能看见。你打开电脑,屏幕是一张代表公司理念的美丽图片。办公桌上有一份给你的礼物,是不锈钢做的一个公司产品的模型。你刚连上电子邮件,就收到 CEO 亲自写给你的信,对你各种鼓励、希望你能度过愉快的一天,也希望你在公...

    2018-04-29
  • web表格设计攻略

    在后台管理系统、数据类产品等的设计中,表格作为一种常见的信息组织整理手段,甚至是web页面的基础设施之一,其重要性不言自明。结合最近做的几个项目和相关设计经验总结,特此整理出这样一篇设计攻略,希望能够对你的设计有所帮助。

    2017-04-28
  • iOS和Android规范解析——标签导航和分段控件

    从今天开始,将介绍iOS和Android设计规范中关于导航的部分。今天要介绍的两个控件,经常容易混淆以至于用错。请各位读者仔细阅读,防止以后用错。

    2017-08-04
  • 苹果旧金山字体的秘密

    iOS 9如今已公开发布。带来了一些细微的变化,但iOS 9的系统字体变成了苹果新推出的旧金山字体,代替了之前用的Helvetica Neue。

    2017-06-03
  • 用户体验是建立在牺牲员工利益之上的

    这事发生在国外,其实真实情况未知。纽约时报出了一篇报道,称亚马逊逼流产员工立刻回来上班,很不人道有没有?

    2017-06-04
  • 如何向面试官介绍「交互设计」作品?这篇绝对是最全面的!

    招聘季,无论新人还是交互老鸟,都将在「互联网公司鄙视链」上挣扎翻滚。面试官常会要求:介绍一下你的作品…..如何展示交互作品这件事,这篇文章系统总结一下。

    2017-05-25
  • 这样学Axure,效果显著,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期开启报名!从第1期到现在,1800多位同学学习成长,这是1800多位同学的经验贴。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)0基础的Axure新手,如何才能更快达到高薪产品经理的Axu...

    2018-03-18
  • 在网页设计中,图片常用的五点技巧

    图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体,图片对于网页设计师而言至关重要。如何用好图片已经成为了一项成熟、完善而又讲究的技巧,而在高清屏幕无处不在的今天,稍有瑕疵的图片都在高密度的像素下无所遁形,而不合理的图片设计也不会逃过访客的双眼。很简单,色彩会让观看者分心。

    2017-05-07
  • 清华美院交互设计考研相关问答

    分享考研资料集:你的问题我来答!一考研资料福利贴这是新蕾北京公众号第001篇资料帖今天分享的是清美交互设计考研相关资料汇总针对此专业考研相关问题我们一一作出解答01进入通道报考清华大学美术学院交互设计研究生,可以报考两个方向,一个是信息艺术系的交叉学科硕士的交互设计方向,另外一个是信息艺术设计系的信息艺术设计的普通硕士,但是他们的考试内容有较大差异,进校后都可以学习交互设计,导师组基本相同,由于近年来大部分招生名额倾向于交叉学科,本文重...

    2018-04-28