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