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