- 相關(guān)推薦
提升網(wǎng)站用戶(hù)體驗：不得不知的6條專(zhuān)業(yè)建議
作為網(wǎng)頁(yè)設計師，我們的任務(wù)就是與用戶(hù)對話(huà)。我們選擇顏色、字體，以及要使用的網(wǎng)頁(yè)布局，甚至編寫(xiě)CSS的方式，這一切都有明確的目的性。然而有時(shí)候我們所設計東西并不能很好道出我們的初衷。
所以每當你設計一個(gè)網(wǎng)站時(shí)，記得問(wèn)自己：該如何帶來(lái)更好的用戶(hù)體驗?
浮動(dòng)窗口廣告 = 金錢(qián)比UX和內容更重要
因此，很多網(wǎng)站都選擇了浮動(dòng)窗口或者遮罩層廣告，這似乎是現代形式的彈出窗廣告。
就像他們的“前輩”，彈出窗口廣告 ，浮動(dòng)窗口的廣告很煩人。
浮動(dòng)窗口廣告是非常具侵擾性的策略，大大影響到用戶(hù)體驗。
如果你的用戶(hù)非常艱難的才能訪(fǎng)問(wèn)到你的網(wǎng)站上的內容，那么你一定有些地方做錯了。你的設計應該展示給用戶(hù)的最優(yōu)先事項是它的體驗，當然也要說(shuō)明網(wǎng)站的內容也是十分重要的一方面。
通過(guò)中斷，延遲，或者別的什么方式讓用戶(hù)千辛萬(wàn)苦地才能了解到您的內容，那么你是在告訴他們，用戶(hù)的價(jià)值低于金錢(qián)。
同樣，任何強迫用戶(hù)注冊，登錄，填寫(xiě)郵箱等方式才能訪(fǎng)問(wèn)到內容，都應重新考慮是否涉及欠妥。
試想一下這種情況：由于你當前的主機無(wú)法滿(mǎn)足現有需求，于是你拼命尋找一個(gè)新的主機。它只是不斷崩潰，而這是在告訴你，你已經(jīng)超越了當前解決方案(PS：順便祝賀你站點(diǎn)的成長(cháng))。
如同很多科技的創(chuàng )業(yè)者們，你最初的解決問(wèn)題的行動(dòng)是用谷歌搜索一臺新的主機 。
你偶然在Quora看見(jiàn)了一條線(xiàn)索，一個(gè)很多如同你一樣的創(chuàng )業(yè)者們經(jīng)常光顧的站點(diǎn)。
你現在感覺(jué)非常興奮，因為在幾秒鐘內，你就會(huì )有個(gè)良好的開(kāi)端!你問(wèn)自己：“不行，它應該不會(huì )這么簡(jiǎn)單?”
隨后你點(diǎn)開(kāi)這個(gè)網(wǎng)站，事實(shí)證明它確實(shí)是不容易的(即使它應該是)。
可悲的是，你會(huì )發(fā)現，該網(wǎng)頁(yè)要求你連接你的Facebook帳戶(hù)，否則你將無(wú)法看到所有的內容。
如果您選擇不與您的Facebook或谷歌帳戶(hù)登錄，只可以看到一個(gè)答案。答案的其余部分是模糊的。
如果這是你第一次訪(fǎng)問(wèn)該站點(diǎn)，他們對你做的第一件事是有意掩蓋了你希望看到的內容 ，那不是會(huì )給你留下了可怕的印象?
讓我們的用戶(hù)盡可能方便的獲得他們所希望看到的內容應該是作為最優(yōu)先考慮的一項，作為網(wǎng)頁(yè)設計師。而任何阻礙該目標的東西，都應該從我們的設計中切去。
現在有很多無(wú)須太過(guò)耀眼的方式來(lái)顯示廣告的設計策略。比如：讓用戶(hù)選擇他們是否要與廣告產(chǎn)生互動(dòng)或者至少有一個(gè)快速跳過(guò)/忽略它們選擇，如側邊欄上的廣告。
缺乏網(wǎng)站的可訪(fǎng)問(wèn)性 = 并不是所有人覺(jué)得你重要
無(wú)障礙網(wǎng)站設計需要被設計行業(yè)更為廣泛的認可。
我們需要關(guān)注我們的網(wǎng)頁(yè)設計的創(chuàng )新應該面向所有用戶(hù)，而不僅僅是使用昂貴觸摸屏智能手機。
無(wú)障礙網(wǎng)頁(yè)僅僅是跨過(guò)了那些殘疾人。一些使用舊的移動(dòng)設備或者網(wǎng)速較差(全球平均上網(wǎng)速度只有2.9Mbs，還不到美國平均網(wǎng)速的一半)用戶(hù)也需要被列入。
除非你想你的網(wǎng)站的設計是希望留下這樣印象,即你是針對特定用戶(hù)的，要不然你還是精心的去制作具備無(wú)障礙特性的網(wǎng)站。其實(shí)大多數無(wú)障礙網(wǎng)頁(yè)網(wǎng)站的特點(diǎn)是比較容易實(shí)現的，已經(jīng)是良好的網(wǎng)絡(luò )設計最佳實(shí)踐的一部分。
雖然我們中的大多數會(huì )有意選擇忽略掉使用某種瀏覽器(比如故意選擇了不支持Internet Explorer 6)的用戶(hù)，但這是極其不不公平的，也許他們也無(wú)法控制(如色盲)。
缺少適當的空白 = 內容的可讀性并不重要
有一件事，我看到了很多網(wǎng)站，在內容或者圖片周?chē)既鄙僖欢ǖ目瞻住?/p>
空白是一個(gè)強大的設計工具�？瞻卓梢云醋屇膬热莞玫恼宫F更，也易于閱讀。反之則帶來(lái)狹小的感覺(jué)和視覺(jué)上不舒服。
內容為王，我們應該花費一些(通常很少)時(shí)間來(lái)確保達到了最佳的發(fā)布形式。
為了說(shuō)明，來(lái)看下下面這段文字的閱讀是多么的困難：
這是很難讀，因為極小字母letter-spacing，line-height，padding，margin屬性值。這些都是很容易修正的問(wèn)題,如果你了解CSS。
在幾秒鐘內，只是一些padding，margin，和line-height屬性值的調整，同樣的文本變得更易閱讀。
有用的404錯誤頁(yè)面 = 你關(guān)心站點(diǎn)上的用戶(hù)
404經(jīng)常是由于在輸入不正確的URL。
一些鏈接到您的內容可能不再存在，或可能已被移動(dòng)。
有時(shí)候，由于技術(shù)問(wèn)題，某些網(wǎng)頁(yè)剛剛停止工作，。
對于這樣的事件，我們需要創(chuàng )建和設計一個(gè)有效的404頁(yè)面，這不單單是一個(gè)頁(yè)面，而是重申，讓用戶(hù)已經(jīng)知道發(fā)生了什么(他們并沒(méi)有訪(fǎng)問(wèn)到正確的頁(yè)面)。
一些設計有效的錯誤頁(yè)面設計的基本技巧：
為用戶(hù)準備一個(gè)搜索框，以便他們想嘗試找到某個(gè)頁(yè)面;
提供一種可以幫助用戶(hù)的聯(lián)系方式;
自動(dòng)建議與他們尋找的內容相關(guān)的內容列表 鏈接到其他網(wǎng)頁(yè)，列出您的內容(例如，存檔頁(yè)面，地圖，幫助/支持頁(yè)面等) 以下是GitHub的404錯誤頁(yè)面(一個(gè) 404錯誤頁(yè)面的的很好案例)：
是什么讓GitHub的錯誤頁(yè)面變得有效果?
它有一個(gè)搜索表單，用戶(hù)可以用它來(lái)尋找到正確的網(wǎng)頁(yè) 它有一個(gè)鏈接，允許網(wǎng)站訪(fǎng)問(wèn)者獲得援助 它有一個(gè)鏈接，讓用戶(hù)可以看到否該網(wǎng)站只是暫時(shí)有問(wèn)題
如果你不采取措施，以幫助用戶(hù)找到他們所尋求的內容，那么你只是告訴他們，他們應該去到另一個(gè)網(wǎng)站。
背景/前景對比度較弱 = 美學(xué)設計勝過(guò)清晰度
沒(méi)有提供足夠的背景與前景之間的色彩對比，對于很多視覺(jué)較差用戶(hù)來(lái)說(shuō)是個(gè)壞消息。那么你是在告訴你的用戶(hù)你更關(guān)心的是網(wǎng)站的美學(xué)設計，而不是它的實(shí)質(zhì)內容。
下面是一個(gè)例子，色彩缺乏對比度對清晰度的影響
只需要很少的CSS調整, 在這種情況下，只是改變了h1和p元素顏色的屬性值，便可大大改善用戶(hù)的額閱讀體驗。
如果有提高清晰度之類(lèi)的工具 ，這將有助于你的用戶(hù)關(guān)心這些問(wèn)題。當然這也是你作為網(wǎng)頁(yè)設計師的責任，在工作開(kāi)始時(shí)便致力于提供更好的閱讀體驗。
盡可能的關(guān)注實(shí)現舒適的，令人喜歡的內容呈現。這會(huì )鼓勵用戶(hù)去關(guān)注你提供的內容。
沒(méi)有互動(dòng)功能 = 不關(guān)心用戶(hù)的看法
為您的用戶(hù)提供一些方法，以便能夠與您聯(lián)系，這會(huì )讓他們覺(jué)得你很關(guān)心他們在站點(diǎn)上的體驗。
這說(shuō)明你非常重視他們的反饋，無(wú)論是正面或負面。
一些評論系統，聯(lián)系的表單，電子郵件，社交網(wǎng)絡(luò )，幫助和支持論壇，或者一個(gè)實(shí)時(shí)聊天工具 ，這些用戶(hù)參與的工具都表明你希望聽(tīng)到他們反饋。
如果設計師沒(méi)有留下聯(lián)系方式或者是可以與讀者進(jìn)行互動(dòng)的形式，則表明你并不關(guān)心你的讀者有什么要說(shuō)的，并在意他們的看法。
然而，用戶(hù)的反饋意見(jiàn)對于調整網(wǎng)站的UI和UX是至關(guān)重要的，所以在網(wǎng)站設計時(shí)，務(wù)必做好與用戶(hù)的互動(dòng)。
那么，對于這篇文章你有什么想說(shuō)的嗎?表達看法的時(shí)候到了!
[提升網(wǎng)站用戶(hù)體驗：不得不知的6條專(zhuān)業(yè)建議]相關(guān)文章：
1.提升網(wǎng)站用戶(hù)體驗:不得不知的6條專(zhuān)業(yè)建議
【提升網(wǎng)站用戶(hù)體驗：不得不知的專(zhuān)業(yè)建議】相關(guān)文章：
提升用戶(hù)體驗的3個(gè)小技巧07-17
卓越、當當、京東哪個(gè)網(wǎng)站的用戶(hù)體驗更好一些？07-11
豆瓣的用戶(hù)體驗有何優(yōu)勢07-10
站長(cháng)知道用戶(hù)是怎么瀏覽網(wǎng)站的嗎07-11
初入職場(chǎng)不得不知的潛規則07-12