香港網頁網設計 Web Design Hong Kong Blog
香港網頁設計Blog - 分享網頁設計的樂趣, 技巧和心得
RSS RSS 訂閱
http://blogsessive.com/wp-content/uploads/2008/10/feedburner-logo.png Email 訂閱
  • 首頁
  • 關於我們
  • 有問有答討論區
  • 文章列表
  • Archive
  • 網頁設計
  • 聯絡我們
首頁 » 網頁設計 Tips

8個網頁設計考慮因素

2009年05月10日 553 views 目前沒有回應

http://restaurantcoachingsolutions.com/wp-content/uploads/2008/03/web-design.jpg

網頁是為了網路使用者而設計的,它不是印刷品。所以在網站設計時,應該多花點心思去思考如何吸引用戶瀏覽網站內容。

方法很多以下列舉簡單幾項…

設計網頁應注意的事項
1.如何吸引用戶瀏覽網站的內容
2.任何有關網頁設計的觀念和技巧,應學習吸取
3.網頁標題及內容的可讀性差
4.沒有改變被點閱過的超連結顏色
5.開啟新瀏覽器視窗
6.在網頁上開啟閱讀PDF文件
7.固定的字體大小
8.不回答用戶的問題


如何吸引用戶瀏覽網站的內容
網頁是為了網路使用者而設計寫的,它不是印刷品。所以在網站設計時,多花點心思去如何吸引用戶瀏覽網站內容,方法很多以下列舉簡單幾項:
1.副標題
2.特殊符號清單
3.突顯關鍵字
4.簡短的段落
5.倒金字塔敘述
6.簡單的寫作風格


任何有關網頁設計的觀念和技巧,應學習吸取
大部份的網友,都已經培養具備有非常強而有力的選擇性注意力,當網友在網路瀏覽時,已經學會去停止注意所有與他們要找的資訊不相關的任何廣告。相對地,用戶有時也忽略了看似做廣告,但卻符合時代流行形式的設計概念。

從另一種角度來看,當您忽略了某些事項,如果您不仔細地去發現它、學習它,在現今這網路資訊爆炸時代會有追不上的無力感。因此,為了避免設計出的網頁,乍看之下像廣告的任何網頁設計的觀念和技巧,應當去學習吸取。列舉幾項供參考:
1.橫幅廣告-用戶在瀏覽網頁時,這些橫幅廣告不管它的形狀或位置,用戶較少會花費時間去注意。
2.避免動畫-快速閃動的文字或圖片,會令用戶無法專心- 失去焦點。
3.彈開式視窗-干擾或打斷用戶瀏覽的興致,不是良好的網頁應該有的。
4.無法回上一頁-不當的設計,很糟糕。


網頁標題及內容的可讀性差
搜尋是網路使用者發現網站最直接和最重要的方式。搜尋同時也是個人發現所要尋找網站的最佳方法。在搜尋目錄中,網頁標題是很重要的關鍵,它將吸引新訪客和幫助您現有的用戶找到他們所需要的特定資訊。

網頁標題是寫在HTML title的標籤內,它總是被搜尋引擎作為可被點選標題的目錄。而搜尋引擎只會顯示前66個字元的文字標題,所以請好好善於利用,這是SEO網站排名的基本功之一。

當用戶將喜愛的網站使用書簽點存時,網頁標題也作為在”我的最愛”的標題。所以您的首頁,應該從公司名稱開始,然後跟著的是網站的簡要描述說明您的網站。不要一開始以詞句類似像”歡迎”或”我們”,因為網站是按字母的順序按照排列的。

除了首頁之外的其他網頁,網頁的標題最好能使用較少的搜尋引擎關鍵字, 然後具體描述網頁的內容,好讓用戶能根據這些關鍵字,找到他們所要的特定網頁。另外,網頁標題也會作為瀏覽器的視窗標題,它也可成為作用視窗在工具列下面 視窗的標題,所以用戶可以同時移動多個視窗,因為每個網頁標題的前面只有一兩個而且是不同的關鍵字。如果所有您的網頁標題開始都有相同的關鍵字,它會大大 減少多視窗用戶的實用性。


沒有改變被點閱過的超連結顏色
優良的網頁設計在製作網站的結構上,要注意設計網站網頁的可用性和可讀性。比如說,應設計有導覽列讓使用者能很順暢的瀏覽網站,並以最快的導覽路徑獲得他們所要的特定資訊。網頁設計讓用戶能夠掌握瀏覽主導權,並幫助他們瞭解目前的網站位置是很重要的。

如此一來用戶更容易知道,並決定下一步該往何處去,千萬不要讓他們在您的網站中迷失了。在整個導覽過程中,網頁的超連結是一個關鍵因素。因為用戶能根據稍早的點閱連結,避免並排除重複性導覽相同的網頁。

所以,結論是用戶能否分辨出超連結有沒有被點閱過,就在於這些超連結是否用不同的顏色來做區分。


開啟新瀏覽器視窗
網站設計者理論上會如此做,是希望開啟另一新的瀏覽器視窗,好讓現有使用者還能持續的待在他們的網站上。但實際上,他們卻忽略了網路使用者的一些習慣或事項,反而弄巧成拙適得其反。

因為上網者常會忽略一個開啟的新視窗,特別是如果他們螢幕解析顯示小,但卻把視窗最大化而填滿了整個螢幕。如此做法會讓使用者混淆,因為當他們設法回到原來網頁的時候,會無法按下一個已變成灰色的回“上一頁”的視窗按鈕。

