避開這6個陷阱,Web程序員將得到BOSS 100%肯定
新手Web設計師如何避免網站開發中的誤區,留住用戶?這里將介紹新手設計人員經常深受其害的6個陷阱。了解如何避免這些錯誤并及時修正這些錯誤,可以神奇地改進設計。
1.錯誤的顏色對比
當用戶訪問一個網站時,他會做的第一件事就是掃描網站以得到網站的要點,并看看網站是否可以解決他的問題。如果用戶無法立即找到正確的按鈕,選項或其他的導航形式,很大的可能是他不會再看,并最終離開頁面。這通常是由于不恰當的顏色對比所造成的,導致用戶從直觀上錯過了重要的內容。
顏色對比絕對是一個要做的重要決策,當你試圖引導用戶從一個頁面到另一個頁面,或引發動作(Call to Action)的時候。確保網站上如CTAs這樣的按鈕,能夠顯眼。因為顯眼就意味著用戶將能夠迅速找到它們,提高轉化率。至于顏色設計指南,可以看看來自于谷歌的這個詳細工作。它不僅從理論上幫助你,而且還提供了工具幫助你更輕松地完成工作。
2.忽略圖標
用戶自己會閱讀文本的,你是這么認為的吧?那么,為什么有些人會使用圖標來代替文本?只提供文本不是更容易嗎?誠然,這可能會更容易,但它有吸引力嗎?大多數人的回答都會是,NO。純文本的界面通常不會那么美觀,而是會讓用戶覺得枯燥乏味……這就是圖標變得必要的原因。并非所有的設計師都明白這一點,所以他們往往忽略了圖表用來抓住用戶注意力的重要性。
如果你用純文本編寫,并希望用戶堅持并閱讀每一標題,那么你可能會大失所望。但是,如果你添加圖標,那么用戶就能立即知道發生了什么,同時頁面不會純是文本而令人兩眼迷茫。所以,請記住要在導航和其他每個地方的選項旁邊添加小圖標,以幫助用戶快速識別。需要一些例子嗎?Awwwards收集了一些關于圖標的超棒例子。
3.內容太多
解釋概念主要有兩種方式:要么使用大量的詞語用實例和故事來表述氛圍和情景,要么就簡明扼要地直述要點。初次用戶可能不會對閱讀大量的內容感興趣,可能只想盡可能快地接收信息。這是因為在第一次訪問時,他們大多會先進行掃描,然后決定是否應該繼續深入。你怎么能期望他們會在這種行為上消費大量的內容?
要想更好和更容易地辦好這件事,標題(尤其是第一頁的)應該做成3-7個單詞的,如果超出這個長度,那么標題就得是對用戶充滿誘惑的。如果你有更多要分享的話,標題下面的解釋可以通過“Read More”按鈕包括一到兩行內容。但是,要讓用戶自己決定要不要閱讀剩下的內容。可以看看Lumosity是如何完美整合這一點的。
4.不考慮一致性
一致性對于一個偉大的網站設計是一個關鍵因素。很多設計師在鋪設內容時會忽略一致性,忘記設計一致性的重要性。
為臨近的相關信息片段保持一種類似的格式很重要,并且一致的顏色/模式/等可以幫助用戶創建那些在沒有連貫設計時迷失的連接。保持這些元素相一致是關鍵。每當有指令說明的時候,任何CTAs,到下一頁的按鈕,或者起著類似作用的任何其他內容,都應該和整個網站設計保持一致,相同的字體和相同的字體大小,不論它們在網站的什么位置。
5.沒有做好色彩平衡
色彩平衡是另一個經常被遺棄的重要問題。細心的色彩管理可以使得網站顯得清晰和有秩序。如果有太多類似的顏色,區分就變得很難,另一方面,強烈的顏色沖突會顯得雜亂和毫無吸引力。
為了保證更佳的可讀性和總體可用性,顏色不應該越界。在彼此之間應該有一種顏色的和諧,這樣網站才不會顯得突兀和難看。無論是web設計還是經典藝術設計,關注色彩平衡對于整體外觀有很大的影響。對于初學者來說,你可以試試這個超快的顏色生成器:Coolor。
6.不在意對齊
如果你想要觀眾閱讀網頁上的大部分信息,那么你需要讓這些信息看起來有用且易消化。對齊在這個問題上起很大的作用。確定用戶的視角應該從哪里開始是對齊的全部內容。對齊能慰藉用戶的眼睛。
網站上的內容可以是居中對齊,也可以是左對齊。如果你選擇把內容放在中間,那么在左右兩邊就要留出大量的負空間,否則用戶將很難消化內容。另外,可視內容,如果有的話,如果放在居中文本的遠處會顯得無關。大多數優秀的網站會選擇文本左對齊,因為它模仿了我們如何學習閱讀印刷文字的方式。網站上的一切內容都需要對齊,網格可以幫助你實現這一點。可以閱讀Tuts+關于對齊和網格的這篇文章以了解更多信息。
總結
“如果你是一個新手設計師,并且犯過這些錯誤,那么好好查看下你的設計,看看有沒有可以修復的地方。一些曾經似乎無法挽回的設計或許會因此而突然煥發生機。不要忘了,專業的設計師曾經也是初學者,他們之所以漸漸變得優秀起來,是因為他們肯積極地嘗試理解一些細微的事情,并且愿意去重新認識他們先前忽略了的內容。因此,從錯誤中學習并立刻修改,創建出一個用戶友好的網站——這是提高設計技術的唯一途徑。”
- 贊