UI網(wǎng)頁設(shè)計中新手易犯的7個細(xì)節(jié)錯誤

網(wǎng)站設(shè)計和網(wǎng)站建設(shè)相互關(guān)聯(lián)，當(dāng)網(wǎng)頁設(shè)計并不滿足用戶的需求時則網(wǎng)站也和用戶需求格格不入。盡管用戶瀏覽的是網(wǎng)頁，但是用戶層面上其理解為一個網(wǎng)站，好與壞則是網(wǎng)頁設(shè)計決定了網(wǎng)站建設(shè)，這就是細(xì)節(jié)決定了成敗、網(wǎng)頁決定了網(wǎng)站。在互聯(lián)網(wǎng)的產(chǎn)品圈內(nèi)，用戶體驗是被格外推崇的，幾乎每一個用戶都會將其掛在嘴上，然而對于一個設(shè)計師職業(yè)的新手而言，用戶體驗感一次只是波瀾壯闊的形容詞罷了，在技術(shù)沒有完善之前用戶體驗都是后面的事，所以新手設(shè)計師在進(jìn)行UI網(wǎng)頁設(shè)計時需要從細(xì)節(jié)入手，盡力增強(qiáng)用戶體驗。

 

 

互聯(lián)網(wǎng)時代的今天，網(wǎng)絡(luò)競爭力之大讓互聯(lián)網(wǎng)企業(yè)對同行競爭不得不重視，一旦忽視了同行將會造成個人發(fā)展?jié)摿Φ南陆?，除非其行業(yè)中屬于壟斷市場型，體驗為王的時代誰能夠讓用戶喜歡并且依賴，誰就是勝利者。

 

 

一、互聯(lián)網(wǎng)用戶認(rèn)為不好的用戶體驗

 

 

1. 頁面加載時間長！很長！特別長！超級長！

 

 

在網(wǎng)站建設(shè)總體來說，當(dāng)用戶進(jìn)入一個網(wǎng)站后，如果網(wǎng)頁在30s內(nèi)沒有被加載出來（當(dāng)然包括用戶自己的原因，網(wǎng)速，帶寬，電腦運(yùn)行速度等），都會讓用戶不喜歡甚至討厭你的網(wǎng)站。當(dāng)然30s是理論上的說法，像現(xiàn)在一般的電商網(wǎng)站，都是要求在3s內(nèi)加載出來。實在加載不出來，那就想想如何預(yù)加載吧，「騙」用戶先留下來等我加載完。時下，網(wǎng)站可能快要過時了，大部分人都是通過手持設(shè)備進(jìn)行網(wǎng)上沖浪的。在手機(jī)端，app內(nèi)一般好的體驗，都是無等待間隔的加載，除非實在需要耗費(fèi)巨大流量的情況下才允許讓用戶等待。當(dāng)然聰明的設(shè)計師常常會使用有趣的加載動效，圖片的預(yù)加載等。

 

 

2. 無限制的使用各種炫酷的動效

 

 

不可否認(rèn)的是，在一些app應(yīng)用內(nèi)，適當(dāng)?shù)挠靡恍┯幸馑?，符合產(chǎn)品調(diào)性的動效，可以給用戶帶來眼前一亮的不同體驗。但是無限制的使用各種動效，造成app的內(nèi)存大，耗手機(jī)資源，在用戶體驗方面可以說不是一般的差。主次不分，讓用戶根本沒辦法聚焦產(chǎn)品的核心功能。

 

 

3. 頁面排版過長

 

 

網(wǎng)站建設(shè)時可能某些產(chǎn)品設(shè)計及界面設(shè)計沒有考慮到網(wǎng)站的結(jié)構(gòu)、信息的布局和展示，在排版上不符合用戶所需求的要求，一般很少有用戶有興趣看幾屏以后的內(nèi)容 。90%的用戶，打開一個頁面，只瀏覽第一、二屏的內(nèi)容，就以為看到了主要內(nèi)容，而不會向下滾動。在產(chǎn)品設(shè)計中，一個過長的頁面很容易引起瀏覽者的視覺疲勞，更何況大部分瀏覽者很有可能在瀏覽一屏后，切換至其他模塊中去了。

 

 

4. 不友好的導(dǎo)航

 

 

