當設計遭遇用戶預期——案例研究
上圖的三幅圖像中,均展示了用戶想在電商網(wǎng)站中看到的元素。即便你從未上過此類網(wǎng)站,也能夠快速認同這種設計。
我們常說一句話"了解-掌握-深入",這種符合用戶預期的設計,完全可以跳過了解/用戶指引/用戶教學流程,讓用戶快速上手,用戶上來就處于“掌握”階段。他們能大致了解功能、理解界面劃分,這便是高認知流暢的界面設計。
我們來看看下面這個案例 Skinnyties.com的網(wǎng)頁重設計。(這也是一個電商網(wǎng)站)
之前:
之后:
改版后的幾個關鍵點:
遵循了上面提到的電商類網(wǎng)站用戶預期原型圖。
大量留白,凸顯出更多的可點擊區(qū)域。
“精”而“美”,分辨率高,單一產(chǎn)品的簡約性得到凸顯,采用了對照色來作為視覺強調(diào)。
重設計后,新網(wǎng)站上線3周后的數(shù)據(jù)統(tǒng)計:
轉化率提高l了13.6%,跳出率降低了23.2%,各設備用戶增長率42.4%。
這款重設計本身,談不上多出彩。僅僅簡單的滿足了用戶預期,對應上了用戶對于電商網(wǎng)站的“模板”而已。新的設計“更開放”、響應式,設計元素一致。
和老版相比,重設計非常明智,減少元素,減少用戶的判斷和選擇,讓用戶實現(xiàn)快速購買。
平面設計
工業(yè)設計
CG插畫
UI交互
室內(nèi)設計
建筑環(huán)境