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