10個陷阱 讓你設計的網站“不專業”

悟思VOOSSI發表於2016-01-18

對於資金緊張的創業者來說,建立一個自己的網站是很棒的主意。你可以在事業走上正軌的時候再去找一個網站設計師,畢竟只有當你的事業開始有所成效時,你才會有時間去關心這些無關緊要的事。

這樣對嗎?

實際上,設計對你創業的幫助遠比你想象中重要的多。當你運營一個線上業務時,顧客往往根據你網站設計中的細節去決定是否選擇你的產品。

顧客是容易分心的。他們已經信任了一些大品牌,為什麼他們要突然放棄原來的選擇而相信你呢?除非你能在剛開始的幾秒內吸引顧客,不然他們就離開了。

最終,細節決定成敗。如果你想要創立一個值得信賴的品牌並獲得收益的話,你必須自己檢查和糾正這些細節。在這篇文章中,我將討論一些業餘設計師常會犯下的錯誤。即使你的設計能力有限,你仍可以發現你網頁設計中已經存在一些我所提到的普遍錯誤。

注意:在這篇文章中使用的例子均是各個創業公司專門在各自網站上詢問到的反饋。

 

1、使用模板不當

Image title

我不贊成大型企業在網站設計上使用模板,但我可以理解小型、自主創業公司對模板的需求。然而,如果你最終確定使用模板,你最好讓設計師按照你的品牌特性對模板進行適當的個性化設計。最終,你可能擁有一個非常棒的產品。

Logo和網站其他部分沒有很好的視覺聯絡是使用模板存在的普遍問題。要麼是Logo的用色和網站中的顏色沒有呼應,要麼是logo的字型與網頁的字型並不搭配。

Image title

如果你要節省品牌發展的開銷而使用網頁模板,那至少確保你使用的模板不會太明顯突兀。

 

2、使用預設Bootstrap的設計

在公司網站中使用預設Bootstrap設計是一個和使用模板不同但同樣可怕的錯誤。使用Open Sans是騙不了任何人的。使用預設Bootstrap的設計會讓你的網站變得和其他網站一樣,這會對你的品牌造成傷害。

使用Bootstrap建立網站的的一個好處是其自帶Font Awesome圖示字型庫。這類程式(比如Bootstrap)廣受人們歡迎的原因就在於它基本擁有所有你想要的、具有統一視覺效果的圖示。如果使用得當,會給你複雜的介面增色不少。

當然,你的應用的收益難道不能比使用這三個通用圖示來得更加直接嗎?為什麼不找一個更精緻的圖示去展示你的賣點??或者嘗試一個瘋狂的想法——找一位插畫師為你設計一個呢?

 

3、版式對比問題

Image title

字型問題比大多數非設計師意識到的更加重要。雖然它們只是一些“字母“,但它們絕對可以影響甚至是破壞你的整個頁面。

自制網站的常見問題就是標題和正文的字型幾乎沒有差別。僅僅調整字型大小還不夠,你可以嘗試加粗加寬標題以使其更加醒目,突出其重要性,這有助於顧客在瀏覽網站時分清主次,並在不知不覺中引導顧客閱讀。

 

4、使用全黑的背景色

Image title

因為背景顏色覆蓋了網頁的最大部分,所以對於背景色的選擇應當慎重。

根據經驗來說,全黑的網頁背景通常不討人喜歡,除非進行了專業設計。白色是一個安全的顏色,但是更多的設計師選擇淺灰色。注意:背景色越黑越灰,黑色字型的可讀性就越

 

5、多個相同的執行按鈕

Image title

在你的網頁中,最好每一頁只有一個主要的執行按鈕。如果你沒有給訪客一個單獨的執行按鈕,他們很有可能會花更長的時間去選擇點選。他們甚至可能因為這需要費神思考而選擇離開。

儘可能減少頁面的執行按鈕,讓訪客的操作變得簡單不用過多的思考。不論是註冊按鈕還是選擇按鈕,把那些你想讓訪客選擇的按鈕弄得生動顯眼,同時儘量降低其餘按鈕的存在感。

 

6、校準和間距的問題

Image title

間距是很難把控的。在各元素之間留下足夠但不過分的空白空間是設計中最難的部分。但是遵循以下原則會讓它變得簡單。第一,確保所有的元素儘可能分門別類地放好;第二,在各個小組之間留下足夠的空白空間。

 

7、不專業的文字內容

Image title不是每個人都能寫得一手好文章,但是把在網上把你的觀點表達出來很有必要。尤其是當你努力去售賣產品,你得確保你的文章淺顯易懂,並校對修改了所有的拼寫錯誤。

我時常在網站上看見一些尷尬的句子,它們就像設計原型階段的文字佔位符一樣卡在那裡。所以,在網站上線之前讓別人看看所有的文字是一個再好不過的主意了。

 

8、可讀性問題

Image title

如果你的文案根本不能讓人提起興趣去閱讀,那不論它寫得多好都不能挽救你的生意。許多小細節會影響到你文案的可讀性,這最終會影響到訪客對你公司的認知。

認真修正這些問題,例如過小的行高設定、小得難以閱讀的字型,或者是標題和正文之間對比差異不大。雖然這些問題對大多數人來說並不會導致什麼實質性的閱讀困難,但是這些問題的存在會讓你的網站顯得很不專業。你能想象在Facebook上存在可讀性問題嗎?

 

9、不一致性

Image title

你的品牌必須保持高度一致性。無論是在社交媒體、Facebook的廣告或者是線下業務中,你的顧客能夠一眼就認出你的品牌標識。

但是,我們先退一步,首先要確保你網站本身的一致性。你是否確定沒有遺留的ul(HML標籤)在正文中重複?logo的顏色是否和網站的其他顏色使用的是相同的十六進位制編碼?你在網頁中使用的圖形是全都一樣還是隻是“看起來相像”?通常,你只要管理好你的CSS檔案,刪除掉多餘的程式碼就可以解決這些不一致的問題。

 

10、過時的網頁設計

Image title

不管你喜不喜歡,我們現在已經告別擬物化設計。使用漸變——陰影——沉重風格的網頁設計必定會顯得過時。雖然你可以在許多地方避免使用3D效果,但最好在扁平化設計指南下探索你的創意選擇。

所以,現在你已經瞭解了我從一些創業公司網頁中找到的最常見的10個設計問題。現在你要做的就是對照上述的建議去看看自己的網站吧!

相關文章