2013年7月22日星期一

網頁設計中製作Flash站點的技巧

根據Macromedia 頂級Flash製作設計者,開發者以及可用性專家的建議,我們收集了創建一個具備可用性的Macromedia Flash站點的十大技巧。    這些技巧只是一個開始,我們將繼續提供更多的研究,學習與技巧。 1.記住用戶的目標   用戶往往帶著目的訪問一個站點的網頁設計,每個鏈結,每次點擊都要合乎他們的經驗並且引導他們通向他們的目標。當傳輸你的頁面時,應該讓關鍵的導航鏈結首先裝載——萬一用戶想轉到網站其他的區域。模仿通常的用戶圖形介面往往可以增加可用性。   2. 記住網站的目的   網站建設應該反應商業或者客戶的需求,有效的傳播主要資訊與促進品牌。然而網站的目標最好通過尊重用戶的習慣來達到,所以站點結構必須滿足用戶的需要,快速的將用戶引導至其目標而避免任何公司和區域行話。 3. 避免沒有必要的介紹   雖然介紹的動畫非常精彩,但是它們往往延誤了用戶訪問他們正在尋找的資訊。應該經常提供給用戶一個忽略介紹的命令或者訪問你的電子商務主頁的選擇,當他們第二次訪問您的主頁時,對所有的用戶都應該忽略簡介動畫(使用用戶端的javascript來完成這個功能),然後在目標頁面提供返回到動畫頁面的選擇。   4. 提供合乎邏輯的導航與交互   • 保證用戶的導航: 顯示用戶訪問過的上一個位址和他即將訪問的下一個位址. 通過鏈結的不同顏色在用戶訪問後提醒他們訪問過的頁面Web Design.    • 提供用戶一個輕鬆跳出他們正在訪問的部分回到出發點的的鏈結.    • 明確說明每個鏈結的位置. 保證鏈結的結構和命名法的可視性,而不是隱藏它們直到用戶觸發了某個事件(比如滑鼠移近).    • 確保按鈕定義了足夠好的反應區域.    • 利用Flash流的特性首先裝載主要的導航元素.    • 確保導航的後退按鈕. 為了做到這一點可以使用流覽器內置的前進和後退導航系統,將Flash影片邏輯的分成幾塊並置於獨立的HTML頁面中. 做為一種選擇, 為影片建立一個基於Flash的後退按鈕以便用戶可以利用它後退到一個包含上一個訪問頁面的場景或楨.   5. 設計的連貫性   提高您的站點網站排名性能的最好方法是用戶介面的一致性. 元素結構的再使用,元素的設計以及命名的習慣將使用戶在導向他們的目標時對站點傳達的資訊的注意力更加豐富, 而且這也有利於站點的維護. 你可以在整個站點中使用小影片(Smart Clip)來重複使用交互元素, 還可以讓最初導航系統的文字和圖片在目標頁面中重新使用.   6. 不要過度使用動畫   避免不必要的動畫. 最好的動畫應該是可以增加站點的設計目標的動畫, 在導航的時候講述一個故事或者有幫助的事情. 在包含大量文字的頁面使用重複的動畫將使視線從消息轉移.   7. 慎重使用聲音   聲音可以為你的站點錦上添花但是絕對不是必要的. 例如:使用聲音來說明用戶剛剛觸發了一個時間. 確保使用了聲音的開關與音量調節方法, 並且要記住聲音會顯著的增加檔案的大小. 當你確實使用了聲音的時候,Macromedia Flash會將聲音轉換為MP3檔案甚至流媒體化網頁寄存.   8. 面向低帶寬的用戶   越少的下載越好. 初始的下載頁面大小不能超過40K, 包括所有Macromedia檔案,圖像和HTML檔案. 為了減少下載時間, 使用向量圖形(除非圖像使壓縮過的BMP, 那樣最好仍保持為BMP格式), 並且只有在用戶確定的要用到某個檔案時才使用Load Movie動作. 如果用戶必須等待, 提供一個裝載的時間序列與進度條, 只要可能,必須在前5秒內裝載導航系統.   9. 設計的易用性   確保你的站點的內容能被所有的用戶閱讀, 包括那些殘疾用戶. 高度使用ALT標籤可以確保網站建置內容能被輔助工具解釋. 影片的可縮放性是讓更多用戶瞭解網站內容的另一項易用的Macromedia特色. 如果需要一個徹底的Macromedia Flash內容可用性的討論,請登陸Macromedia Flash可用性網站.   10. 可用性測試   讓一些新手來訪問站點網路行銷並同時完成用戶目標與站點目標. 甚至簡短的Macromedia Flash動畫都有可能阻擋用戶實現目標, 所以使用Macromedia Flash的帶寬模擬器(Bandwidth Profiler——譯者注)(在視圖功能表的測試影片模式下)來分析站點在不同帶寬模式下的性能.每次 重複測試影片哪怕是很小的改動. 確保站點的測試者從人口統計學上合乎站點的預定用戶—特別是預定用戶中有對站點的導航有不同級別的滿意程度.

没有评论:

发表评论