首先是在用戶進(jìn)入APP之后,首先看到的是首頁(yè),為此首頁(yè)需要為用戶帶來(lái)更好的第一印象。而對(duì)于移動(dòng)端產(chǎn)品來(lái)講,主要的感知覺(jué)傳遞主要是來(lái)自于視覺(jué),而對(duì)于顏色是主要作用與視覺(jué),為此產(chǎn)品的整體色調(diào)選擇淡綠色,因?yàn)榫G色代表清新、希望,為此其能夠通過(guò)為用戶傳遞來(lái)安全、平靜、舒適之感,能夠進(jìn)一步改善用戶的情緒、增強(qiáng)其愉悅感。
其次是在導(dǎo)航的布局上,主要是根據(jù)眼球視覺(jué)從左到右,從上到下的瀏覽順序進(jìn)行設(shè)計(jì),為此在頁(yè)面的設(shè)計(jì)中,在頂部為用戶提供固定搜索框,同時(shí)考慮到用戶移動(dòng)端使用場(chǎng)景與PC端的差異,再設(shè)計(jì)上盡量簡(jiǎn)化操作環(huán)節(jié)。而搜索功能的設(shè)計(jì)能夠讓用戶在有明確的購(gòu)物需求之后,能夠在最短的時(shí)間內(nèi)搜索到需求的產(chǎn)品,另外在對(duì)用戶輸入的內(nèi)容提供自動(dòng)匹配服務(wù),節(jié)省淘寶貝的時(shí)間成本,進(jìn)而為用戶帶來(lái)良好的體驗(yàn)。
再次是在頁(yè)面的分類導(dǎo)航,主要是通過(guò)把團(tuán)購(gòu)商品按大類進(jìn)行區(qū)分,設(shè)計(jì)引導(dǎo)入口,使得服務(wù)能夠快速直達(dá)用戶需求。在每個(gè)分類的設(shè)計(jì)中,采用了易識(shí)別的圖標(biāo)作為標(biāo)示,降低用戶的閱讀成本。在不同類別之間設(shè)計(jì)符合 Gestalt Principle 的 proximity 原則,采用了不同的背景顏色,讓用戶知覺(jué)對(duì)不同類別進(jìn)行辨識(shí)。而在各個(gè)類別中間部分提供相同間隔的留白,符合 similarity 原則,讓用戶感受到所有小的類別聚合起來(lái)就是一個(gè)導(dǎo)航的整體,這種設(shè)計(jì)對(duì)于沒(méi)有明確購(gòu)物需求的用戶能夠起到一種促進(jìn)消費(fèi)的沖動(dòng)。
最后是出現(xiàn)在美團(tuán)團(tuán)購(gòu)APP制作頁(yè)面底部的固定 Tab 導(dǎo)航,主要作用是對(duì)不同功能區(qū)的全局切換導(dǎo)航。因?yàn)閷?duì)于屏幕空間有限的APP來(lái)講,所有內(nèi)容是不可能完全展示出來(lái)的,為此在Tab 導(dǎo)航和側(cè)邊抽屜導(dǎo)航等方式,前者能夠讓用戶清晰認(rèn)知產(chǎn)品結(jié)構(gòu),減少多余操作。而側(cè)邊抽屜導(dǎo)航的實(shí)用性更強(qiáng)。