蔚藍水世界 » 網頁語法 » 製作網頁十大訣竅 & Web設計的十大錯誤!

查看完整版本: 製作網頁十大訣竅 & Web設計的十大錯誤!

水草愛好 2008-6-2 23:45

製作網頁十大訣竅 & Web設計的十大錯誤!

●◎ 預早籌劃 ◎● 6D;j5UA:D^
　　設計主頁未必很艱難。但這一工作與編制傳統的宣傳品一樣，都需要我們謹慎處理和籌畫。換言之，我們必須首先確定自己需要傳達的主要資訊，然後細意斟酌、把所有意念合情合理地組織起來；之後是設計一個頁面式樣，試用於有代表性的用戶，接著重複修訂，務求盡善盡美。
　　
　●◎ 盡量精簡◎●
　　主頁的作用好比一本書的封面，是為了吸引用戶測覽你的網址內容。因此，主頁的設汁應以醒目為上、令人一目了然。切勿堆砌太多不必要的細節，或使畫面過於複雜。在主頁上清楚列出三項要點，例如機構名稱、提供的產品或服務、以及主頁內容(亦即你的其他頁面還載有什麼資料)。應切記頁面給人的第一觀感最為重要。在網上到處流覽的人很多。如果你的主頁真沒有吸引力，很難今他們深入觀賞。　　
　●◎ 盡量簡樸 ◎● ,F0Yq)E6`:@
　　現今大部分用戶那是用數據機接駁萬維網，所以他們一般都要花很多時間等待主頁傳送到自己的系統。切勿令他們加倍望穿秋水。主頁上的圖形應力求簡樸，避免耽擱用戶的時間。圖像愈大、顏色愈深，傳送頁面的時間愈長。這並不是說你要完全略去圖像不用，只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種，頁頂圖像最好保持在大約10KB(千位元組)以下。切勿禁不住誘惑。覺得非要放入大幅的圖畫不可；應考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒，很多用戶就會等得不耐煩。如果情況許可，最好先測試一中你的主頁在稍差的條件下的傳送速率，14.4千波特的數據機，或透過 Prodigy 等網上服務接駁萬維網等。此外、還須注意配合最低檔的設備，例如標準的小型顯示器，不要假設人人都用高解像度的大螢幕。運用先進測覽軟體所提供的一些尖端功能是可以的、但應確保你的主頁在次一級的流覽軟體上(例如某些網上服務所提供的專用流覽軟體)仍可暢順地顯現。
　●◎ 善用圖像 ◎●
　　用戶在網上四處漫遊，你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內容應有一定的實際作用，切忌虛飾浮誇。最佳的圖像足集美觀與傳訊於一身。注意圖畫可以彌補文字之不足，但並不能夠完全取代文字。很多用戶把流覽軟體設定為略去圖像，以求節省時間他們只看文字。因此，制作主頁時，必須注意將圖像所戴的重要資訊或聯接其他頁面的指示用文字重複表達—次。用“純文中”模式測試已製成的主頁，確保其傳達到所有資訊。 uj Y`fvS w
　●◎ 使主頁易於漫遊 ◎● nFa$Tz"J'ZC,Z1r
　　主頁的其中一個主要功能是作為漫遊工具，指引用戶查閱你存儲在網址或其他地點的資訊。儘量使漫遊過程不費吹灰之力。基於清晰明確和速度的考慮，主頁上的聯接項目應只限於幾個高級的類別，例如公司、產品、服務、支援等。用六至八個聯接項目最為理想。此外，你提供的資訊不應埋藏在重重疊疊的頁面之下。穿越五個以上的聯接項目已足以令人厭煩。因此，你必須在廣度和深度之間求取平衡。如果你的網址上有太多資訊，你可能要編制較長的頁面或使用更多聯接專案，甚至可能要建立多個主頁、使每個主頁載有不同的資訊。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的資訊，肯定受用戶歡迎。假若你有充足的資源，便應找一位專家來評估你設計的主頁是否方便易用。設法找一些對主頁陌生的用戶，來試用你的初步製成品。 Ka7D@t'vU4op(w
　●◎ 提網協領 ◎●
　　主頁—般須載有以下事項：
　　★　標題
　　此標題須清楚無誤地標示你的網站。{4F8wY)^;W
　　標題可以是名稱、標語徽號或圖像。6x[s_\r5Bz5P/U
P-m;[ IP3j
　　★　電子郵件位址(例如你的 Webmaster)
　　以便用戶有問題時，可以通知你。8uI0sV&r;B]~4Fs4I[
M.l~ToI3o;yQ9]
　　★　版權資料
　　這是適用於主頁內容的版權規定。
　　你可以在主頁上標示一句簡短的版權聲明，用聯接方法\(r2OGa7x.y[;H
　　帶出另—個載有詳細使用條款的頁面。這樣可以避免主9Qb9r-uxF9n8V
　　頁顯得亂糟糟。w$p9Zu:s K0X a,M@
Fq(^+Ql&D
　　★　聯絡資料i(blZ kb6so6L*I
　　列出通訊位址、公關或營業部門的電話號碼等。
　　 /]*nw4I.|I']f.d z
　　●◎ 循環利用現有信息 ◎● 5Fo+PL R/P8v6}Nv&d
　　制作主頁(或其他主頁)時，通常都毋須從頭做起，因為有許多現成的文字、圖畫等資料可供我們重用，例如宣傳小冊、公關檔、技術手冊、資料庫等。很多情況下，只要用少許功夫、就可把這些材料轉到網頁上使用。 #e d7X6E Cggv9_.q
　
　　●◎ 保持新鮮感 ◎●
　　萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變，用戶很快會厭倦。在主頁上預告即將有新資料推出，可吸引用戶再來測覽。不妨在頁頭以大字標題宣佈新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續或自動更新、例如列出會測覽你的網站的人次。同樣，為保持新鮮感，應時刻確保主頁提供的是最新資訊。將更新主頁資訊的工作納入既定的公關及資料編制計畫內，亦即當你使用傳統方法(例如新聞稿)傳遞的新資訊、會問時出現在你的主頁上。確保連接專案運作暢順，以免用戶在螢幕上收到“無法查閱所需檔案”的資訊而大感沒趣。 Eq q;v kk
　　
　　●◎ 貫徹諾言 ◎● `7R3ie0p]
　　做不到的事情，千萬不要輕易承諾。切勿隨便叫用戶作出回應行動，例如要求用戶填交訂貸表格，除非你已制訂好處理這些訂單的方法和交貨程式。如果在網上列出聯絡電話、就要確保自己能夠迅速解決來電者的問題。
　　
　　●◎ 吸引用戶測覽 ◎● (S? T#qf&~`%K
　　既然絞盡腦汁把主頁弄得美觀實用，沒有人來欣賞就太可惜了。為吸引所有網中人來流覽，必須使主頁易於尋找。通知其他網站(例如題材相關的網站)，他們可能想聯通你的主頁。安排將自己的網址列在所有相關的網址目錄、索引、查找程式和“What’ s new”頁面上。儘量將網址傳播開去，使之出現在 Internet和所有傳統煤體上、例如書刊廣告、公關檔、宣傳品等。在網站上，於每個頁面設置“home”按鍵，方便用戶隨時返回主頁。萬維網充滿生命力、正在不斷演進，所以一些現時適用的經驗，將來未必合用。舉例來說，將來家居用戶有高速線路接駁Internet，就可以消除資料傳輸目前的所受的限制、使主頁的篇幅可以更長，頁面更華麗。新的流覽功能、例如Sun的 HotJava測覽軟體所提供的先進功能、將使萬維網更強勁和更方便溝通。 HotJava將主頁由靜態的檔轉為動態的實體，提供諸如即時製作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網上用戶帶來更多樂趣。有好的主頁，還須有精良的設備支援。網站伺服器不斷推陳
出新，使建設網站的工作愈來愈容易。以 S u n的Netra Internet Server為例、全套設備包括上網所需的軟硬體、以及建立完善的高效能網站所需購各種軟硬體設施。@S&Ex_
　　這些發展為萬維網及其用戶開拓了壯闊的前景。建設網站的上作，從未如此容易過。

水草愛好 2008-6-2 23:45

Web設計的十大謬誤!

翻譯於2006年4月7日v#F|%yrVeg5azwm7y
本文來自:五珠設計RJ]/Jk_Gb$z

摘要
對互聯網用戶犯下的十大罪行;web設計的災難和恐怖的HTML代碼仍然大片存在,儘管它們已經不如從前那樣盛行.j1IX]#p`^H?
!D)s3J \,XG
從1996年開始我就開始試圖總結web設計中的十大謬誤.請讀者看看下文的鏈接.它們都是這些謬誤的錦集.
&Q-s H#]M0\!h*UA2LU j
1、差勁的搜索byE:ZTZ.t&?9TZ'n
過度複雜的文字搜索引擎降低了搜索引擎的可用性——用戶不能夠很好的掌握他們的字符、連接符號等請求字符串的內容。這樣的搜索引擎對於年齡較老的用戶使用尤其不便，而且它傷害了他的每個使用者。6\3f"_-m|1P;K-[!YA

