【设计思维】移动思维和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-03-13
  • 交互设计入门–了解交互设计

    之前写过类似的文章,想写的东西太多,结果什么都没讲明白。所以重新写一套入门的教程,分「了解交互设计」、「交互设计的职能范围」、「交互设计的常用方法」……几个章节把我对这门行业的理解和经验做个分享。

    2017-08-04
  • UI设计师工作必备的七个设计神器

    今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版、配色、切图到标注、预览,都有对应的良心神器推荐 ,非常适合刚入门的UI设计师,当然,有两款谷歌刚出的神器,也值得老手们来瞧一瞧。

    2017-05-31
  • 人鸡交互 VS 人机交互

    交互就是一名翻译官,一个机器和人类的翻译官。

    2017-05-06
  • 界面交互动效核心知识的分类与总结

    这篇文章是基于我自己的理解对界面交互动进行了分类整理和总结。

    2017-05-02
  • 中国app产品UI在歪果仁眼里是怎么样子的?-Dan Grover

    小木导读:中美用户习惯的和文化的不同,造成了设计很多的不同。看惯了国内的设计,你了解外国人怎么看待我们的产品吗?接下来就可以带着疑问往下阅读。

    2014-12-30
  • ​50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载

    50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载素材下载方法:长按识别二维码,用微信扫描或者长按识别二维码即可加入。并不是只是下载这个素材。超过200G精品素材全部任意下。素材不断更新,添加。。。有任何问题,请联系微信uisheji----------------------------------------欢迎订阅,查看更多精品UI设计素材下载,请关注公众号mobileui

    2018-04-08
  • 打造优秀语音交互体验的设计建议

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn回顾人机交互发展是「技术进步」与「载体创新」交替螺旋促进在推动着人获取信息的效率不断提升,成本不断降低。AlphaGo先后打败李世石和柯洁,百度发布自动驾驶系统「阿波罗」这一次由AI引领的技术进步正在发生。基于大量纯净数据的深度学习给人工智能带来的了巨大的进步,这种进步主要体现在三个维度。认知能力– 基于用户行为的画像,将人机交互从「单向」关系带入...

    2018-01-30
  • 进入第四个模块——用户体验。

    之前三个模块,我们希望解决的问题是你能够情绪纠偏、认知纠偏,不再只从原生感受上来看问题。接着我们讲的是建设系统的能力的用户体验。厚积薄发,“厚积”是系统能力,“薄发”是表面的呈现,就是用户体验。同维度竞争的时候,用户体验更是最核心的竞争力。用户体验第一课用户体验的五层要素《用户体验要素》这本书里提到:“用户体验的要素,来自5个层次的层层选择与叠加建设。”这五层分别是:感知层;角色框架层;资源结构层;能力圈范围层;战略存在层。1、最核心的...

    2018-02-05
  • 案例分析|社交网络产品LOGO设计系统

    在SNG(腾讯社交网络事业群)品牌系统语言里,LOGO系统承载品牌视觉的最核心容器,是整个品牌视觉系统的灵魂,是品牌的精神文化理念、信誉、服务等特点的浓缩表现,直接影响着社交网络品牌的发展。本文核心剖析社交网络产品LOGO设计系统。

    2017-05-09