製作網頁最常犯的錯誤

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

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

  • 20121017脫離現實Macau之旅part2 澳門文華東方酒店 Mandarin Oriental Macau

    話說從巴士離開機場,我們立馬就到位於澳門新口岸新填海區B區B2街區B地段的文華東方酒店Mandarin Oriental Macau(人稱新文華東方,舊有的澳門文華東方酒店位於澳門市中心的友誼大馬路,鄰近外港碼頭,曾是澳門第一間外資酒店,現已更名為金麗華酒店。)這次特別找沒有賭場的飯店,不過價錢直逼威尼斯人的新文華東方,建議大家一起要買機+酒,才有早餐+湖景房的優惠,後來求證當地澳門人,也是牛仔包學弟Macau,是真的滿划算的~不過面臨旅遊塔的view就是不一樣~ 不囉嗦,馬上看!...

  • 20121017脫離現實Macau之旅part1 Macau airways初體驗

    前言 因為之前沒有跟到公司員旅的澳門之行怨念,所以10/17~10/19和牛仔包去澳門一趟,利用澳門航空的機+酒三天二夜專案去的,本來找雄獅和東南查,但是說團滿了,所以另外請登七小北提供的鄭菊英(聚仁旅行社)江湖救急代訂,真的訂到了~TAT接下來就是打掃一下充滿蜘蛛絲的網站啦!!! 不囉嗦,馬上看~...

  • 2012 Olympics 在 Youtube上作什麼?

    2012你可以開始嗅到電視台在影音上的作法慢慢在改變,除了Olympics官網外,NBC、ESPN,以及加拿大的CTV在yt上都有官網,而且呈現的方式有很大的不同,我先簡單作個分別標準 1.影音地區限定Locations(我認為是最重要的) 2.是否有客製頁面 3.是否有HD影音(台灣目前都沒有看到) 台灣區要看請參考硬是要學的2012倫敦奧運線上轉播/直播方式報你知 [更新] 話說回來,其實種花不用很委屈啦,拿到轉播權還有拿廣告,不然公視真的比較有立場作奧運電視及網路轉播...

  • Youtube補件通知:影片獲利申請的審查作業需要您提供額外資料

    為了實驗Youtube即將全面開放的partner program,我利用我拍食玩的影音來進行申請,結果4天後收到Youtube的來信,全信轉載如下: 感謝您向我們提出影片獲利申請。 目前,我們針對您的商業使用權所掌握到的資訊不足,因此無法核准您的影片獲利申請。您必須證明自己有權將內容的所有元素 (包括影片、圖片、音樂、電玩遊戲畫面及任何其他影音元素) 用於商業用途,我們才可能對影片展開審查。進一步瞭解 YouTube 開放使用者針對哪些類型的內容提出獲利申請。如果您的影片中含有第三方內容,而想瞭解如何聲明商業使用權,請參閱這篇文章中的建議。 如果您能提供相關文件,證明您具備影片的商業使用權,請在下方提交這些資訊: "xxxxxxxxxxx" (http://www.youtube.com/watch?v=ssssssss) 提交這部影片的相關資訊 請注意,我們只會在適合廣告客戶使用的內容中刊登廣告。YouTube 保留是否核准影片獲利申請最終決定權,而如果使用者重複提交不符資格的影片,YouTube 可能會撤銷這類使用者的獲利資格。所有影片都必須遵守《YouTube 服務條款》和《YouTube 社群指南》。如果影片違反這些標準,可能會從網站中移除。 感謝您! YouTube 小組敬上 提交資訊後的頁面會轉到YouTube Partner Support - Revenue...

  • 台灣Youtube正式開放影音partner申請教學_靠自己的影片獲利!

    上週和YT的窗口聊天,他說大概8/9月就會開放台灣區的一般使用者可以申請youtube partner program,也就是神祕的YPP計劃,沒想到今天就收到youtube的邀請,看來是提早開放了~不過一般者Partner和之前的Partner還是有很大的不同(一般者不能自訂截圖,沒有頻道首頁banner,沒有直播服務等功能) 這次先就一般者的頻道來教學(力拚全台第一)...

Close