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