避開這6個陷阱,Web程序員將得到BOSS 100%肯定

新手Web設(shè)計師如何避免網(wǎng)站開發(fā)中的誤區(qū),留住用戶?這里將介紹新手設(shè)計人員經(jīng)常深受其害的6個陷阱。了解如何避免這些錯誤并及時修正這些錯誤,可以神奇地改進設(shè)計。



1.錯誤的顏色對比

當用戶訪問一個網(wǎng)站時,他會做的第一件事就是掃描網(wǎng)站以得到網(wǎng)站的要點,并看看網(wǎng)站是否可以解決他的問題。如果用戶無法立即找到正確的按鈕,選項或其他的導航形式,很大的可能是他不會再看,并最終離開頁面。這通常是由于不恰當?shù)念伾珜Ρ人斐傻模瑢е掠脩魪闹庇^上錯過了重要的內(nèi)容。

 

顏色對比絕對是一個要做的重要決策,當你試圖引導用戶從一個頁面到另一個頁面,或引發(fā)動作(Call to Action)的時候。確保網(wǎng)站上如CTAs這樣的按鈕,能夠顯眼。因為顯眼就意味著用戶將能夠迅速找到它們,提高轉(zhuǎn)化率。至于顏色設(shè)計指南,可以看看來自于谷歌的這個詳細工作。它不僅從理論上幫助你,而且還提供了工具幫助你更輕松地完成工作。


2.忽略圖標

用戶自己會閱讀文本的,你是這么認為的吧?那么,為什么有些人會使用圖標來代替文本?只提供文本不是更容易嗎?誠然,這可能會更容易,但它有吸引力嗎?大多數(shù)人的回答都會是,NO。純文本的界面通常不會那么美觀,而是會讓用戶覺得枯燥乏味……這就是圖標變得必要的原因。并非所有的設(shè)計師都明白這一點,所以他們往往忽略了圖表用來抓住用戶注意力的重要性。

 

如果你用純文本編寫,并希望用戶堅持并閱讀每一標題,那么你可能會大失所望。但是,如果你添加圖標,那么用戶就能立即知道發(fā)生了什么,同時頁面不會純是文本而令人兩眼迷茫。所以,請記住要在導航和其他每個地方的選項旁邊添加小圖標,以幫助用戶快速識別。需要一些例子嗎?Awwwards收集了一些關(guān)于圖標的超棒例子。


3.內(nèi)容太多

解釋概念主要有兩種方式:要么使用大量的詞語用實例和故事來表述氛圍和情景,要么就簡明扼要地直述要點。初次用戶可能不會對閱讀大量的內(nèi)容感興趣,可能只想盡可能快地接收信息。這是因為在第一次訪問時,他們大多會先進行掃描,然后決定是否應該繼續(xù)深入。你怎么能期望他們會在這種行為上消費大量的內(nèi)容?

 

要想更好和更容易地辦好這件事,標題(尤其是第一頁的)應該做成3-7個單詞的,如果超出這個長度,那么標題就得是對用戶充滿誘惑的。如果你有更多要分享的話,標題下面的解釋可以通過“Read More”按鈕包括一到兩行內(nèi)容。但是,要讓用戶自己決定要不要閱讀剩下的內(nèi)容。可以看看Lumosity是如何完美整合這一點的。


4.不考慮一致性

一致性對于一個偉大的網(wǎng)站設(shè)計是一個關(guān)鍵因素。很多設(shè)計師在鋪設(shè)內(nèi)容時會忽略一致性,忘記設(shè)計一致性的重要性。

 

為臨近的相關(guān)信息片段保持一種類似的格式很重要,并且一致的顏色/模式/等可以幫助用戶創(chuàng)建那些在沒有連貫設(shè)計時迷失的連接。保持這些元素相一致是關(guān)鍵。每當有指令說明的時候,任何CTAs,到下一頁的按鈕,或者起著類似作用的任何其他內(nèi)容,都應該和整個網(wǎng)站設(shè)計保持一致,相同的字體和相同的字體大小,不論它們在網(wǎng)站的什么位置。


5.沒有做好色彩平衡

色彩平衡是另一個經(jīng)常被遺棄的重要問題。細心的色彩管理可以使得網(wǎng)站顯得清晰和有秩序。如果有太多類似的顏色,區(qū)分就變得很難,另一方面,強烈的顏色沖突會顯得雜亂和毫無吸引力。

 

為了保證更佳的可讀性和總體可用性,顏色不應該越界。在彼此之間應該有一種顏色的和諧,這樣網(wǎng)站才不會顯得突兀和難看。無論是web設(shè)計還是經(jīng)典藝術(shù)設(shè)計,關(guān)注色彩平衡對于整體外觀有很大的影響。對于初學者來說,你可以試試這個超快的顏色生成器:Coolor。

6.不在意對齊

如果你想要觀眾閱讀網(wǎng)頁上的大部分信息,那么你需要讓這些信息看起來有用且易消化。對齊在這個問題上起很大的作用。確定用戶的視角應該從哪里開始是對齊的全部內(nèi)容。對齊能慰藉用戶的眼睛。

 

網(wǎng)站上的內(nèi)容可以是居中對齊,也可以是左對齊。如果你選擇把內(nèi)容放在中間,那么在左右兩邊就要留出大量的負空間,否則用戶將很難消化內(nèi)容。另外,可視內(nèi)容,如果有的話,如果放在居中文本的遠處會顯得無關(guān)。大多數(shù)優(yōu)秀的網(wǎng)站會選擇文本左對齊,因為它模仿了我們?nèi)绾螌W習閱讀印刷文字的方式。網(wǎng)站上的一切內(nèi)容都需要對齊,網(wǎng)格可以幫助你實現(xiàn)這一點。可以閱讀Tuts+關(guān)于對齊和網(wǎng)格的這篇文章以了解更多信息。

總結(jié)

“如果你是一個新手設(shè)計師,并且犯過這些錯誤,那么好好查看下你的設(shè)計,看看有沒有可以修復的地方。一些曾經(jīng)似乎無法挽回的設(shè)計或許會因此而突然煥發(fā)生機。不要忘了,專業(yè)的設(shè)計師曾經(jīng)也是初學者,他們之所以漸漸變得優(yōu)秀起來,是因為他們肯積極地嘗試理解一些細微的事情,并且愿意去重新認識他們先前忽略了的內(nèi)容。因此,從錯誤中學習并立刻修改,創(chuàng)建出一個用戶友好的網(wǎng)站——這是提高設(shè)計技術(shù)的唯一途徑。”

the end

評論(0)