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