另外一個關聯的問題是，搜索引擎是否將搜索結果按照包含用戶提交關鍵詞的多少來排序，而不是這些文檔本身的重要程度。如果你的搜索引擎能夠調用出最佳的一票文章，尤其是包含了關鍵詞中最重要的詞語比如產品名稱的時候，那結果將是很美妙的。

當導航不起作用的時候搜索為用戶提供了一種保障。儘管高級複雜的搜索有時候能起到作用，但是最好用的還是一個精簡的搜索，而且搜索最好被作為一個簡易的框框呈現給用戶，因為那就是用戶所想要的。
iC'r FN3p\@4v2[
2、將PDF格式文件用於在線閱讀
用戶非常憎恨在瀏覽過程中碰上PDF格式文件，因為那妨礙了他們的漫游。$L0L(M'W A?.Et,R
3s J8Z/@O!Uw m:E
3、從不改變已經訪問過的鏈接的顏色 {$@DA x.l
當用戶剛剛進入一個站點的時候，一個關於過去的導航會很好的幫助用戶意識到他們當前的狀況。而意識到過去去過的地方和當前的位置會很好的幫助用戶決定下面該去哪裡了。在這個導航過程中，鏈接是一個非常關鍵的要素。用戶會很快把那些他們曾經訪問過被證實沒有意義的鏈接排除在外，而去訪問那些他們認為有用的內容。5RH }`"S

4、不具可讀性的文本
向一面墻一樣浩然的文字讀起來簡直讓人窒息。它們乏味，另人傷心。.JwX*d+xI

5、固定大小的文字 r4v8@0nE+c
CSS樣式表使得用戶可以將他們的文字大小固定。然而這對於多數年齡超過40歲的用戶是不利的。他們看不清楚內容，卻又無法改變。2Q/u-?q j^6H

6、網頁標題的搜索引擎可讀性低
搜索引擎是讓用戶能夠發現網頁的重要途徑，同時搜索引擎還是讓用戶發現個人站點周圍的內容的重要途徑。一個好的簡易的標題是讓互聯網用戶找到您站點的好方法，也是讓您現有用戶搜索到更多相關內容的好方法。

7、每個東西看起來都像是廣告9qN v~m)Cz:F Oxv
選擇性注意力是一個非常大的力量。Web用戶已經學會了在他們有目的的瀏覽中不去注意那些突然闖入的廣告。(但是一般搜索引擎性質的文字廣告除外。)

不幸的是，用戶也經常不去理睬那些看起來像流行的廣告一樣的設計元素。畢竟，當你不去理睬一個東西的時候，你不會去鑽研它的細節並且認識到它究竟是什麼。c7[n~$S9s b

因此，最好是避免去把一個東西設計的像廣告。這方面的設計方針會隨著新的廣告形式的出現而變化；目前遵循如下規則：

*u#XY6`K)x7`4a
廣告條忽略性意思是用戶會對看上去像是廣告條的東西視而不見，不管是在形狀上還是在位置上。
_wW-^q
動畫迴避慣性會讓用戶對於會閃亮或運動的類動畫區域視而不見。
DW E`2rcu
彈出窗口潔癖意思是用戶會立刻關閉所有的彈出窗口而不去理會它裡面顯示了什麼。 YK*Vg']!OJG*b
r'`b^z8D

