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