形象生动的画面:移动思维和WEB思维

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

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

总结了下:

由于物理设备的不同导致的使用方法和使用习惯不同。(思维是针对移动产品的设计人员来说的,而对于用户来说则是使用习惯)

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

用 WEB 思维来做移动:

用移动思维来改造 WEB:

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

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

一物理差异

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

1. 尺寸的差异

PC 能在一屏呈现的内容要多于智能手机,尽管现在智能手机的尺寸是越做越大。屏幕尺寸上的差异导致了,WEB 和手机上设计的布局差异。

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

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

[[127827]]

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

并且由于移动场景的“恶劣性”,移动端上内容、字体尽可能做的大些,易识别些。因为你的用户可能在拥挤的公交、地铁上,可能在一边走路一边玩手机。

2. 功能的差异

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

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

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

二用户使用习惯的差异性

移动思维的差异性集中体现在这个阶段,设备的物理差异导致了用户使用习惯的差异性,所以产品设计人员的思维要在这个阶段发生转变。

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

  • 博客—> 微博—> instagram

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

为什么会有这种变化呢?

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

在 WEB 端,用户会将大部分注意资源、精力都放在 PC 上。而在移动场景下,用户只会将少量的注意资源分配给你的应用。例如,你可以在早高峰的地铁里阅读新闻 APP,你要时刻注意你周围的人,注意地铁是否到站,所以你分配给你的 APP 的注意力其实是很少的。

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

为***设计产品!

责任编辑:林师授 来源: 百度多酷UED
相关推荐

2015-06-05 14:10:25

WEB思维形象生动

2022-12-27 08:43:18

系统思维设计思维创新

2023-01-04 10:24:42

2020-09-22 15:30:19

技术研发思维

2021-07-02 09:05:16

网络技术网络协议网络

2017-03-19 20:41:57

WebAssemblyJavaScript编程

2021-01-11 10:14:41

思维学习方式

2018-08-30 18:30:19

区块链思维中心化

2018-08-03 10:25:53

区块链大数据比特币

2014-09-05 10:15:41

函数式编程

2021-05-07 05:54:43

数据库数据湖数据

2022-12-30 10:37:39

QA测试

2023-08-25 13:18:35

思维训练

2023-09-07 13:56:45

2018-09-11 20:24:50

2021-07-06 14:17:16

MLOps机器学习AI

2019-08-27 09:34:29

数据科学统计机器学习

2019-10-12 13:17:16

技术研发指标

2022-09-26 14:07:56

设计思维研发管理测试

2011-04-13 10:04:09

点赞
收藏

51CTO技术栈公众号