這10個錯誤,瞬間讓你的網站顯得非常業余

2 評論 14014 瀏覽 19 收藏 10 分鐘

創建自己的網站對于資金拮據的企業主似乎是個好主意??梢砸院笤僬以O計師,等你的創業項目取得了一定的地位,那時你才會開始考慮這些無意義的事情。

是這樣嗎?

事實證明,對于初具雛形的業務,設計遠比你想象得重要。當你運營線上業務時,訪客的判斷往往取決于設計中的小細節。

顧客都是三心二意的。他們對一些主流品牌已經產生了信任。為什么忽然要開始信任你?除非你在頭幾秒就吸引住他們,否則他們就走了。

最終,最微小的細節產生了最大的差異。如果你要樹立一個值得信任的品牌,創造收入,這些細節必須仔細查驗、精心準備。本文中,我就來談談網頁設計中常見的業余錯誤。即使設計能力有限,你也能辨認出一些常見的錯誤,它們或許也滲入了你的網頁設計中。

注:本文中使用的案例,都來自于創業項目,它們都特別重視各自網站的反饋。

1. 模版的不恰當使用

我不贊成在大型業務中使用網站模版,不過小型的、基于bootstrap的創業公司確實有此需求。無論如何,如果你最終用了一套模版,最好還是找個設計師為你的品牌適當定制化。最終甚至可能得到非常棒的產出。

預先設計好的模版網站存在一個普遍問題,logo和網站其余部分的視覺關聯很弱。logo色彩并沒有重復出現在網站的其他地方,或者與網站使用的字體并不搭配。

如果你要節省品牌包裝開支,至少這模版不能太明顯。

2. 使用默認的Bootstrap外觀

另一個同樣駭人的錯誤,是在公司網站上使用Bootstrap的默認設計。使用Open Sans可愚弄不了大家。很難區分各個使用相同設計的網站,這對你的品牌有害。

Bootstrap網站的一個贈品是極佳的字體。(正如Bootstrap那樣)它全面的基礎圖標庫,為它聚集了大量人氣,你會需要它們來創建統一的視覺語言。非常適合的情況下,它可以作為復雜界面的一種有益補充。

當然,如果原創圖標比通用圖標對你的品牌更好呢?為什么不找找更精細的圖標集,來描繪你的主要賣點——或是異想天開?找個插畫師來幫你吧。

3. 文字對比問題

Typography Contrast Issues

多數非設計師都遠沒有意識到字體的重要性。它們會成就或破壞整個設計,即使只是些“字母”。

“小作坊出品”的網頁設計有個常見問題,標題和正文之間的對比太不明顯。單單選用幾個字號通常并不能解決。嘗試在標題上使用更粗的字重,讓它顯然比其余文字重要。這有助于建立層級,溫和地引導視線瀏覽網站。

4. 使用深色背景

Using Dark Backgrounds

背景色覆蓋了網站的絕大部分區域,所以要謹慎選擇。

首要規則,純黑網站幾乎沒有好看的,除非經過專業的設計。白色比較無風險,不過更多設計師使用非常淺的灰色。當心更深的灰色,更糟的是黑色字母在這種背景上的易讀性?;叶茸詈迷?5%以下,保持設計的明亮。

5. 多個同等的行動召喚

Multiple Equal Calls to Action

網站的每個頁面都應該只有一個主要的行動召喚。如果不止給出一個操作——訪客會困惑,他們可能會需要更多時間來做決策,然后采取行動。他們甚至會因為這樣的認知負擔而離開!

盡可能多地去除行動召喚。讓人們更容易采取行動,無需思考。無論是注冊按鈕還是選擇套餐,通過圖形符號來使你期望的操作更加顯眼,同時讓其他選項更加溫和,削弱吸引力。

6. 對齊與間距問題

Alignment and Spacing Problems

間距很難處理。保留適當間距,元素周圍不要太多留白,這可能是設計要考慮的最困難的部分。但通過一些規則可以簡化。首先,確保所有元素都恰當地分組。其次,在這些組周圍保留足夠的空白。

7. 不專業的文案

Unprofessional Copy

寫作同樣很難,但它必不可少,能讓你的賣點通過互聯網傳播。尤其如果你在賣東西,你得確保文案容易理解,并且有校對者檢查修正所有拼寫錯誤。

我常常在網站文案中看到一些令人尷尬的句子,似乎從設計的原型階段開始,就以一段占位符卡在那里。最好在網站上線前找人通讀所有文案。

8. 易讀性問題

Readability Issues

如果無法閱讀,再多再好的文案也拯救不了你的業務。許多小細節可能損害文字的易讀性,結果會影響人們對你公司的印象。

要小心地修復這些問題,比如行高太小、字號太小無法閱讀,或者是文字與背景反差太小。盡管這些對于多數人不會造成實際的閱讀困難,但事實是這些問題存在于網站上,使得網站看上去顯得不太專業。你想象一下Facebook會有易讀性問題么?

9. 不統一

Inconsistency

你的品牌最好保持統一。在所有出現的地方,無論是社交媒體、Facebook廣告,或是線下,顧客都要能立刻辨認出你的品牌。

不過我們回退一步,首先要確保網站本身的一致性。有沒有繼承的無序列表樣式覆蓋了正文字體?logo的顏色和網站上使用的完全一致嗎?你是否在各處使用相同的陰影,還是說只是“足夠接近”?通常要好好組織CSS文件,刪除一切不需要的代碼就能修復這些不統一的問題。

10. 過時的設計

Off-trend Design

不論喜歡與否,我們現在要向擬物主義告別了,每個仍然在重度使用漸變和陰影的網站一定會顯得過時。盡管你的一些3D效果或許在某處僥幸成功,最好還是在扁平化設計指南中探索創意。

都在這里了:這是我通過分析一些不同的創業公司主頁,得出的10個最常見的問題。現在再去看看你的網站,是否觸犯了上面的哪條?

 

原文鏈接:http://designmodo.com/10-mistakes-website/

作者信息:Heidi Pungartnik

Heidi Pungartnik is helping bootstrapping entrepreneurs grow their business with design atDesignforFounders.com. She’s writing a book on the topic as well so be sure to jump on the launch list!

#專欄作家#

可樂橙,微信公眾號:可樂橙(colachangreen)。人人都是產品經理專欄作家,UI/UX設計師,關注互聯網,關注科技?,F居杭州,與小伙伴們正在創業途中?;蛟S不是一名優秀的設計師,至少是個快樂的設計師。

本文原創發布于人人都是產品經理,未經許可,不得轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 一模一樣的帖子,前段時間剛發過

    來自浙江 回復
  2. 這個圖能不能解釋一下?何為好何為不好,可能不同的人有不同的標準。

    來自北京 回復