還有就是一些無法事先讓網路使用者所預期的網頁超連結,連結到用戶所不喜歡的、無意義的網站。 這樣會破壞他們對現有網站的觀感,進而遠離或更糟糕的就是變成拒絕往來戶。

超連結的功用應該是從現有的網頁,連結到另外更富有參考性或更新的網頁資訊內容才是。


在網路上開啟閱讀PDF文件
在網路上瀏覽時,用戶較不喜歡開啟PDF文件檔,因為會打斷他們的瀏覽興致。就連最簡單的文件列印或檔案儲存有時對用使用者來講都覺得蠻困難的,因為標準的瀏覽器有時並不支援這些指令。

另一方面,PDF的文件通常都是設計且固定好的,所以有時很難去更改它。通常PDF文件檔都是被當作或利用來需要列印的檔案,分佈下載閱讀使用或製作成類似指南、手冊等。

當文件檔案很大的話,最好就是製作成PDF,除此之外,最好將資訊轉換成可在螢幕上瀏覽的網頁。


固定的字體大小
CSS網頁設計剝奪了網頁中可以改變字體大小的權利。大約95%的網頁中,這固定尺寸是微小的,因此對大多數年齡在40歲的人來說,已經大大地減少其可讀性。

所以網站設計時,應注意並尊重用戶的選擇權利,並且讓他們能隨時調整所需要的字體大小。也就是說,用相對來指定字體大小不要用絕對數字。


不回答用戶的問題
用戶上網的目的是非常直接而且明顯的。他們知道他們所想要的、所要完成的、所要達到的目的在那裡。所以由此看來網站製作的成敗就決定於是不是能提供消費者他們所想要尋找的資訊。

雖然大部份的網站擁有者已經知道這麼簡單的道理,但往往還是忽略了用戶的需求而平白無故損失了商機。原因不外是如果您不告訴他們更詳細的產品內容或更具體的服務事項,用戶會覺得您的產品或服務不符合他們的需要。

B2C電子商務網站通常會犯下列出產品和服務的價格這個錯誤。列出有關價格的資訊對顧客來說,最具體的用途就是幫助客戶瞭解所提供產品或服務的本質,並且作出最有利於消費者的決定。不提供價格會使用戶感到不解、迷失,甚至減少對產品的興趣和購買慾望。

要知道價格對用戶來說是非常關鍵的; 消費者在網路上購物能讓他們下單的最重要的因素就是─比價。它讓用戶在產品之中作區分,然後透過良好的網站製作和網頁設計讓客戶點選最有利的相關產品下單。

No related posts.

我要留言!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.

最多觀看文章

  • 2000 個高質素網頁模板免費下載 (Free web design templ... - 11,885 views
  • 2500個最受歡迎網頁設計資源 (Top 2500 Best Design Re... - 6,200 views
  • 5個免費網頁寄存空間 - 5,558 views
  • 10 個精選網頁素材網站 - 4,664 views
  • 免費網站空間 (Free web hosting HK) - 4,608 views

文章分類

  • Internet Marketing (8)
    • SEO (7)
  • Uncategorized (43)
  • Web Design Articles (6)
  • Web Trend (2)
  • Website Freelance (38)
  • WordPress (3)
  • 免費CSS網頁模板 (1)
  • 圖像設計 (1)
  • 精選文章 (5)
  • 網絡新聞 (6)
  • 網頁寄存 (2)
  • 網頁教學 (1)
  • 網頁設計 (15)
    • User Interface Design (5)
    • 圖像設計 (2)
    • 網站推介 (8)
    • 網頁設計 Tips (2)
  • 網頁資源 (12)
    • 免費CSS網頁模板 (1)
    • 圖示 (2)
    • 桌布 (Wallpaper) (2)
    • 網頁寄存 (1)
    • 網頁模板 (4)
    • 網頁素材 (4)
  • 頭條文章 (1)

標籤

best cms css design designer download flash free Freelance Freelance Job Freelance Programmer Freelancer freelance web design google high hk hong kong hosting icon logo mysql optimization php popular programmer quality quotation resources search SEO template templates tools tutorial Uncategorized web web design HK Web Design Hong Kong website WordPress yahoo 免費 網頁 網頁模板 網頁設計

Blogroll

  • Development Blog
  • Documentation
  • Plugins
  • Suggest Ideas
  • Support Forum
  • Themes
  • WordPress Planet

其它

  • 註冊
  • 登入
  • 文章 RSS 訂閱
  • 迴響 RSS 訂閱
  • WordPress.org
香港網頁設計Blog
- 分享網頁設計的樂趣, 技巧和心得

最新迴響

  • A Freelance programmer
  • 網頁設計
  • 2000 個高質素網頁模板免費下載 (Free web design templates)
  • 關於我們
  • [香港 Hong Kong] Freelance Web Designers, Programmers, Writers. Custom Web Design, website

熱門文章

  • 2000 個高質素網頁模板免費下載 (Free web design templates) - 11,885 views
  • 2500個最受歡迎網頁設計資源 (Top 2500 Best Design Resources of 2009) - 6,200 views
  • 5個免費網頁寄存空間 - 5,558 views
  • 10 個精選網頁素材網站 - 4,664 views
  • 免費網站空間 (Free web hosting HK) - 4,608 views
Powered by WordPress | 登入 | Entries (RSS) | Comments (RSS) | Arthemia theme by Michael Hutagalung