產(chǎn)品導(dǎo)航有很多類型，如漢堡導(dǎo)航、標(biāo)簽欄導(dǎo)航、拖動導(dǎo)航等等。不友好的導(dǎo)航是最影響用戶操作的，不能讓用戶很方便的找到自己想到的內(nèi)容。用戶無法完成線性操作（用戶來到一個頁面不知道如何返回上一頁，不知道當(dāng)前頁面是在哪個欄目下的），這樣會導(dǎo)致用戶的理解難度增強(qiáng)，提高了產(chǎn)品的使用門檻，很可能用戶來了一次就不會再來了。一個好的導(dǎo)航類型/方式，是產(chǎn)品成功的一個因素。移動端的產(chǎn)品若沒有良好的導(dǎo)航設(shè)計，簡直就是體驗的災(zāi)難。如果用戶想要查找一個內(nèi)容，只能通過不斷的進(jìn)行重啟app才能找到，那么這一定不是個好的產(chǎn)品。

 

 

5. 過期的信息

 

 

如果一個產(chǎn)品很久不更新信息/處于一個產(chǎn)品運(yùn)營假死狀態(tài)，那么很容易讓用戶產(chǎn)生反感，并且對產(chǎn)品的品牌形象大打折扣（當(dāng)然如果是時訊類的產(chǎn)品更為重要）。試想一下，你在使用某款產(chǎn)品的時候，幾天看到的內(nèi)容都是一樣的，或者是看到一個優(yōu)惠/促銷信息，點(diǎn)進(jìn)去查看，發(fā)現(xiàn)活動早就過時了，是什么感覺？一定會覺得是這個產(chǎn)品在忽悠人吧?。ㄟ^期的新聞、過期的促銷信息、活動信息都是致命傷）。

 

 

6. 頁面交互控件的不統(tǒng)一

 

 

用戶在使用產(chǎn)品的時候，同一個控件，竟然是兩個截然不同的結(jié)果。用戶在使用過程中，還得考慮，這個控件和上個控件是不是一樣的，這個位置的操作是不是和前一個頁面的操作是一樣的。好的產(chǎn)品是「don’t let me think」，你這個是「腦子不動要生銹」。用戶都是「傻的」，千萬不要站在你的角度來臆想用戶是多么的聰明。相信我，按照最傻的方式做，考慮最傻的形式，你一定會發(fā)現(xiàn)不一樣的結(jié)果。

 

 

7. 頁面沒有視覺差異

 

什么是一個好的產(chǎn)品，體驗一定要好，體驗包括了頁面的設(shè)計，給予用戶第一感覺。如果頁面沒有視覺差異，頁面設(shè)計就會很「平」缺少「層次感」，缺少視覺沖擊力和亮點(diǎn)，或者是突出錯重點(diǎn)，這是沒有經(jīng)驗的設(shè)計師設(shè)計時最容易犯的錯誤。把一大堆信息鋪天蓋地的展示到瀏覽者的眼前，你認(rèn)為他會記住多少？頁面設(shè)計要吸引并引導(dǎo)瀏覽者來觀看你想推廣的內(nèi)容或產(chǎn)品。盡量通過色彩的冷暖、遠(yuǎn)近，突出想要突出的，弱化該弱化的。

 

 

二、互聯(lián)網(wǎng)用戶認(rèn)為好的用戶體驗

 

 

說了這么多爛的用戶體驗，那到底什么是好的用戶體驗?zāi)?？有三點(diǎn)：

 

 

第一，首先要超出用戶預(yù)期，能夠給用戶帶來驚喜。

 

 

好產(chǎn)品一定要超出用戶預(yù)期，在用戶使用的不經(jīng)意間，發(fā)現(xiàn)了燈火闌珊處的你。這就是為什么產(chǎn)品會在各種極限情況、報錯情況、空頁面的情況等，都會有一些小驚喜給到用戶。這就是做到了站在用戶的角度，讓用戶無意間會發(fā)現(xiàn)那個美。

 

 

第二，好的用戶體驗要能夠讓用戶有所感知。

 

 

第三，好的用戶體驗，是從細(xì)節(jié)開始，并貫穿于每一個細(xì)節(jié)。

 

 

產(chǎn)品體驗貫穿在用戶使用產(chǎn)品時的每一個細(xì)節(jié)（一個按鈕、一個圖片、一段文字），做得好就成為產(chǎn)品致勝的關(guān)鍵。很多產(chǎn)品人一上來就要談愿景、戰(zhàn)略，這并不一定是對的，所有的企業(yè)戰(zhàn)略一定要具體到你的產(chǎn)品如何解決用戶問題，如何讓用戶使用起來感到愉悅。對我來說，這才是非常重要的產(chǎn)品觀。

 

 

