當(dāng)今初始階段的各類網(wǎng)站在全世界范圍內(nèi)快速的涌現(xiàn),設(shè)計(jì)網(wǎng)站自由表達(dá)和實(shí)現(xiàn)創(chuàng)意的空間也越來越大,但是,這類創(chuàng)業(yè)階段的網(wǎng)站面臨最大的問題包括設(shè)計(jì)創(chuàng)始者稀缺,設(shè)計(jì)師經(jīng)驗(yàn)不足等問題,卻還想一舉成名。多次目睹創(chuàng)業(yè)公司行為的碧鑫設(shè)計(jì)根據(jù)多年經(jīng)驗(yàn)聞提供了十條超實(shí)用的設(shè)計(jì)建議,供網(wǎng)站創(chuàng)業(yè)者和希望參與創(chuàng)業(yè)活動(dòng)的設(shè)計(jì)師們參考。
1. 網(wǎng)站布局簡潔
許多新建設(shè)的網(wǎng)站都會(huì)有大量圖片、選項(xiàng),這時(shí)候設(shè)計(jì)師們需要簡化網(wǎng)站用戶界面,擺脫不必要的元素,只留下最佳內(nèi)容。“少即是多(less is more)”絕對是金玉良言。同時(shí),讓網(wǎng)站導(dǎo)航系統(tǒng)清晰易懂,需要遵守大眾一致接受的“網(wǎng)絡(luò)世界慣例”。可以使用現(xiàn)在最為流行的設(shè)計(jì)風(fēng)格,扁平化網(wǎng)站設(shè)計(jì)。
設(shè)計(jì)師需要著重考慮以下幾點(diǎn):
視覺層次:保證明確的視覺層次,主標(biāo)題一定要比副標(biāo)題顯眼,重要按鈕要在尺寸和顏色上更加引人注意。
顏色對比:慎重對待網(wǎng)頁顏色對比度的選擇,在網(wǎng)頁設(shè)計(jì)時(shí),顏色的挑選不僅能夠創(chuàng)造絕佳的視覺效果,還能夠讓用戶輕易搞清狀況。
網(wǎng)站互交流程:避免繁復(fù)多余的步驟,例如注冊階段對用戶個(gè)人信息的收集,簡化注冊、購買或邀請好友等步驟的流程。
2. 網(wǎng)站顏色減少
顏色的運(yùn)用在建造讓人記憶深刻的成功品牌方面至關(guān)重要,但很多設(shè)計(jì)師會(huì)遭遇網(wǎng)站初期顏色太多的困擾。在這方面,做得比較好的是可口可樂,星巴克,臉書,推特等,大眾只要想到這幾個(gè)品牌,就立馬能夠想到他們的代表色。設(shè)計(jì)師的目標(biāo)是使用一到兩個(gè)顏色,配合以中性色調(diào)和不同圖形,設(shè)計(jì)出美觀網(wǎng)頁。
3. 只使用兩種字體
對于網(wǎng)站來說,字體是信息交流溝通最重要部分。經(jīng)驗(yàn)不足的設(shè)計(jì)師最容易犯的錯(cuò)誤就是使用太多不同字體,讓網(wǎng)頁看上去一團(tuán)糟。在選擇字體時(shí),設(shè)計(jì)師最好使用不超過兩種字體。
網(wǎng)頁設(shè)計(jì)中,95%都是字體。文字是用戶閱讀、了解、吸收信息的事物,需注意以下幾點(diǎn):
文字顏色對比:確保文字比背景或其他部分顏色更深。
文章行距:行距控制在1.5到1.75之間,保證行與行之間的“呼吸”順暢,格局清晰。
標(biāo)題層次:將字體系統(tǒng)化分類,通過搶眼的標(biāo)題、副標(biāo)題和特殊符號等讓用戶輕松地瀏覽信息。
5. 移動(dòng)端優(yōu)先
根據(jù)相關(guān)統(tǒng)計(jì),2014年,使用移動(dòng)端的人數(shù)就超過了使用臺(tái)式電腦的人數(shù),響應(yīng)式網(wǎng)站是全新標(biāo)準(zhǔn)。設(shè)計(jì)師要優(yōu)先考慮移動(dòng)端,包括在移動(dòng)端上展示最重要的信息,確保用戶能夠在簡單的界面下進(jìn)行操作,注意要將動(dòng)作按鈕制作得盡可能明確顯眼。
對于臺(tái)式電腦版本的頁面設(shè)計(jì),要考慮強(qiáng)化整體體驗(yàn),增加引人入勝的圖片,增加留白空間和可信度。設(shè)計(jì)師們在充滿創(chuàng)造力的要意識到,臺(tái)式電腦版本的頁面發(fā)揮空間更大。
6. 進(jìn)行A/B測試
精實(shí)創(chuàng)業(yè)的所有工作就是搭建、測試、測量以及迭代。永遠(yuǎn)不要將自己舒服在加載頁面或儀表板界面的某一個(gè)版本中,設(shè)計(jì)兩到三個(gè)版本并將它們交給實(shí)際用戶測試。找到其中設(shè)計(jì)優(yōu)良的,對其中的部分進(jìn)行重復(fù)以提高轉(zhuǎn)換速率。
需要測試的主要元素:主信息文字、動(dòng)作按鈕、表單、圖像
設(shè)計(jì)師們還可以使用Unbounce, Google Analytics, Optimizely, KISSmetrics等工具進(jìn)行A/B測試。
7. 使用美觀圖片
一張好的圖片能抵得上一千個(gè)字,所以,預(yù)期鉆研文字不如使用到位的圖像吸引用戶注意力。設(shè)計(jì)師們常見的誤區(qū)之一就是選用的圖片你必須與整體設(shè)計(jì)理念相符合才可以。首先,設(shè)計(jì)師們要確保了解自己的目標(biāo)群體,創(chuàng)建一個(gè)設(shè)計(jì)師工作板,專門收集能夠與觀眾有情緒交流的素材圖片。
8. 創(chuàng)建明確的行動(dòng)指令
大多數(shù)網(wǎng)站初期是以精實(shí)方法論為基礎(chǔ),轉(zhuǎn)換是一個(gè)尤其重要的因素,優(yōu)化以實(shí)現(xiàn)較高轉(zhuǎn)換率是設(shè)計(jì)師的目標(biāo)之一。檢查行動(dòng)指令文字,要確保行動(dòng)指令的說明文字傳遞出準(zhǔn)確的信息。避免俚語,俚語看起來可能更接地氣也更酷,但卻會(huì)讓文字更加難懂。
9. 考慮終端用戶
花時(shí)間了解終端用戶,定義目標(biāo)人群,構(gòu)建典型用戶資料或用戶性格。為你的終端用戶設(shè)計(jì),專注為消費(fèi)者帶來價(jià)值。時(shí)刻記住,你是為消費(fèi)者做設(shè)計(jì),而不是為你自己。
利益大于特色。簡單編程能夠向消費(fèi)者描述清晰的利益,體現(xiàn)網(wǎng)站價(jià)值,而不僅僅展示網(wǎng)站特色,也不是單方面一味傳遞你的公司有多好。
人們不會(huì)為你所作的買單,而是為你做這件事的原因買單。
10. 適度增加趣味性
讓你的設(shè)計(jì)具有情緒化。用戶與你的產(chǎn)品互動(dòng)時(shí)需要感到愉悅。
創(chuàng)業(yè)初期的網(wǎng)站越來越多,但只有那些真正努力并正確設(shè)計(jì)的網(wǎng)站才會(huì)成功。網(wǎng)站設(shè)計(jì)沒有復(fù)雜科學(xué),只有嘗試、調(diào)研和實(shí)踐。希望以上建議能夠有所幫助。