萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

2015全球最醜網站排行榜:反面教材中的設計生存法則

親眼所見方敢相信,世界角落仍存這些「反人類審美」網站,殺傷力10000+,非設計師也看不下去。希望同學們看完帶著感恩之心致謝甲方——至少你的客戶沒讓你做成這樣。前方高能,請做好心理防護。

The Big Ugly Website
亂七八糟元素全占了,黃底紅字可讀性極差,無意義內容錯亂文字框無章法,域名風格契合:一個大寫的「醜」。
The World's Worst Website
黃底星星回溯90年代,右側無意義紫色文字框分心,背景圖不夠大強行平鋪。
Thorn Ford Dental Laboratory
導航下空無一物,巨大Facebook按鈕多餘,別用「Welcome to」空話,直接說利益點。
Arngren
電商不等於一股腦堆商品。哥大研究證實:24種果醬選擇轉化率3%,6種達30%。首頁超50商品,轉化率可想而知。
Jamilin
五顏六色導航欄尚可,但頭圖到底想傳達什麼?
Penny Juice
Comic Sans字體+彩虹標簽頁+一文不值內容。Comic Sans為何被禁用見果殼科普。看完仍不知Penny Juice是誰。
Ugly Tub
尖叫女人或浴缸讓人不適。註:女人掉進浴缸或許讓人放心些。
Mortimer Lumber
木材銷售站不提木材質量,左上角閃爍Flash分心。
Media Tek
不醜但犯關鍵錯:視差滾動至中部才知團隊幹嘛的。
Serene Naturist
按摩網站卻用裸女+飛蝶,完全傳遞不出渴望按摩的感覺。
Super Video
循環滾動圖像+居中背景,配色無力吐槽。
Imprint Technologies
最可怕:最後更新2015-08-16,卻像1995年網站。賣尺子的。
Chester Tourist
導航欄未在同一水平線,經典反面教材。

從「最醜」中提煉的設計生存法則

  1. 可讀性第一: 拒絕低對比度配色(黃底紅字)、禁用字體。
  2. 信息架構清晰: 拒絕無章法堆砌,導航對齊,內容分級。
  3. 選擇悖論: 選項過多降低轉化,學會做減法。
  4. 首屏傳達核心價值: 不要讓用戶滾半天不知道你是幹嘛的。
  5. 圖片/視頻有意義: 拒絕無關/低質/尷尬素材。
  6. 技術服務設計: 動效/視差/Flash須為內容服務,非炫技自嗨。
  7. 保持更新迭代: 2015年長相像1995年,是對用戶最大不敬。
  8. CTA明確: 告訴用戶能得到什麼好處,而非空洞歡迎語。

這些「最醜」網站,是用真金白銀教訓換來的反面教材。收藏備查,下次設計評審時,拿出來對標:我們有沒有犯同樣錯誤?

copyright © 萬盛學電腦網 all rights reserved