高評價！成為超厲害網頁設計師！巨匠電腦分享

錚／

成為超厲害網頁設計師！巨匠電腦分享網站過度設計的症狀

相信大家在網路上閒晃時，偶爾都會遇到讓您充滿疑惑，甚至是感到挫折的網站，本文列舉了許多現今大多數網站的問題。

設計問題

• 網站上充滿著隨機的照片，裡頭要嘛就是一群正在開心工作的人，或是開心地在開會，或是有個人在用電腦。
• 會自動輪播的照片，但你卻找不到可以控制它的按鈕。
• 大量的動畫，淡入、旋轉或動來動去。
• 彈出看似高級的設計。
• 更多開心而忙碌的人們。
• 網頁第一頁中心的大圖（Hero image）跟產品無關。
• 每個頁面的 header 跟 footer 都長得不一樣，有各自的導覽列和 logo。
• 網頁上藍色、畫有底線的文字卻不是超連結。
• 字體顏色會與周圍或背景圖像融為一體。如果你想知道那適不適合閱讀，你早就該知道了。
• 充滿創意的創新設計，而非大家習慣使用的佈局。
• 不是過於擁擠，就是過於空曠、負空間過多。
• 更多美美的照片。
• 忽略可用性測試，直接打磨那些動畫和 CSS 漸層。
• 設計過於極簡，以至於讓人不太確定那個網站是做什麼的。

結構問題

• 超大的表單，上面索取的資訊不只是你的 email。
• 同時有兩欄或三欄的內容同時在競逐你的注意力。
• 進入畫面有自動播放影片或是背景音樂。
• 用「聯繫我們」表單，而不直接告訴我們聯絡人的 email。
• 好看是好看，但會讓人找不到「下一步」按鈕在哪裡。常常讓人不知道某個按鈕的作用，或是連結要連去哪裡。
• 首頁塞進太多東西（關於我們、一覽表、最新消息、tweets、功能、優惠、合作夥伴、最新的 blog 文章。）
• 太多事情要做了，我該註冊帳號、看更多（read more）、聯繫你們、申請優惠方案還是下載 app？
• 沒有任何產品的截圖，到處都找不到。

文案問題

• 「我們很棒！」或是「全世界最創新的公司」、「產業的領導者」、「專注在品質上⋯⋯」。
• 我、我、我、我，也許跟你有關⋯⋯ 不，你眼前這個網站跟「我們」有關，講的是「我們」。
• 充斥著一些比較弱的語言，例如「相信」、「想（think）」、「發現（find）」、「瞄準（aim）」、「努力（strive）」⋯⋯ 這些話通常只會出現在你們「還沒做到」某些事的時候。
• 一般人（潛在顧客）看不懂的行話。
• 列舉很多原因說明為什麼你們公司很棒，但卻不明說自己在做什麼。
• 講了太多空洞的東西，使用者來這個網站是有目的的。
• 使用文字進行資訊的溝通，而沒有直接呈現資訊。
• 文案寫得超熱血，卻不告訴你賣的東西有什麼功能。
• 寫了絕妙的文案，目的卻是娛樂使用者，而不是告訴他們有用的資訊。
• 為什麼當你可以簡單地用「聯絡我們（Contact Us）」時，偏要自以為有創意地用「Reach Out」或「Connect」。
• 好好寫一份公司的任務和願景文案，即便你的公司做的事跟其他幾百萬家公司一樣。

巨匠電腦開設了視覺設計課程，教你響應式跨平台網頁設計、跨界創意視覺設計等等，快來巨匠電腦輕鬆學！

文章與圖片出處: http://goo.gl/mpuANp

 

【視覺設計課程】巨匠電腦分享，時尚品牌幕後代筆者 — Nicolas Ouchenir

【視覺設計課程】巨匠電腦分享，跨屏介面設計的現況與未來

【視覺設計課程】巨匠電腦分享，10種不同類型的移動UI設計模式

【視覺設計課程】巨匠電腦：使用者介面設計的七個訣竅你知道嗎？