中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

頁(yè)面交互網(wǎng)頁(yè)設(shè)計(jì)

2023-01-27    分類: 網(wǎng)站建設(shè)

1、頁(yè)面元素焦點(diǎn)切換
在WEB頁(yè)面中,為了提高和用戶之間的互動(dòng),需要在各類頁(yè)面元素獲得焦點(diǎn)和失去焦點(diǎn)的時(shí)候,在如下場(chǎng)景中采用網(wǎng)站設(shè)計(jì)頁(yè)面交互的方法有:
2、 信息填寫(xiě)
對(duì)輸入信息驗(yàn)證:
如果需要校驗(yàn)填寫(xiě)內(nèi)容,則需要在輸入框失去焦點(diǎn)時(shí)進(jìn)行數(shù)據(jù)有效性的判斷,并在輸入框后給出提示。如圖:
對(duì)輸入信息驗(yàn)證
對(duì)輸入信息提示:
在一組需要被驗(yàn)證的數(shù)據(jù)填寫(xiě)時(shí),如果有必填項(xiàng),需要在輸入框后面給出標(biāo)志,并對(duì)填入的規(guī)則加以說(shuō)明。如圖:
對(duì)輸入信息提示
3、鼠標(biāo)交互響應(yīng)
對(duì)鼠標(biāo)在頁(yè)面中所產(chǎn)生的事件進(jìn)行處理,當(dāng)頁(yè)面元素獲得焦點(diǎn)、被點(diǎn)擊、失去焦點(diǎn)時(shí),則需要控件本身在顏色、大小或形狀上的變化給與響應(yīng),亦可以添加聲音響應(yīng)。
下面是各種情況下的鼠標(biāo)交互示例:
例如:
按鈕:按鈕顏色改變、或形狀,或字體改變,如圖:
按鈕:按鈕顏色改變、或形狀,或字體改變
鏈接:字體變粗、或字體變色、或背景變色,如圖:
鏈接:字體變粗、或字體變色、或背景變色
4、操作結(jié)果確認(rèn)
在提交數(shù)據(jù),或是載有數(shù)據(jù)的頁(yè)面關(guān)閉,或其他需要和用戶進(jìn)行確認(rèn)交互的場(chǎng)景,需要軟件能夠提供一個(gè)以彈出頁(yè)面形式,要求用戶確認(rèn)執(zhí)行結(jié)果的對(duì)話框,包含的情況有:
提示確認(rèn)輸入信息正確:彈出對(duì)話框,并將已填寫(xiě)的內(nèi)容列出,要求用戶確認(rèn)內(nèi)容的正確性,給出“確定”和“取消”的選擇按鈕;
提示確認(rèn)數(shù)據(jù)更改是否保存:彈出對(duì)話框,提示當(dāng)前頁(yè)面內(nèi)容已經(jīng)改變,要求用戶確認(rèn)是否保存更改的信息,給出“是”和“否”的選擇按鈕;
提示確認(rèn)當(dāng)前頁(yè)面的跳轉(zhuǎn):彈出對(duì)話框,提示用戶正在跳轉(zhuǎn)到另外一個(gè)頁(yè)面,要求用戶確認(rèn)離開(kāi)當(dāng)前頁(yè)面,給出“是”和“否”的選擇按鈕;
確認(rèn)刪除數(shù)據(jù)內(nèi)容:彈出對(duì)話框,提示用戶刪除了當(dāng)前選擇的內(nèi)容,要求用戶確認(rèn)是否繼續(xù)刪除的操作,給出“確定”和“取消”的選擇按鈕;
5、其他規(guī)則
對(duì)于信息交互過(guò)程中,其他需要遵守的規(guī)則有:
重要的命令按鈕與使用較頻繁的按鈕要放在界面上相對(duì)固定的位置上;
容易引起操作錯(cuò)誤或使程序退出、關(guān)閉的按鈕應(yīng)不醒目,放在不易點(diǎn)位置;
與正在進(jìn)行的操作無(wú)關(guān)的按鈕應(yīng)該加以屏蔽,例如:按鈕背景為灰色顯示;
對(duì)可能造成數(shù)據(jù)無(wú)法恢復(fù)的操作必須提供確認(rèn)信息,給用戶放棄選擇的機(jī)會(huì);
非法的輸入或操作應(yīng)有足夠的提示說(shuō)明;
對(duì)運(yùn)行過(guò)程中出現(xiàn)問(wèn)題而引起錯(cuò)誤的地方要有提示,讓用戶明白錯(cuò)誤出處,避免形成無(wú)限期的等待;
6、頁(yè)面信息提示
在web頁(yè)面提供的功能中,很多情況需要系統(tǒng)發(fā)送一些必要的提示信息到頁(yè)面顯示給用戶,這些信息的分類有:
警告信息
禁止信息
操作執(zhí)行成功信息
操作執(zhí)行失敗信息
錯(cuò)誤信息
幫助信息
提示信息
這些信息在當(dāng)前頁(yè)面或彈出頁(yè)面上顯示。如果采用彈出對(duì)話框的形式,對(duì)話框的頁(yè)面結(jié)構(gòu)如下圖:
標(biāo)題區(qū):簡(jiǎn)要給出此次提示信息的性質(zhì),例如:警告:操作非法!
圖標(biāo)區(qū):給出和此次提示信息性質(zhì)匹配的圖標(biāo);
提示信息區(qū):給出此次提示信息的具體內(nèi)容;
按鈕區(qū):給出供用戶進(jìn)行選擇的按鈕;
對(duì)于對(duì)話框的背景顏色,要求和系統(tǒng)的整體風(fēng)格選取的顏色一致,而右上角的操作區(qū)只保留關(guān)閉一個(gè)可操作功能,最小化和大化的功能將不顯示。

分享文章:頁(yè)面交互網(wǎng)頁(yè)設(shè)計(jì)
瀏覽地址:http://m.rwnh.cn/news35/232785.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作用戶體驗(yàn)、網(wǎng)站建設(shè)網(wǎng)站收錄、全網(wǎng)營(yíng)銷推廣網(wǎng)站制作

廣告

聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
曲麻莱县| 盱眙县| 古浪县| 新竹县| 常州市| 凉城县| 远安县| 焉耆| 金平| 抚松县| 阜宁县| 屯门区| 将乐县| 米脂县| 安徽省| 广昌县| 当阳市| 晴隆县| 五常市| 宁夏| 麻栗坡县| 永清县| 盘山县| 盐亭县| 治多县| 凤山县| 闻喜县| 迭部县| 崇阳县| 雷波县| 东辽县| 麦盖提县| 青田县| 长宁区| 隆德县| 十堰市| 台北县| 蚌埠市| 元谋县| 黑河市| 仁布县|