作為營銷網站設計者,我們的任務是與用戶進行對話。我們選擇要使用的網頁的顏色、字體和布局,甚至我們編寫CSS 的方式,都有一個明確的目的。然而,有時我們設計的東西并不能很好地表達我們的初衷。
所以每當你設計一個網站時,記得問問自己:我怎樣才能帶來更好的用戶體驗?1、浮動窗口廣告 = 金錢比UX和內容更重要
因此,許多網站都選擇了浮動窗口或覆蓋廣告,這似乎是彈出式廣告的現代形式。
就像他們的“前輩”,彈窗廣告一樣,浮窗廣告很煩人。
浮動窗口廣告是一種非常具有侵入性的策略,極大地影響了用戶體驗。
如果您的用戶很難訪問您網站上的內容,那么您一定是做錯了什么。你的設計最應該給用戶看的就是它的體驗,當然建站公司的內容也是很重要的一個方面。
通過讓用戶在中斷、延遲或其他任何情況下難以獲得您的內容,您是在告訴他們用戶的價值不及金錢。
同樣,任何強制用戶注冊、登錄和填寫電子郵件地址以訪問內容的方法都應重新考慮是否不合適。
想象一下這樣一種情況,你正在拼命尋找新的主機,因為你當前的主機不能滿足你現有的需求。它只是不斷崩潰,這告訴您您已經超出了當前的解決方案(PS:順便恭喜您的網站發(fā)展壯大)。
像許多科技企業(yè)家一樣,您解決問題的最初行動是向谷歌搜索一個新的控制臺。
你在Quora 上偶然發(fā)現了一個話題,Quora 是像你這樣的企業(yè)家經常光顧的網站。
您現在感到非常興奮,因為幾秒鐘后,您就會有一個良好的開端!你問自己,“不,不可能那么簡單嗎?”
然后你點擊網站,發(fā)現這真的不容易(即使它應該如此)。
遺憾的是,您會發(fā)現此頁面需要您連接您的Facebook 帳戶,否則您將無法看到所有內容。
僅當您選擇不使用您的Facebook 或Google 帳戶登錄時才能看到答案。其余的答案是模糊的。
如果這是您第一次訪問該網站,而他們對您做的第一件事就是掩蓋您想看到的內容,這不會給人留下可怕的印象嗎?
作為網頁設計師,讓我們的用戶盡可能容易地獲得他們想要的內容應該是重中之重。任何妨礙該目標的東西都應該從我們的設計中刪除。
有許多設計策略可以以不那么引人注目的方式顯示廣告。例如:讓用戶選擇是否要與廣告互動,或者至少有一個快速跳過/忽略它們的選項,例如側邊欄上的廣告。2、缺乏網站的可訪問性 = 并不是所有人覺得你重要
無障礙網頁設計需要得到設計行業(yè)更廣泛的認可。
我們需要關注所有用戶的網頁設計創(chuàng)新,而不僅僅是那些擁有昂貴的觸摸屏智能手機的用戶。
網絡的可訪問性簡直超越了殘疾人。移動設備較舊或網速較差(全球平均網速僅為2.9Mbs,不到美國平均網速的一半)的用戶也需要包括在內。
除非您希望自己的網站設計給人以您針對特定受眾的印象,否則您仍然需要仔細制作一個易于訪問的網站。事實上,網站的大多數輔助功能都相對容易實現,并且已經成為良好網頁設計最佳實踐的一部分。
雖然我們大多數人會故意選擇忽略使用某種瀏覽器的用戶(比如故意選擇不支持Internet Explorer 6),但這是極不公平的,而且他們或許無法控制(比如色盲)。3、缺少適當的空白 = 內容的可讀性并不重要
一件事,我看到很多網站在內容或圖像周圍缺少一定數量的空白。
空白是一個
強大的設計工具??瞻卓梢云醋屇膬热莞玫恼宫F更,也易于閱讀。反之則帶來狹小的感覺和視覺上不舒服。內容為王,我們應該花費一些(通常很少)時間來確保達到了最佳的發(fā)布形式。
為了說明,來看下下面這段文字的閱讀是多么的困難:
這是很難讀,因為極小字母letter-spacing,line-height,padding,margin屬性值。這些都是很容易修正的問題,如果你了解CSS。
在幾秒鐘內,只是一些padding,margin,和line-height屬性值的調整,同樣的文本變得更易閱讀。
有用的404錯誤頁面 = 你關心站點上的用戶
404經常是由于在輸入不正確的URL。
一些鏈接到您的內容可能不再存在,或可能已被移動。
有時候,由于技術問題,某些網頁剛剛停止工作,。
對于這樣的事件,我們需要創(chuàng)建和設計一個有效的404頁面,這不單單是一個頁面,而是重申,讓用戶已經知道發(fā)生了什么(他們并沒有訪問到正確的頁面)。
一些設計有效的錯誤頁面設計的基本技巧:
為用戶準備一個搜索框,以便他們想嘗試找到某個頁面;
提供一種可以幫助用戶的聯系方式;
自動建議與他們尋找的內容相關的內容列表 鏈接到其他網頁,列出您的內容(例如,存檔頁面,地圖,幫助/支持頁面等) 以下是GitHub的404錯誤頁面(一個 404錯誤頁面的的很好案例):
是什么讓GitHub的錯誤頁面變得有效果?
它有一個搜索表單,用戶可以用它來尋找到正確的網頁 它有一個鏈接,允許網站訪問者獲得援助 它有一個鏈接,讓用戶可以看到否該網站只是暫時有問題
如果你不采取措施,以幫助用戶找到他們所尋求的內容,那么你只是告訴他們,他們應該去到另一個網站。
4、背景/前景對比度較弱 = 美學設計勝過清晰度
沒有提供足夠的背景與前景之間的色彩對比,對于很多視覺較差用戶來說是個壞消息。那么你是在告訴你的用戶你更關心的是網站的美學設計,而不是它的實質內容。
下面是一個例子,色彩缺乏對比度對清晰度的影響
?
只需要很少的CSS調整, 在這種情況下,只是改變了h1和p元素顏色的屬性值,便可大大改善用戶的額閱讀體驗。
?
如果有提高清晰度之類的工具 ,這將有助于你的用戶關心這些問題。當然這也是你作為網頁設計師的責任,在工作開始時便致力于提供更好的閱讀體驗。
?
盡可能的關注實現舒適的,令人喜歡的內容呈現。這會鼓勵用戶去關注你提供的內容。
5、沒有互動功能 = 不關心用戶的看法
為您的用戶提供一些方法,以便能夠與您聯系,這會讓他們覺得你很關心他們在站點上的體驗。
這說明你非常重視他們的反饋,無論是正面或負面。
一些評論系統(tǒng),聯系的表單,電子郵件,社交網絡,幫助和支持論壇,或者一個實時聊天工具 ,這些用戶參與的工具都表明你希望聽到他們反饋。
?
如果設計師沒有留下聯系方式或者是可以與讀者進行互動的形式,則表明你并不關心你的讀者有什么要說的,并在意他們的看法。
然而,用戶的反饋意見對于調整網站的UI和UX是至關重要的,所以在網站設計時,務必做好與用戶的互動。
那么,對于這篇文章你有什么想說的嗎?表達看法的時候到了!
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯網開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!