網(wǎng)站導(dǎo)航的交互設(shè)計建立在以客戶為中心的理論體系之上,測試客戶在特定情境下使用電腦的輸入/輸出設(shè)備與界面交互時的行為態(tài)度和思維反應(yīng),進(jìn)一步改進(jìn)網(wǎng)站的信息結(jié)構(gòu)\界面的視覺布局和交互方式,為客戶提供更優(yōu)化的交互體驗.
交互設(shè)計上,網(wǎng)站導(dǎo)航更要關(guān)注瀏覽者的體驗。小到鼠標(biāo)滑入滑出時按鈕的狀態(tài),大到表單填寫的有效性驗證,隨時隨處都要與瀏覽者進(jìn)行信息交流與反饋。而良好的交互設(shè)計能夠吸引瀏覽者的興趣點,引導(dǎo)客戶瀏覽和操作,實現(xiàn)網(wǎng)站建設(shè)目標(biāo)。
Ajax技術(shù)的應(yīng)用
瀏覽者也許并不希望每次完成一個簡單任務(wù)時,都要被迫進(jìn)入更深層次的子頁面或?qū)υ捒?。例如在購物過程中,當(dāng)客戶瀏覽欄目內(nèi)容時,需要打開新頁面來顯示子欄目內(nèi)容,當(dāng)客戶需要更多商品信息時,需要進(jìn)入新頁面來展示商品大圖和規(guī)格、參數(shù)等信息,這種方式增加了信息架構(gòu)的層次和分支,可能給瀏覽者帶來困惑及不便。
不斷發(fā)展的山東網(wǎng)站制作軟件、語言和行業(yè)標(biāo)準(zhǔn)提高了Ajax技術(shù)(舊的技術(shù),新的組合用法),使得展開不同信息時不必反復(fù)刷新整個頁面,提高了網(wǎng)站的瀏覽效率。
Flash技術(shù)的保全方案
Flash技術(shù)能夠在一定程度上增強和改善用戶體驗---Flash按鈕、交互式動畫、flv視頻播放等等,都是目前使用較多的技術(shù)。例如,以售賣高端百貨為主的“紐約第五大道在線”的網(wǎng)站首頁,采用了Flash技術(shù)展示“感受浪漫”的主題服飾。雖然Flash技術(shù)發(fā)展迅速并為大部分商家和用戶所支持,但為了避免個別用戶的軟硬件對Flash的支持出現(xiàn)問題,有的網(wǎng)站界面提供了Flash和HTML兩種模式。
鏈接文本的四種狀態(tài)
鏈接文本可以設(shè)定文本的四種狀態(tài):link、hover、active、visited。
link為有鏈接的文本初始狀態(tài),即光標(biāo)沒有滑過的狀態(tài);
hover為當(dāng)用戶光標(biāo)滑過文本時的狀態(tài);
active為正處于鏈接跳轉(zhuǎn)過程中文本的狀態(tài);
visited為用戶已經(jīng)進(jìn)行過鏈接跳轉(zhuǎn)之后文本的顯示狀態(tài)。
應(yīng)用時要注意:
有鏈接的文本為了和無鏈接的文本相區(qū)別,link狀態(tài)是需要設(shè)定的;
為了增加與用戶的交互性,一般hover狀態(tài)是必須設(shè)定的,與link狀態(tài)有微妙的變化;
active狀態(tài)在鏈接跳轉(zhuǎn)過程中用戶的關(guān)注度不強,可以與hover狀態(tài)相同;
visited狀態(tài)根據(jù)需要,有的界面不希望把用戶鏈接跳轉(zhuǎn)后的痕跡表現(xiàn)出來,那么就與link狀態(tài)相同即可,但對于存在大量文字信息標(biāo)題的界面,有時用戶會忘記哪些標(biāo)題查看過、哪些還沒有查看,因此需要設(shè)定visited狀態(tài),并與link狀態(tài)區(qū)別開來。
鏈接的響應(yīng)區(qū)域
后,我們還要注意鏈接的響應(yīng)區(qū)域。不論是手指操控觸摸還是鼠標(biāo)操控,都需要網(wǎng)站建設(shè)設(shè)計交互響應(yīng)的有效區(qū)域。響應(yīng)區(qū)域不能過小,否則會給用戶操作帶來麻煩,很難被用戶識別并點擊。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號-3 技術(shù)支持: @圭谷設(shè)計