移動(dòng)場景中的產(chǎn)品設(shè)計(jì)(5)

手機(jī)的碎片化時(shí)間，也決定了內(nèi)容的跳躍性和片段化的閱讀。這些都將讓我們的文案要考慮的更精簡，表意更明確，讓用戶在最短的時(shí)間內(nèi)能了解到信息所要表示的意思。所以產(chǎn)品的反饋提示文案，特別是短暫出現(xiàn)的浮層提示，盡量在最快的時(shí)間內(nèi)，提示用戶需要的信息點(diǎn)。

屏幕

Web場景：pc擁有更大的屏幕，所以設(shè)計(jì)更復(fù)雜，也更開放

移動(dòng)場景：手機(jī)的小屏幕，設(shè)備隱私性更強(qiáng)，簡單，私密

設(shè)計(jì)啟示：聚焦核心點(diǎn)，內(nèi)容優(yōu)先…

關(guān)注用戶的主要任務(wù)流程，明白用戶最需要什么，不要讓太多的流程分支來干擾用戶任務(wù)。移動(dòng)產(chǎn)品不應(yīng)該是簡單的挪動(dòng)pc上的設(shè)計(jì)，將什么功能和操作都暴露出來，所以我們需要適時(shí)出現(xiàn)需要的功能。這就需要更聚焦的設(shè)計(jì)，聚焦設(shè)計(jì)可以從刪除、組織、隱藏和轉(zhuǎn)移幾種方式入手。

智能手機(jī)屏幕空間主要尺寸：

智能手機(jī)用戶在使用過程中對屏幕尺寸的感覺：

大部分的使用用戶還是感受到屏幕有點(diǎn)小。設(shè)計(jì)的時(shí)候就需要考慮到最大化內(nèi)容，充分利用屏幕。現(xiàn)在就有很多應(yīng)用，將導(dǎo)航欄與工具欄在默認(rèn)的時(shí)候顯示，向下瀏覽的過程中收起，往回瀏覽的時(shí)候顯示出來。如google搜索：

天貓的搜索結(jié)果頁的導(dǎo)航欄和篩選在頁面滑動(dòng)的過程中，隱藏起來，讓寶貝最大化顯示，用戶的空間感更大，也是考慮到過程中讓用戶沉浸在內(nèi)容中，不打攪到用戶。

任務(wù)窗體

Web場景：多任務(wù)進(jìn)行，可同時(shí)進(jìn)行多項(xiàng)任務(wù)，邊聽歌邊任務(wù)

移動(dòng)場景：單任務(wù)窗體

設(shè)計(jì)啟示：信息扁平化，減少切換，縮短路徑…

設(shè)計(jì)啟示：信息扁平化

想想我們平時(shí)在pc上，多愜意，可以邊淘寶邊聽歌，還順便看看電影。在移動(dòng)設(shè)備上基本是不可能的，因?yàn)樗膯稳蝿?wù)窗體。所以平時(shí)在Web設(shè)計(jì)中，我們注重信息廣度和深度的平衡，但手機(jī)產(chǎn)品的單任務(wù)窗體，將決定信息架構(gòu)的扁平化，扁平化的好處是用戶只需要較少的路徑，打開更少的窗體，就能找到自己想要的信息。手機(jī)頁面基本上都沒有網(wǎng)頁的面包屑，每個(gè)進(jìn)入的窗體，都需要一級一級返回。

所以在考慮整個(gè)任務(wù)流程的時(shí)候，就應(yīng)該用更少的路徑，滿足了用戶操作，達(dá)到產(chǎn)品的連續(xù)性和效率的提升。最新版的evernote，就利用了架構(gòu)扁平化的原則，如下圖，在導(dǎo)航欄的上方放了多卡片的入口。這樣的設(shè)計(jì)讓用戶只需1-2步就到達(dá)全部筆記、分類筆記、標(biāo)簽、地點(diǎn)等內(nèi)容。用戶可以很直觀、方便地在各個(gè)內(nèi)容間切換：單擊或拖拽卡片頂部，版塊內(nèi)容就會(huì)放大展現(xiàn)，且能預(yù)覽到相應(yīng)的模塊。這些設(shè)計(jì)都極大的提高了此應(yīng)用的使用效率。