8、違反常規的設計w;qX~6P8U
常規是一條非常有利的可訪問性原則：當事物總是按照同樣的方式工作的時候，用戶不需要去擔心接下來會發生些什麼。相反，他們可以根據以往的經驗，預料到接下來會發生的事情。每當你從牛頓先生的頭頂上方釋放一個蘋果的時候，它總是落在他的頭上。那非常好。

9、開新窗口的鏈接
打開一個新的窗口好比是一個真空吸塵器的銷售人員,他們的工作總是從將煙灰缸中的灰全部倒在客戶的地毯上開始的.請不要為我打開新的窗口,謝謝!-Ech\ X8[_v

web設計者喜歡為用戶打開新的窗口,這樣可以保持用戶仍然停留在他們的站點上.但是實際上這種不顧用戶的不情願去控制用戶的電腦的策略實際上是對自己的一種打擊,因為新打開的窗口"後退"按鈕失效了,而用戶通常並不知道他們已經進入一個新窗口,他們不知道如何返回到先前的站點，尤其是當用戶使用的是一種小的顯示器——通常當打開新的窗口時，這種顯示器會自動使之最大化。+m{6?vs }(?:c2J

鏈接如果不如預料的那樣工作的化會打破用戶對當前系統的思維。鏈接應當是一種簡單的超文本字符，當用戶單擊的時候，會返回一片新的內容，覆蓋掉原來的內容。
u'`.mdW^+i oG ij
10、置用戶的疑問於不顧$@O7]LzPn@ S5V @
用戶在互聯網上的目的性非常強。他們訪問網站因為那裡有他們想要的東西——很可能就是他們要買你的產品了！一個網站最後的失敗是沒有為用戶提供他們想要的信息！
=================================================)}? xR2?8j
以上是常見做網頁錯誤的方式！[O-w9`x7Ijz
我覺得對初做網頁要有基本的認識，
才不會造成人氣下降，形成"死站"！

頁: [1]

查看完整版本: 製作網頁十大訣竅 & Web設計的十大錯誤!