形象生動的畫面:移動思維和WEB思維
隨著移動互聯(lián)網(wǎng)的興起,移動思維這個詞也越來越多被提起。經(jīng)常會有人問我什么是移動思維,其實(shí)這個詞是相當(dāng) WEB 思維而言的。
總結(jié)了下:
由于物理設(shè)備的不同導(dǎo)致的使用方法和使用習(xí)慣不同。(思維是針對移動產(chǎn)品的設(shè)計人員來說的,而對于用戶來說則是使用習(xí)慣)
用蹲廁和馬桶來分別比喻下 WEB 思維和移動思維:
用 WEB 思維來做移動:
用移動思維來改造 WEB:
其實(shí)不管是什么思維,只要做出來的產(chǎn)品能便于用戶使用,符合用戶使用習(xí)慣就行。WEB 思維算是移動思維之父,但也不能全盤搬到移動上面,還是要根據(jù)移動的特性進(jìn)行改造。
下面我們來探討下 Web 和移動的一些差異性:
一物理差異
物理上的差異包括尺寸上的差異和功能上的差異。
1. 尺寸的差異
PC 能在一屏呈現(xiàn)的內(nèi)容要多于智能手機(jī),盡管現(xiàn)在智能手機(jī)的尺寸是越做越大。屏幕尺寸上的差異導(dǎo)致了,WEB 和手機(jī)上設(shè)計的布局差異。
同時 WEB 和移動設(shè)備的交互方式不同。
手勢的類型要比鼠標(biāo)的操作類型要多,利用手勢的特性可以做出很多有趣新穎的交互。
但手指的點(diǎn)擊區(qū)域要比光標(biāo)要大。
并且由于移動場景的“惡劣性”,移動端上內(nèi)容、字體盡可能做的大些,易識別些。因?yàn)槟愕挠脩艨赡茉趽頂D的公交、地鐵上,可能在一邊走路一邊玩手機(jī)。
2. 功能的差異
相對于傳統(tǒng) PC,智能手機(jī)輕便攜帶,自帶各種傳感器。針對智能手機(jī)的獨(dú)有特性出了不少應(yīng)用:
還有基于前置閃光燈特性的手電筒應(yīng)用。基于觸摸屏特性的畫圖應(yīng)用。其他的,還有類似搖一搖,掃一掃這些功能,在傳統(tǒng)的 PC 上是很難做出來的。
所以在做移動產(chǎn)品時要充分利用智能手機(jī)的特性。
二用戶使用習(xí)慣的差異性
移動思維的差異性集中體現(xiàn)在這個階段,設(shè)備的物理差異導(dǎo)致了用戶使用習(xí)慣的差異性,所以產(chǎn)品設(shè)計人員的思維要在這個階段發(fā)生轉(zhuǎn)變。
我們先了分析下面幾款產(chǎn)品的進(jìn)化。
-
博客—> 微博—> instagram
可以看出,從 PC 到移動,產(chǎn)品變得越來越輕、越來越薄了
為什么會有這種變化呢?
因?yàn)橐苿訄鼍跋?,用戶的智商是很低的!甚至是文盲?/p>
在 WEB 端,用戶會將大部分注意資源、精力都放在 PC 上。而在移動場景下,用戶只會將少量的注意資源分配給你的應(yīng)用。例如,你可以在早高峰的地鐵里閱讀新聞 APP,你要時刻注意你周圍的人,注意地鐵是否到站,所以你分配給你的 APP 的注意力其實(shí)是很少的。
所以現(xiàn)在你該知道什么是移動思維了:
為***設(shè)計產(chǎn)品!