製作網頁最常犯的錯誤

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

公司網站設計的七大錯誤(文章來源: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(缺乏報價)

Leave a comment

(必填)
(必填)

最新文章

Link

[B]南茜互助會
[黨]阿良的音樂網誌
[強]大黃金的瘋狂世界
[科]堯@部落格
[師]電影評論神人
[茶]leetea
[學]AhLaBasCa
[程]JC talk
[科]堯@部落格
[科]Maxray
[科]巧林和昌哲的結婚記事
[科]登七星而小台北
[長]阿祥的筆記本
[學]C*COOL拌料格
[學]有沒有都無所謂
[MT]JUST平生一笑
[人妻]P.S.上班可以寫
[雜學]資源回收筒電子志

histats

Recent Entries

  • [非關互動]用Kinect 加Keynote 作簡報

    默默gaspar.info已經從蜘蛛絲佈滿接近化石狀態(無誤),還是偶而要加水一下~~~從engadget.中文上面看到的,用姿勢來改變簡報中的圖片和文字走向。 可是keynote的物件移動還是先要調整吧@@姿勢是觸發的動畫的條件。 參考來源:懂得閃避的文字 -- 用 Kinect 便能解決 Keynote 之「遮蔽問題」...

  • Del.icio.us大改版新增stack

    不知道有沒有人跟我一樣還在用老牌線上書籤del.icio.us?被陳士駿在9月初買下來後,今天登入大改版!介面清爽(和新的youtube熊貓介面好像@@)外,多了一個stack的分類,整個很blog風格啊! 參考連結: Del.icio.us官方網站 我的stack...

  • DC SHOES: KEN BLOCK'S GYMKHANA FOUR; THE HOLLYWOOD MEGAMERCIAL

    從冠旭兄那裡看到的,同時身兼DC老總、Monster World Rally Team車隊的賽車手,同時也是極限滑板選手的KEN BLOCK,找來執導Zombieland和30 Seconds or Less的Ben Conrad,惡搞致敬部分經典電影橋段,拍了THE HOLLYWOOD MEGAMERCIAL。 不過要強調的是最後的Sponsor們,都是大有來頭啊,拿汽車品牌來贊助鞋子品牌,真是夠屌啊~ 參考連結:Ken Block...

  • 室內裝修步驟

    從mobile01上面看到的,有一位也是監工師傳的網友分享~ 施工流程: 1.拆除 2.泥作砌磚 3.水電工程 4.鐵鋁工程 5.泥作工程 6.木作工程 7.油漆工程 8.水電安裝衛浴設備、開關插座、燈具等等... 9.若有壁紙、壁布、玻璃、大理石材等工程都是清潔前安排。 10.木地板工程和定踢腳板 11.清潔工程 12.廚具安裝、系統櫃安裝 13.冷氣安裝 14.油漆修補 15.窗簾工程 16.準備入厝了...

  • 只能想念你

    今天辦公室來了新的同事,但是心中卻響起最近常聽的歌曲~ to my friend Achille...

Close