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

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

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

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

1. 頁(yè)面加載時(shí)間長(zhǎng)！很長(zhǎng)！特別長(zhǎng)！超級(jí)長(zhǎng)！

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

2. 無(wú)限制的使用各種炫酷的動(dòng)效

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

3. 頁(yè)面排版過(guò)長(zhǎng)

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

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

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

5. 過(guò)期的信息

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

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

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

7. 頁(yè)面沒(méi)有視覺(jué)差異

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

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

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

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

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

第二，好的用戶體驗(yàn)要能夠讓用戶有所感知。

第三，好的用戶體驗(yàn)，是從細(xì)節(jié)開(kāi)始，并貫穿于每一個(gè)細(xì)節(jié)。

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

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

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

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

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

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

2. 敞開(kāi)心扉

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

3. 目的清晰

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

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

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

分享標(biāo)題：UI網(wǎng)頁(yè)設(shè)計(jì)中新手易犯的7個(gè)細(xì)節(jié)錯(cuò)誤
URL網(wǎng)址：http://www.muchs.cn/news18/155468.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、搜索引擎優(yōu)化、品牌網(wǎng)站設(shè)計(jì)、定制開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)