【设计思维】移动思维和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

相关推荐

  • 交互设计中的人为本与用户需求究竟谈的是什么?

    以人为本和建立用户需求,是开展交互设计的首要任务。以人为本指的是:理解用户,理解人的感知和认知的本质,分析用户的思维模型。如何理解以人为本以人为本的两种理解:人本工具论之说和人本实质伦之说。人本工具论:这是从统治者角度出发的,出于实现自身利益的需要,把以人为本作为实现其利益的一种手段。这是伪以人为本、虚假的以人为本。人本实质伦:这是从人的立场出发,以人的自身角度研究问题的“人本观”作为出发点。在满足人的需求时,还应考虑对交互系统可持续发...

    微信热点 2018-02-26
  • Axure RP 8 入门手册 – 第6章(一)

    第6章概要与检视功能第1节概要功能第2节检视功能-页面样式第3节检视功能-页面说明第4节检视功能-页面属性第5节检视功能-元件命名第6节检视功能-元件样式第7节检视功能-元件说明第8节检视功能-元件属性第9节检视功能-元件交互第10节检视功能-组合属性第1节概要功能千语:楼叔,我在做原型的时候,画布里面有很多元件,有的还被别的元件盖住,选起来很不方便,有没有什么好的方法呀?小楼:别急,大妹子!Axure的概要面板中能够很方便的管理元件,...

    2018-04-22
  • 稳健中求发展,中普集团兼顾合规安全与用户体验

    互联网金融行业在中国发展已有十余年,金融市场几经波折后进入合规发展阶段,2018年可谓是监管最为严格的一年,优胜劣汰,有实力的平台纷纷积极拥抱监管,合规运营。中普集团作为科技金融的重要践行者和普惠金融的倡导者,一直坚持“合规”运营这一核心宗旨,自成立起就坚持依法合规,诚信为本,全心全意为用户和社会着想。从2017年的金融工作会议召开以后,合规备案是整个行业最为关心的问题,也是各大平台稳健发展的核心要务。中普集团认为,现阶段平台除了要积极...

    2018-04-07
  • 那些上亿人都在看的Banner都是怎么设计出来的?

    每到一年一度的大促季,会场、页面、互动游戏,都在紧张设计之中,这些精美的页面和互动游戏,如何与用户产生联系?必然需要一条与用户连接的纽带 —— 它就是BANNER。有些人可能认为资源位的设计相对简单,但其实不然,小小的资源位承载着重大的使命,设计上自然也是下了一番功夫,那这一次的双11我 们是怎么做的?请听我细细道来…..

    2017-05-30
  • 撇开设计师的视角,普通用户是如何看待设计细节的?

    做设计久了,设计师很少能够真正站在用户的角度看待网站和APP。今天的文章,我们来聊聊普通用户眼里的设计细节~我们应该迎合用户,如果连对的东西都不能坚持,产出物的最终目标就会发生偏离,甚至完全无效。 ——@冯铁

    2017-05-13
  • 应届毕业生要从事交互设计,需要具备的3种能力

    这次的文章解决的是一个问题,主要是关于应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的入口切入,然后简单谈谈我的认识。(这篇文章会比较有趣)我努力工作,几年后要自己创业。吃得苦中苦,方为人上人。(鸡汤了一下)

    2017-05-08
  • 12家公司2018春招开启,内推进行中!20W高薪岗位面向18/19届!

    春招现已全面开启cherry整理了春招开启以来还可以内推的公司请大家仔细浏览遇到心仪公司把握住机会不要错过拿到offer才是要紧事注:以下所有公司均可通过互联派内推,后台回复【内推】即可获得内推方式!可内推公司公司:今日头条面向人群:2018届&2019届工作地点:北京、上海、深圳、武汉职位分类:研发类产品类运营类市场类职能类网申时间:2月12日起网申地址:https://job.toutiao.com/2018/公司:蚂蚁金服面向人群...

    2018-03-03
  • 腾讯设计通道晋升的过程

    作者:干货君@干货札记   本人有幸能有机会作为通道助理观摩了腾讯2016年上半年D族交互通道晋升的过程,受益匪浅。 注:D族通道是指“Tencent Design腾讯设计通道”,设计通道成立于2006年,隶属于腾讯职业发展通道设…

    交互专题 2017-08-15
  • 微信Axure原型练习和资源分享

    “我根本没把你放在眼里。”“因为你一直在我心里。”▼这是咸冬日的第叁篇文章这两天业余时间学习了axure的基本功能,做了一个简单的微信原型练练手,教程分享给大家。首先需要准备基本素材,可以从我的源文件中获取。1.设置手机主页和home热键用例。2.拖入内联框架(w273*h482),设置从不显示和隐藏边框,并链接到主页。3.设置主页交互:1)主页内拖入动态面板“内容区”(273X396),并增加4个menu状态(微信、通讯录、发现、我;...

    2018-03-10
  • 浅析用户体验在APP界面设计中的表现及应用

    如果要成功运营一款APP,第一个基本的原则就是要全线贯彻落实“以用户为中心”的理念。当今这个时代,在设计过程中能够体现出“以用户为中心”原则的设计就叫做用户体验设计。这就不得不提到两个名词:即用户体验和用户界面概念的理解。一个成功的交互产品离不开优秀的用户体验,一个高用户的App更无法脱离用户体验设计。当产品和用户之间的连接点变成了摩擦点,那么工业设计师的设计就是失败的。相反,如果产品能让人们感觉更安全,更舒适,更乐于购买,更加高效,甚至只是让人们单纯地更加快乐,那么此处的设计师是成功的。

    2017-05-15