神器介紹!頁面設(shè)計(jì)體驗(yàn)優(yōu)化工具Ptengine(4)

 

　　很多設(shè)計(jì)師認(rèn)為他們以自己為聰明的想法來設(shè)計(jì)ui，但是通過實(shí)際的用戶體驗(yàn)測試來告訴你，何種設(shè)計(jì)是最好的？

　　如果你是一個(gè)網(wǎng)頁設(shè)計(jì)師下面幾個(gè)問題你需要首先問問自己。

　　以下所有的例子都是通過Ptengine Heatmap來分析的，這樣可以使設(shè)計(jì)師很容易理解用戶對網(wǎng)站的那些部分感興趣。

1. 巨無霸的bannner廣告真的是一個(gè)有效的產(chǎn)品廣告方式么?

　　一旦你的網(wǎng)站有了一個(gè)巨無霸廣告圖，這意味著頁面空間將都會被這張圖占用，所以你必須有一個(gè)非常好的設(shè)計(jì)才能吸引用戶的點(diǎn)擊。這里有一個(gè)使用 Heatmap分析過的甜品網(wǎng)站截圖。我們立刻可以看到，bannner點(diǎn)擊非常少。如果我們通過頁面分析更深入的了解一下，我們會發(fā)現(xiàn)第一屏只有2% 的人點(diǎn)擊bannner。很顯然bannner的設(shè)計(jì)是為了讓用戶去接受更多美食信息，而用戶卻通過主導(dǎo)航和搜索來自主瀏覽他們喜歡的內(nèi)容。

 

2. 最好的地方你應(yīng)該放什么內(nèi)容?

　　很多設(shè)計(jì)師都在安排一些內(nèi)容在網(wǎng)站不同的地方。但是你要知道這樣放對于你的用戶來說是否有效。這里有2個(gè)例子展示好的廣告圖被放倒了糟糕的位置。

　　第一種情況仍是對這個(gè)蛋糕網(wǎng)站的分析。有幾個(gè)有吸引力的甜點(diǎn)食譜放在了首頁底部，有大量的用戶點(diǎn)擊，但是只有37%的用戶是看到了頁面的這個(gè)位置。所以設(shè)計(jì)師應(yīng)該把“殺手級”的內(nèi)容放到更突出的位置，不是這樣么？

 

 

 

　　我們的第二個(gè)案例也發(fā)生了同樣的事情（一個(gè)賣鞋的電商網(wǎng)站）。這個(gè)網(wǎng)站有很多的鞋產(chǎn)品列表在這么長的一個(gè)頁面上，你要清楚哪個(gè)類型的商品是你的用戶最關(guān)注的。雖然只有20%的來訪者訪問到了最底下，但是這里的鞋子的點(diǎn)擊率卻是這么高，這里的產(chǎn)品似乎對他們非常有吸引力。

 

3. 你必須總是給圖片加鏈接么?

　　在網(wǎng)頁中圖片的表現(xiàn)能力總是文字更好，但是你的設(shè)計(jì)不能敗于直接引導(dǎo)用戶去一個(gè)地方，你必須用一個(gè)富有意義的圖片。這里有一個(gè)著陸頁的例子，看這個(gè)頁面的heatmap分析，我們可以看到一些點(diǎn)擊在圖片上，我們知道這些用戶想看更多的關(guān)于這圖片的詳情。

 

 

　　這里的第二個(gè)案例是手機(jī)設(shè)備的幫助中心頁面。我們可以注意到電話號碼有不少點(diǎn)擊，但是這只是文字。用戶是期望點(diǎn)擊這個(gè)號碼就能打電話，如果你不想失去目標(biāo)用戶，你最好改進(jìn)你的設(shè)計(jì)。

 

 

4. 我的網(wǎng)頁底部設(shè)計(jì)得足夠好么，會被用戶點(diǎn)擊么?

　　請看下面的例子。在女裝區(qū)域，設(shè)計(jì)師用了hot標(biāo)簽去吸引潛在的女性客戶點(diǎn)擊，雖然使用了粉紅色，但是表現(xiàn)也并不好。更加明顯的是，在男裝區(qū)域用的藍(lán)色標(biāo)簽點(diǎn)擊更少。這樣我們能明白，不管設(shè)計(jì)師如何思考，除非去研究用戶，否則都是低效的。

 

　　偉大的設(shè)計(jì)師不僅僅是有良好的經(jīng)驗(yàn)和想法去建設(shè)一個(gè)完美的網(wǎng)站，而且也要知道如何去調(diào)整自己的設(shè)計(jì)，并能根據(jù)用戶體驗(yàn)，獲取更高的轉(zhuǎn)化率。Ptengine是一個(gè)偉大的工具，可以幫助完美獲取訪問者的數(shù)據(jù)，這樣就有堅(jiān)實(shí)的后盾去分析自己設(shè)計(jì)的有效性。如果你想成為一個(gè)偉大的設(shè)計(jì)師，請嘗試使用這個(gè)夢幻般的熱圖和分析工具（Ptengine）吧！