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

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

  1.記住用戶(hù)的目標(biāo)

  用戶(hù)往往帶著目的訪問(wèn)一個(gè)站點(diǎn),每個(gè)鏈接,每次點(diǎn)擊都要合乎他們的經(jīng)驗(yàn)并且引導(dǎo)他們通向他們的目標(biāo)。當(dāng)傳輸你的頁(yè)面時(shí),應(yīng)該讓關(guān)鍵的導(dǎo)航鏈接首先裝載——萬(wàn)一用戶(hù)想轉(zhuǎn)到網(wǎng)站其它的區(qū)域。模仿通常的用戶(hù)圖形界面往往可以增加可用性。

  2. 記住網(wǎng)站的目的

  網(wǎng)站設(shè)計(jì)應(yīng)該反應(yīng)商業(yè)或者客戶(hù)的需求,有效的傳播主要信息與促進(jìn)品牌。然而網(wǎng)站的目標(biāo)最好通過(guò)尊重用戶(hù)的習(xí)慣來(lái)達(dá)到,所以站點(diǎn)結(jié)構(gòu)必須滿(mǎn)足用戶(hù)的需要,快速的將用戶(hù)引導(dǎo)至其目標(biāo)而避免任何公司和區(qū)域行話(huà)。

  3. 避免沒(méi)有必要的介紹

  雖然介紹的動(dòng)畫(huà)非常精彩,但是它們往往延誤了用戶(hù)訪問(wèn)他們正在尋找的信息。應(yīng)該經(jīng)常提供給用戶(hù)一個(gè)忽略介紹的命令或者訪問(wèn)你的主頁(yè)的選擇,當(dāng)他們第二次訪問(wèn)您的主頁(yè)時(shí),對(duì)所有的用戶(hù)都應(yīng)該忽略簡(jiǎn)介動(dòng)畫(huà)(使用客戶(hù)端的javascript來(lái)完成這個(gè)功能),然后在目標(biāo)頁(yè)面提供返回到動(dòng)畫(huà)頁(yè)面的選擇。

  4. 提供合乎邏輯的導(dǎo)航與交互

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

  5. 設(shè)計(jì)的連貫性

  提高您的站點(diǎn)性能的最好方法是用戶(hù)界面的一致性. 元素結(jié)構(gòu)的再使用,元素的設(shè)計(jì)以及命名的習(xí)慣將使用戶(hù)在導(dǎo)向他們的目標(biāo)時(shí)對(duì)站點(diǎn)傳達(dá)的信息的注意力更加豐富, 而且這也有利于站點(diǎn)的維護(hù). 你可以在整個(gè)站點(diǎn)中使用小影片(Smart Clip)來(lái)重復(fù)使用交互元素, 還可以讓最初導(dǎo)航系統(tǒng)的文字和圖片在目標(biāo)頁(yè)面中重新使用.

  6. 不要過(guò)度使用動(dòng)畫(huà)

  避免不必要的動(dòng)畫(huà). 最好的動(dòng)畫(huà)應(yīng)該是可以增加站點(diǎn)的設(shè)計(jì)目標(biāo)的動(dòng)畫(huà), 在導(dǎo)航的時(shí)候講述一個(gè)故事或者有幫助的事情. 在包含大量文字的頁(yè)面使用重復(fù)的動(dòng)畫(huà)將使視線(xiàn)從消息轉(zhuǎn)移.

  7. 慎重使用聲音

  聲音可以為你的站點(diǎn)錦上添花但是絕對(duì)不是必要的. 例如:使用聲音來(lái)說(shuō)明用戶(hù)剛剛觸發(fā)了一個(gè)時(shí)間. 確保使用了聲音的開(kāi)關(guān)與音量調(diào)節(jié)方法, 并且要記住聲音會(huì)顯著的增加文件的大小. 當(dāng)你確實(shí)使用了聲音的時(shí)候,Macromedia Flash會(huì)將聲音轉(zhuǎn)換為MP3文件甚至流媒體化.

  8. 面向低帶寬的用戶(hù)

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

  9. 設(shè)計(jì)的易用性

  確保你的站點(diǎn)的內(nèi)容能被所有的用戶(hù)閱讀, 包括那些殘疾用戶(hù). 高度使用ALT標(biāo)簽可以確保網(wǎng)站內(nèi)容能被輔助工具解釋. 影片的可縮放性是讓更多用戶(hù)了解網(wǎng)站內(nèi)容的另一項(xiàng)易用的Macromedia特色. 如果需要一個(gè)徹底的Macromedia Flash內(nèi)容可用性的討論,請(qǐng)登陸Macromedia Flash可用性網(wǎng)站.

  10. 可用性測(cè)試

  讓一些新手來(lái)訪問(wèn)站點(diǎn)并同時(shí)完成用戶(hù)目標(biāo)與站點(diǎn)目標(biāo). 甚至簡(jiǎn)短的Macromedia Flash動(dòng)畫(huà)都有可能阻擋用戶(hù)實(shí)現(xiàn)目標(biāo), 所以使用Macromedia Flash的帶寬模擬器(Bandwidth Profiler——譯者注)(在視圖菜單的測(cè)試影片模式下)來(lái)分析站點(diǎn)在不同帶寬模式下的性能.每次 重復(fù)測(cè)試影片哪怕是很小的改動(dòng). 確保站點(diǎn)的測(cè)試者從人口統(tǒng)計(jì)學(xué)上合乎站點(diǎn)的預(yù)定用戶(hù)—特別是預(yù)定用戶(hù)中有對(duì)站點(diǎn)的導(dǎo)航有不同級(jí)別的滿(mǎn)意程度.

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