移動場景中的產品設計(5)
手機的碎片化時間,也決定了內容的跳躍性和片段化的閱讀。這些都將讓我們的文案要考慮的更精簡,表意更明確,讓用戶在最短的時間內能了解到信息所要表示的意思。所以產品的反饋提示文案,特別是短暫出現的浮層提示,盡量在最快的時間內,提示用戶需要的信息點。
屏幕
Web場景:pc擁有更大的屏幕,所以設計更復雜,也更開放
移動場景:手機的小屏幕,設備隱私性更強,簡單,私密
設計啟示:聚焦核心點,內容優(yōu)先…
關注用戶的主要任務流程,明白用戶最需要什么,不要讓太多的流程分支來干擾用戶任務。移動產品不應該是簡單的挪動pc上的設計,將什么功能和操作都暴露出來,所以我們需要適時出現需要的功能。這就需要更聚焦的設計,聚焦設計可以從刪除、組織、隱藏和轉移幾種方式入手。
智能手機屏幕空間主要尺寸:
智能手機用戶在使用過程中對屏幕尺寸的感覺:
大部分的使用用戶還是感受到屏幕有點小。設計的時候就需要考慮到最大化內容,充分利用屏幕?,F在就有很多應用,將導航欄與工具欄在默認的時候顯示,向下瀏覽的過程中收起,往回瀏覽的時候顯示出來。如google搜索:
天貓的搜索結果頁的導航欄和篩選在頁面滑動的過程中,隱藏起來,讓寶貝最大化顯示,用戶的空間感更大,也是考慮到過程中讓用戶沉浸在內容中,不打攪到用戶。
任務窗體
Web場景:多任務進行,可同時進行多項任務,邊聽歌邊任務
移動場景:單任務窗體
設計啟示:信息扁平化,減少切換,縮短路徑…
設計啟示:信息扁平化
想想我們平時在pc上,多愜意,可以邊淘寶邊聽歌,還順便看看電影。在移動設備上基本是不可能的,因為它的單任務窗體。所以平時在Web設計中,我們注重信息廣度和深度的平衡,但手機產品的單任務窗體,將決定信息架構的扁平化,扁平化的好處是用戶只需要較少的路徑,打開更少的窗體,就能找到自己想要的信息。手機頁面基本上都沒有網頁的面包屑,每個進入的窗體,都需要一級一級返回。
所以在考慮整個任務流程的時候,就應該用更少的路徑,滿足了用戶操作,達到產品的連續(xù)性和效率的提升。最新版的evernote,就利用了架構扁平化的原則,如下圖,在導航欄的上方放了多卡片的入口。這樣的設計讓用戶只需1-2步就到達全部筆記、分類筆記、標簽、地點等內容。用戶可以很直觀、方便地在各個內容間切換:單擊或拖拽卡片頂部,版塊內容就會放大展現,且能預覽到相應的模塊。這些設計都極大的提高了此應用的使用效率。
本文地址:http://m.likemindfilms.com/tutorial/wd1309.html