當前位置:首頁>>軟件教程>>網頁制作>>新聞內容
創(chuàng)建一個Flash站點的十大技巧
作者:Jovis翻譯 發(fā)布時間:2004-4-8 16:36:25 文章來源:西部E網
  原文:http://www.macromedia.com/software/flash/productinfo/usability/tips
  翻譯:Jovis | www.auvdesign.com

  根據Macromedia 頂級Flash設計者,開發(fā)者以及可用性專家的建議,我們收集了創(chuàng)建一個具備可用性的Macromedia Flash站點的十大技巧。
  這些技巧只是一個開始,我們將繼續(xù)提供更多的研究,學習與技巧。

  1.記住用戶的目標

  用戶往往帶著目的訪問一個站點,每個鏈接,每次點擊都要合乎他們的經驗并且引導他們通向他們的目標。當傳輸你的頁面時,應該讓關鍵的導航鏈接首先裝載——萬一用戶想轉到網站其它的區(qū)域。模仿通常的用戶圖形界面往往可以增加可用性。

  2. 記住網站的目的

  網站設計應該反應商業(yè)或者客戶的需求,有效的傳播主要信息與促進品牌。然而網站的目標最好通過尊重用戶的習慣來達到,所以站點結構必須滿足用戶的需要,快速的將用戶引導至其目標而避免任何公司和區(qū)域行話。

  3. 避免沒有必要的介紹

  雖然介紹的動畫非常精彩,但是它們往往延誤了用戶訪問他們正在尋找的信息。應該經常提供給用戶一個忽略介紹的命令或者訪問你的主頁的選擇,當他們第二次訪問您的主頁時,對所有的用戶都應該忽略簡介動畫(使用客戶端的javascript來完成這個功能),然后在目標頁面提供返回到動畫頁面的選擇。

  4. 提供合乎邏輯的導航與交互

· 保證用戶的導航: 顯示用戶訪問過的上一個地址和他即將訪問的下一個地址. 通過鏈接的不同顏色在用戶訪問后提醒他們訪問過的頁面.
· 提供用戶一個輕松跳出他們正在訪問的部分回到出發(fā)點的的鏈接.
· 明確說明每個鏈接的位置. 保證鏈接的結構和命名法的可視性,而不是隱藏它們直到用戶觸發(fā)了某個事件(比如鼠標移近).
· 確保按鈕定義了足夠好的反應區(qū)域.
· 利用Flash流的特性首先裝載主要的導航元素.
· 確保導航的后退按鈕. 為了做到這一點可以使用瀏覽器內置的前進和后退導航系統(tǒng),將Flash影片邏輯的分成幾塊并置于獨立的HTML頁面中. 做為一種選擇, 為影片建立一個基于Flash的后退按鈕以便用戶可以利用它后退到一個包含上一個訪問頁面的場景或楨.

  5. 設計的連貫性

  提高您的站點性能的最好方法是用戶界面的一致性. 元素結構的再使用,元素的設計以及命名的習慣將使用戶在導向他們的目標時對站點傳達的信息的注意力更加豐富, 而且這也有利于站點的維護. 你可以在整個站點中使用小影片(Smart Clip)來重復使用交互元素, 還可以讓最初導航系統(tǒng)的文字和圖片在目標頁面中重新使用.

  6. 不要過度使用動畫

  避免不必要的動畫. 最好的動畫應該是可以增加站點的設計目標的動畫, 在導航的時候講述一個故事或者有幫助的事情. 在包含大量文字的頁面使用重復的動畫將使視線從消息轉移.

  7. 慎重使用聲音

  聲音可以為你的站點錦上添花但是絕對不是必要的. 例如:使用聲音來說明用戶剛剛觸發(fā)了一個時間. 確保使用了聲音的開關與音量調節(jié)方法, 并且要記住聲音會顯著的增加文件的大小. 當你確實使用了聲音的時候,Macromedia Flash會將聲音轉換為MP3文件甚至流媒體化.

  8. 面向低帶寬的用戶

  越少的下載越好. 初始的下載頁面大小不能超過40K, 包括所有Macromedia文件,圖像和HTML文件. 為了減少下載時間, 使用矢量圖形(除非圖像使壓縮過的BMP, 那樣最好仍保持為BMP格式), 并且只有在用戶確定的要用到某個文件時才使用Load Movie動作. 如果用戶必須等待, 提供一個裝載的時間序列與進度條, 只要可能,必須在前5秒內裝載導航系統(tǒng).

  9. 設計的易用性

  確保你的站點的內容能被所有的用戶閱讀, 包括那些殘疾用戶. 高度使用ALT標簽可以確保網站內容能被輔助工具解釋. 影片的可縮放性是讓更多用戶了解網站內容的另一項易用的Macromedia特色. 如果需要一個徹底的Macromedia Flash內容可用性的討論,請登陸Macromedia Flash可用性網站.

  10. 可用性測試

  讓一些新手來訪問站點并同時完成用戶目標與站點目標. 甚至簡短的Macromedia Flash動畫都有可能阻擋用戶實現目標, 所以使用Macromedia Flash的帶寬模擬器(Bandwidth Profiler——譯者注)(在視圖菜單的測試影片模式下)來分析站點在不同帶寬模式下的性能.每次 重復測試影片哪怕是很小的改動. 確保站點的測試者從人口統(tǒng)計學上合乎站點的預定用戶—特別是預定用戶中有對站點的導航有不同級別的滿意程度.

