形象生動(dòng)的畫面:移動(dòng)思維和WEB思維
隨著移動(dòng)互聯(lián)網(wǎng)的興起,移動(dòng)思維這個(gè)詞也越來越多被提起。經(jīng)常會(huì)有人問我什么是移動(dòng)思維,其實(shí)這個(gè)詞是相當(dāng) WEB 思維而言的。
總結(jié)了下:
由于物理設(shè)備的不同導(dǎo)致的使用方法和使用習(xí)慣不同。(思維是針對移動(dòng)產(chǎn)品的設(shè)計(jì)人員來說的,而對于用戶來說則是使用習(xí)慣)
用蹲廁和馬桶來分別比喻下 WEB 思維和移動(dòng)思維:

用 WEB 思維來做移動(dòng):

用移動(dòng)思維來改造 WEB:

其實(shí)不管是什么思維,只要做出來的產(chǎn)品能便于用戶使用,符合用戶使用習(xí)慣就行。WEB 思維算是移動(dòng)思維之父,但也不能全盤搬到移動(dòng)上面,還是要根據(jù)移動(dòng)的特性進(jìn)行改造。
下面我們來探討下 Web 和移動(dòng)的一些差異性:
一物理差異
物理上的差異包括尺寸上的差異和功能上的差異。
1. 尺寸的差異
PC 能在一屏呈現(xiàn)的內(nèi)容要多于智能手機(jī),盡管現(xiàn)在智能手機(jī)的尺寸是越做越大。屏幕尺寸上的差異導(dǎo)致了,WEB 和手機(jī)上設(shè)計(jì)的布局差異。

同時(shí) WEB 和移動(dòng)設(shè)備的交互方式不同。
手勢的類型要比鼠標(biāo)的操作類型要多,利用手勢的特性可以做出很多有趣新穎的交互。
但手指的點(diǎn)擊區(qū)域要比光標(biāo)要大。

并且由于移動(dòng)場景的“惡劣性”,移動(dòng)端上內(nèi)容、字體盡可能做的大些,易識別些。因?yàn)槟愕挠脩艨赡茉趽頂D的公交、地鐵上,可能在一邊走路一邊玩手機(jī)。

2. 功能的差異
相對于傳統(tǒng) PC,智能手機(jī)輕便攜帶,自帶各種傳感器。針對智能手機(jī)的獨(dú)有特性出了不少應(yīng)用:



還有基于前置閃光燈特性的手電筒應(yīng)用?;谟|摸屏特性的畫圖應(yīng)用。其他的,還有類似搖一搖,掃一掃這些功能,在傳統(tǒng)的 PC 上是很難做出來的。
所以在做移動(dòng)產(chǎn)品時(shí)要充分利用智能手機(jī)的特性。
二用戶使用習(xí)慣的差異性
移動(dòng)思維的差異性集中體現(xiàn)在這個(gè)階段,設(shè)備的物理差異導(dǎo)致了用戶使用習(xí)慣的差異性,所以產(chǎn)品設(shè)計(jì)人員的思維要在這個(gè)階段發(fā)生轉(zhuǎn)變。
我們先了分析下面幾款產(chǎn)品的進(jìn)化。
-
博客—> 微博—> instagram

可以看出,從 PC 到移動(dòng),產(chǎn)品變得越來越輕、越來越薄了

為什么會(huì)有這種變化呢?

因?yàn)橐苿?dòng)場景下,用戶的智商是很低的!甚至是文盲!

在 WEB 端,用戶會(huì)將大部分注意資源、精力都放在 PC 上。而在移動(dòng)場景下,用戶只會(huì)將少量的注意資源分配給你的應(yīng)用。例如,你可以在早高峰的地鐵里閱讀新聞 APP,你要時(shí)刻注意你周圍的人,注意地鐵是否到站,所以你分配給你的 APP 的注意力其實(shí)是很少的。
所以現(xiàn)在你該知道什么是移動(dòng)思維了:
為***設(shè)計(jì)產(chǎn)品!






