那么你一定會問我怎么才能知道什么才算是真的好的用戶體驗?zāi)?。很抱歉，其實我也不知道什么才是。在產(chǎn)品還沒上線前，產(chǎn)品經(jīng)理/設(shè)計師會根據(jù)自己以往的經(jīng)驗/項目總結(jié)，來設(shè)計出大部分用戶可能會接受的設(shè)計/產(chǎn)品。但是一旦當(dāng)產(chǎn)品上線后，那么就由不得英雄主義了，所有的優(yōu)化和改版都是基于產(chǎn)品上線后的數(shù)據(jù)（業(yè)務(wù)數(shù)據(jù)、行為數(shù)據(jù)）來進(jìn)行的。始終要以結(jié)果為導(dǎo)向，數(shù)據(jù)為真實驅(qū)動。

 

 

產(chǎn)品經(jīng)理需要始終牢記的是，閉門造車永遠(yuǎn)設(shè)計不出優(yōu)質(zhì)的產(chǎn)品，好的產(chǎn)品經(jīng)理都會形成調(diào)查問卷、收集數(shù)據(jù)的習(xí)慣，而且這個習(xí)慣要從產(chǎn)品框架搭建開始，到產(chǎn)品正式上線之后，并貫穿于整個產(chǎn)品研發(fā)的始終。

 

 

所以說，作為設(shè)計師/產(chǎn)品人，在產(chǎn)品上線后，應(yīng)該保持以下習(xí)慣。

 

 

1. 學(xué)會調(diào)查

 

 

隨著互聯(lián)網(wǎng)行業(yè)的日益發(fā)展，我們所能接觸到的產(chǎn)品大多都比較成熟。其實在背后，問卷和調(diào)查可能都已經(jīng)經(jīng)歷了很長一段時間，大多互聯(lián)網(wǎng)在傳遞產(chǎn)品價值的同時其實也是在收集用戶的價值，就好像在一個APP里我們總能看到收集用戶反饋的端口，其實背后都隱藏著設(shè)計人的良苦用心。

 

 

2. 敞開心扉

 

 

我們常常說產(chǎn)品人不能固步自封，而應(yīng)該敞開心扉，時時刻刻準(zhǔn)備好分享你產(chǎn)品的故事。不論是公司內(nèi)部、家人朋友，或是身邊的陌生人，當(dāng)你分享后，他們會毫不避諱的告訴你最直觀的用戶體驗，也許那就是你最需要的調(diào)查數(shù)據(jù)。

 

 

3. 目的清晰

 

 

產(chǎn)品經(jīng)理計劃要做的工作之前，要先充分了解要用戶的需求，然后再用專業(yè)去滿足他們。只有目的清晰，獲得的數(shù)據(jù)才是真正有用的數(shù)據(jù)，產(chǎn)品的功能設(shè)計才能做到人見人愛。

 

 

今天，用戶體驗的重要性從來沒有發(fā)生過改變，它只是一個不斷發(fā)展，不斷被革命化的一個概念，如果不具備發(fā)展的眼光就無法真正讀懂用戶，以及讀懂他們的需求和渴望。如果你對用戶體驗的理解仍停留在互聯(lián)網(wǎng)最初發(fā)展的那幾年，我要說的是，真的，別讓你眼中的「用戶體驗」誤了產(chǎn)品的發(fā)展，真實了解用戶需求，直觀的通過視覺上的體驗讓網(wǎng)站建設(shè)取得綜合性的提升就必須從用戶出發(fā)，從細(xì)節(jié)出發(fā)。

 

 

多數(shù)人能夠成為很厲害的設(shè)計師，很厲害的產(chǎn)品經(jīng)理。凡事都會有所謂的套路，當(dāng)你熟知了解某個行業(yè)，或者多個行業(yè)的套路時。你會站在更高的視角看待問題，同樣你會走得比人家更遠(yuǎn)更快。所謂的套路，是基于個人而言，可能你有個很好的導(dǎo)師能夠告訴你以往的經(jīng)驗。但是我更認(rèn)為，套路是通過一步步看似笨拙的努力不斷總結(jié)不斷歸納的。