製作網頁最常犯的錯誤

因為工作的關係,我每次都會跟對口單位吵得不亦樂乎,再整理一下要注意的錯誤,因為我自己也常常忘記:


公司網站設計的七大錯誤(文章來源:EMBA雜誌第297期)
在這個網路時代,擁有一個網站能為公司錦上添花,提升公司的能見度與資訊傳遞的範圍,然而錯誤的網頁設計卻可能造成反效果。公司雜誌(Inc.)訪問了六位頂尖設計師和創意總監,將這些專家深痛惡絕的設計元素整理成七大項。且讓我們聽聽這七大罪惡是什麼。
1.以自己的設計為第一優先。
創意副總監歐瑞果(Andres Orrego)表示,網頁的重心應該是使用者所需要的資訊,而不是那些花俏的設計。它應該讓使用者能夠自然地瀏覽該網頁,迅速地獲得資訊。
2.過量的Flash動畫。
設計顧問拿瓦列特(Antonio Navarrete)認為,雖然動畫能為網頁增色,但今天的客戶想要的是提升網站的能見度,所以網頁設計要以提高網站在搜尋引擎的排名為原則,而在這種情況下,Flash動畫就不見得有那麼高的必要性了。
3.驅逐訪客的歡迎畫面。
在點進某些網站時,頭一個看到的不是首頁,而是彈跳出來的歡迎畫面。設計專家卡佛瑞克(Andrew Cafourek)覺得這是完全沒有必要的,更別說「這個畫面延遲了使用者接觸網頁內容的時間,使得他們可能在進入網站之前就離開了。」
4.首頁一團混亂。
創意總監羅素(Marvin Russell)認為,網站應該是一個用來滿足使用者功能需求的平台,迅速、精準地提供他所需要的資訊與服務。企圖將所有的資訊都塞進去,只會讓人眼花撩亂,還不如簡約單純的設計,更能達到傳遞訊息的功能。
5.視「螢幕可顯示範圍」為黃金守則。
報紙的重要消息總是排版在頭版頁面的上半部,而網頁設計循著這個概念,也認為網站的主要訊息也應該涵括在首頁之中,而且要在電腦螢幕的顯示範圍內,也就是在瀏覽者的第一眼可見範圍當中。設計顧問湯瑪斯(Scott Thomas)可不這麼認為。他表示,使用者並沒有那麼懶得捲動網頁,設計者大可放心將更多資訊納入首頁,而不必受限於上述守則。
6.未將使用者的實際需求納入考量。
傳播策略總監凱欽(Sean Ketchem)發現,公司往往急著將所有的產品都擺上網站,卻忘了從顧客的觀點來觀察。產品也是按照公司的自我本位進行分類,不見得便於顧客瀏覽與搜尋。他建議公司要先考量需要滿足的(顧客)需求是什麼,然後才將產品擺出來。
7.當藏鏡人。
網站不是讓公司用來隱蔽自己的,而是與顧客溝通的媒體。維持一定的透明度,能使得使用者與你提供的服務產生聯繫,並促成消費行為。例如某家公司的網站上就放了員工的影片,讓他們大談自己的工作內容、熱愛工作的理由等。像這樣的頁面,就使得瀏覽者對該公司產生了個人的聯繫感。
少就是多。公司網站是個交流的平台,網站設計應該以傳遞資訊為重,而不是讓繁複的版面或動畫喧賓奪主。
4個新手與20個網頁設計常犯的錯誤(資料來源:Jas9
在《Common Mistakes that New Web Designers Make》(網頁設計新手常犯的錯誤)這篇文章裡,作者提到他發現許多新手設計都缺乏網頁標準的觀念,在視覺影像的應用上,也很少會去考慮到網頁優化的因素而作出不同的抉擇,甚至設計出不符使用實態的版面,亦不自覺、不進行反覆測試作為修正參考。
該文作者最後提出4點修正錯誤的意見,以及對網頁設計新手的建言:
符合網頁標準
圖檔優化
版面動線規得當
永遠記得測試
另外,文中提及《The 20 Most Common Mistakes in Website Design》(20個網頁設計常犯的錯誤)這篇文章,其條列的20個網頁設計常犯的錯誤分別為:
1. Bad Layout and Design(糟糕的版型與設計)
2. Non-Standard Links(不符標準常規的超連結)
3. Iffy Navigation(不夠明確的導覽)
4. Slow Pages(頁面開啟過慢)
5. Wild and Crazy Color Schemes(可怕的色彩/配色規劃)
6. Spelling and Grammar(用字遣辭錯誤)
7. Page Text(段落不夠分明)
8. Font Style and Size(字體樣式與字級的易讀性差)
9. Dumb, Out of Control Music(糟糕、失控的背景音樂)
10. Under Construction(提供未建構完成的頁面)
11. Untested Web Site(提供未經測試優化的網站)
12. Sloppy Texts(誤植的內文)
13. Old Content(過時的內文)
14. Too Many Clicks(超連結過多)
15. No Contact Information(缺乏連絡資訊)
16. Free Hosting Service(使用免費網站空間)
17. Advertising(廣告太多)
18. Bad Images(缺乏美感、不夠美觀的視覺影像)
19. Website Best Viewed(在頁面上指定最佳瀏覽環境)
20. No Prices(缺乏報價)

發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料