移動場景中的產(chǎn)品設(shè)計(5)

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

屏幕

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

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

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

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

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

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

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

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

任務(wù)窗體

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

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

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

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

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

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