關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的常用模式

“偉大的用戶體驗(yàn)”并不等同于原理和模式的疊加，而是有選擇、有特色地按需部署。現(xiàn)在的互聯(lián)網(wǎng)富交互技術(shù)已經(jīng)呈現(xiàn)泛濫之勢(shì)了。

鼠標(biāo)原理

涉及鼠標(biāo)的“直接操作”分類到鼠標(biāo)原理中。

1、懸停

懸停即現(xiàn)，基于懸停顯示工具可以減少界面上的視覺干擾。設(shè)計(jì)時(shí)要避免任何元素的偏移;否則用戶的視線就到了不該到的地方。

2、單擊

“編輯”鏈接頁(yè)內(nèi)單擊編輯內(nèi)容，一來，用戶不用離開頁(yè)面;二來，編輯時(shí)可以直接參考上下文。要么能讓用戶知道這里可以編輯，要么就加上“編輯”的字樣或按鈕。

3、雙擊

書中貌似沒提到這點(diǎn)，但用過網(wǎng)上地圖的人(可能)知道，有“放大地圖”的功效。關(guān)于此條的建議同下。

4、右鍵

右鍵菜單，執(zhí)行任務(wù)就像應(yīng)用程序那么方便了。右鍵菜單一般不容易發(fā)現(xiàn)，所以一定得具有可替代性。

5、拖放

拖放排序、布局和拖放處理任務(wù)，符合用戶的心智模型。要適時(shí)地提示可以拖放，算好啟動(dòng)拖放的距離單位(5像素)和時(shí)間單位(按住鼠標(biāo)0.5秒)。拖放時(shí)，用戶需要隨時(shí)獲得必要信息。

6、滾動(dòng)

滾動(dòng)實(shí)時(shí)加載新內(nèi)容，脫離翻頁(yè)的枷鎖。基于個(gè)人所有的連續(xù)性內(nèi)容用這個(gè)辦法比較好。個(gè)人認(rèn)為，還應(yīng)該保證顯示的流暢性。比如，谷歌閱讀器和谷歌圖片搜索很流暢，而人人網(wǎng)和QQ空間老給人一卡一卡的感覺。

鍵盤原理

1、實(shí)時(shí)建議

用戶不用輸完也許就能命中。一般而言，每輸入一個(gè)字符顯示一次反饋比較好。保證有足夠的有用信息基礎(chǔ)之上，選中建議條目也應(yīng)提供多種辦法：回車、上下箭頭和鼠標(biāo)單擊。我認(rèn)為，取消建議條目也應(yīng)如此。

2、自動(dòng)完成

同上。個(gè)人認(rèn)為，自動(dòng)完成對(duì)條目的精確性要求更高，一次也不宜給過多條目。

3、實(shí)時(shí)提示

比如用戶密碼強(qiáng)度。

顯示原理

顯示原理中包含的模式與鼠標(biāo)和鍵盤沒有直接聯(lián)系，它作為一種輔助效果，簡(jiǎn)化交互，提升用戶體驗(yàn)。

1、聚焦

突顯界面變化。個(gè)人認(rèn)為，如果用得亂七八糟的話，還是別用了。

2、擴(kuò)展與隱藏

用不著的相關(guān)內(nèi)容或其他面板可以隱藏起來。這是一種很古老的技術(shù)了，用的時(shí)候要注意切換時(shí)的連貫性，硬生生地割裂畫面就不好了。

3、菜單按鈕

它提供默認(rèn)的按鈕操作，又有更多操作的提示，方便快捷。設(shè)計(jì)時(shí)，避免目標(biāo)過小，另一方面，保證鍵盤和移動(dòng)設(shè)備能正常訪問。

4、流程處理

書中寫的是刪除一條評(píng)論時(shí)應(yīng)簡(jiǎn)化步驟，保證在一個(gè)頁(yè)面之內(nèi)。這個(gè)……唔，現(xiàn)在都是這樣做的吧?什么，你還不是?

5、操作引導(dǎo)

有了新功能(商品)，或者網(wǎng)站改版，用靜態(tài)(或動(dòng)態(tài))頁(yè)面引導(dǎo)用戶學(xué)習(xí)、認(rèn)識(shí)。靜態(tài)頁(yè)面引導(dǎo)可以利用未完成的區(qū)域引導(dǎo)用戶操作，人類的天性會(huì)促使用戶想“完成”它。動(dòng)態(tài)引導(dǎo)(比如小氣泡什么的)則該簡(jiǎn)明扼要、過程簡(jiǎn)單。我認(rèn)為，還要能屏蔽引導(dǎo)或再次打開引導(dǎo)。

6、部件嵌入

個(gè)人認(rèn)為，添加了這樣部件(比如購(gòu)物車或聊天窗口)，能在訪問多頁(yè)面的同時(shí)，集中某個(gè)任務(wù)的操作。

7、彈出層

書中用詞是“覆蓋層”，我認(rèn)為“彈出層”更通俗。有了彈出層，便可以在文本流中處理任務(wù)，省去了跳轉(zhuǎn)頁(yè)面的麻煩。相比彈窗，它占用資源少，速度快，更容易控制樣式?？梢杂米鳌按_認(rèn)對(duì)話框”、“詳細(xì)信息”和“輸入覆蓋”等。

8、定時(shí)刷新

定時(shí)刷新無須用戶介入就可以保持站點(diǎn)內(nèi)容新鮮，極其方便。唯一需要注意的是，刷新不能太頻繁，要在易讀和關(guān)聯(lián)之間尋求平衡。

9、其他動(dòng)畫效果

這一點(diǎn)夾雜在書中各個(gè)角落，無非是淡入淡出、平移滑動(dòng)之類的效果。適當(dāng)?shù)木Y飾，網(wǎng)站的流暢性和用戶體驗(yàn)肯定上一個(gè)檔次。

本文來自成都品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)公司-創(chuàng)新互聯(lián)

新聞名稱：關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的常用模式
網(wǎng)頁(yè)地址：http://www.muchs.cn/news34/317784.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)