最新更新
·如何去掉ECShop2.7中的Powered by ECSh
·在IE7下生成高質量CSS縮略圖
·解決Dreamweaver打開和關閉時出現JavaS
·影響搜索引擎排名的因素2009版
·IE6/IE7/IE8/Firefox/Chrome/Safari的C
·Flash對聯(lián)廣告及關閉按鈕制作方法
·Discuz! 7中如果設置帖子中顯示圖片而不
·5種方法立刻寫出更好的CSS代碼
·兼容IE和Firefox的按圖片寬度縮放的CSS
·兼容Firefox和IE瀏覽器的“加入收藏”代
相關信息
·Flash對聯(lián)廣告及關閉按鈕制作方法
·解決Flash在IE和Firefox背景不透明的問題
·電子雜志設計制作常用Flash技術
·利用FMS(Flash Media Server)做在線視頻錄制
·讓Flash動畫適應任何分辨率的網頁
·Flash MX2004中用img標簽添加音樂
·玩轉Flash視頻——FLV
·制作FLV流媒體格式播放器
·網頁Flash播放代碼的一個小技巧
·給FLASH初學者的10點制作經驗
畫心
愚愛
偏愛
火苗
白狐
畫沙
犯錯
歌曲
傳奇
稻香
小酒窩
獅子座
小情歌
全是愛
棉花糖
海豚音
我相信
甩蔥歌
這叫愛
shero
走天涯
琉璃月
Nobody
我愛他
套馬桿
愛是你我
最后一次
少女時代
灰色頭像
斷橋殘雪
美了美了
狼的誘惑
我很快樂
星月神話
心痛2009
愛丫愛丫
半城煙沙
旗開得勝
郎的誘惑
愛情買賣
2010等你來
我叫小沈陽
i miss you
姑娘我愛你
我們都一樣
其實很寂寞
我愛雨夜花
變心的玫瑰
犀利哥之歌
你是我的眼
你是我的OK繃
貝多芬的悲傷
哥只是個傳說
丟了幸福的豬
找個人來愛我
要嫁就嫁灰太狼
如果這就是愛情
我們沒有在一起
寂寞在唱什么歌
斯琴高麗的傷心
別在我離開之前離開
不是因為寂寞才想你
愛上你等于愛上了錯
在心里從此永遠有個你
一個人的寂寞兩個人的錯