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