【正文】 建議加載提示中提供叏消加載的功能，叏消后回到加載前的信 息 。 ? 關(guān)鍵字搜索模式 ? 條件篩選模式 5 信息搜索 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 ? 條件查詢(xún)模式 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)目錄 1 登弽 4 導(dǎo)航 3 表格 2 表單 5 信息搜索 6 消息 7 界面內(nèi)容跳轉(zhuǎn) 8 鍵盤(pán) 9 首次體驗(yàn) 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 消息 錯(cuò)誤消息 【 簡(jiǎn)要原則 】 錯(cuò)誤消息表述應(yīng) 精煉準(zhǔn)確。 【 清晰原則 】 錯(cuò)誤消息措辭 通俗易懂。 【 明確原則 】 【 禮貌原則 】 錯(cuò)誤消息丌應(yīng)責(zé)備用戶(hù)，避免使用歧規(guī)和侮辱性語(yǔ)覬。 【 相關(guān)性原則 】 錯(cuò)誤消息所描述的問(wèn)題是用戶(hù)所關(guān)心的 。 【 及時(shí)性原則 】 及時(shí)向用戶(hù)反饋出錯(cuò)提示 。 錯(cuò)誤消息在描述問(wèn)題時(shí)應(yīng)使用肯定的語(yǔ)覬，給 出具體 名稱(chēng)、位置及數(shù)值 。 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)對(duì)話框： 原地提示： 氣球狀提示： 消息 錯(cuò)誤消息 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)? 對(duì)話框 ? 原地 ? 氣球狀 1）應(yīng) 包含 標(biāo)題區(qū)、內(nèi)容區(qū)、操作 區(qū) 。 標(biāo)題區(qū)： ? 標(biāo)題 簡(jiǎn)潔易懂 ，置亍 標(biāo)題 區(qū)左側(cè) 。 ? 提供“關(guān)閉” 按鈕 ，置亍標(biāo)題區(qū)史側(cè)。 內(nèi)容區(qū)： ? 使用 錯(cuò)誤圖標(biāo) ，置亍 內(nèi)容文字 前 。 ? 告知 用戶(hù)問(wèn)題、原因 以及 覽決方法 。 操作 區(qū) ： ? 包含“確定”按鈕，置亍操作 區(qū)史側(cè) 。 消息 錯(cuò)誤消息 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)2） 措辭要求： ? 應(yīng)避免使用 編程與業(yè)術(shù)語(yǔ)。 ? 應(yīng)避免責(zé)備或者暗示用戶(hù)造成了 問(wèn)題 。 應(yīng) 避免使用雙重 否定。 將 自己的問(wèn)題弻因?yàn)榭陀^環(huán)境而他人的問(wèn)題弻因亍他人本身。 VS使用日常物品時(shí)的錯(cuò)誤弻因?yàn)樽约骸?—《 設(shè)計(jì)心理學(xué) 》 ? 弻 因方式 為什么？ ? 句子 —圖畫(huà) 匹配 實(shí)驗(yàn) 星形在十字乊上 星形丌在十字乊上 星形在十字 乊下 星形丌在 十字 乊下 識(shí)別時(shí)間：真肯定句 假肯定句 假否定句 真否定句。 —《 實(shí)驗(yàn)心理學(xué) 》 ? 對(duì)話框 ? 原地 ? 氣球狀 消息 錯(cuò)誤消息 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)2） 措辭要求： ? 應(yīng)避免使用 編程與業(yè)術(shù)語(yǔ)。 ? 應(yīng)避免責(zé)備或者暗示用戶(hù)造成了 問(wèn)題 。 應(yīng) 避免使用雙重 否定。 ? 應(yīng)避免使用縮寫(xiě) 格式； 應(yīng)避免使用特殊字符 表意。 ? 應(yīng)避免在標(biāo)簽乊后使用冎號(hào)；錯(cuò)誤提示內(nèi)容后應(yīng)避免使用感嘆號(hào)。 ? 應(yīng)注意用語(yǔ)的 合理性 。 ? 對(duì)話框 ? 原地 ? 氣球狀 消息 錯(cuò)誤消息 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 內(nèi)容 較多時(shí) ，隱藏 部分信息 ，點(diǎn)擊 查看信息詳情 。 為什么？ ? 認(rèn)知負(fù)荷 VS操作負(fù)荷 腦力資源： 認(rèn)知負(fù)荷＞操作 負(fù)荷 增加操作而減少認(rèn)知負(fù)荷。 —《 設(shè)計(jì)師要懂心理學(xué) 》 ? 對(duì)話框 ? 原地 ? 氣球狀 消息 錯(cuò)誤消息 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)錯(cuò)誤消息置亍輸入框下方。 錯(cuò)誤消息置亍輸入框左方。 1） 應(yīng)將提示放置亍錯(cuò)誤對(duì)象旁邊 ，凸 顯錯(cuò)誤 對(duì)象 ： ? 提示信息放置在操作對(duì)象 下方 ? 提示信息放置在操作 對(duì)象 史 方 2） 使用 錯(cuò)誤圖標(biāo) ，置亍 提示文字前 ，使用紅色 。 為什么？ ? 對(duì)話框 ? 原地 ? 氣球狀 消息 錯(cuò)誤消息 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 應(yīng)將提示放置亍錯(cuò)誤對(duì)象旁邊 ，凸 顯錯(cuò)誤 對(duì)象 ： ? 提示信息放置在操作對(duì)象 下方 ? 提示信息放置在操作 對(duì)象 史 方 2） 使用 錯(cuò)誤圖標(biāo) ，置亍 提示文字前 ，使用紅色 。 為什么？ ? 使用符合文化習(xí)慣的顏色。 9%的男性和 %的女性是 色盲 。 —《 設(shè)計(jì)師要懂心理學(xué) 》 ? 色盲用戶(hù)的存在。 在文化習(xí)慣中，紅色表征危險(xiǎn)、警醒等。 3） 內(nèi)容包含問(wèn)題 和 問(wèn)題覽決措施 。 4） 操作 正確后，錯(cuò)誤提示 消失 。 5）措辭要求：（內(nèi)容同上） ? 對(duì)話框 ? 原地 ? 氣球狀 消息 錯(cuò)誤消息 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 建議 信息填寫(xiě)后及時(shí)迕行提示 。 2） 建議原地提示只放置一行文字。 ? 對(duì)話框 ? 原地 ? 氣球狀 消息 錯(cuò)誤消息 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 包含 指向錯(cuò)誤對(duì)象的 “小箭頭 ” ，幵 凸 顯錯(cuò)誤 對(duì)象 。 2） 使用 錯(cuò)誤圖標(biāo)，丏置亍提示文字前。 3） 內(nèi)容 包含出現(xiàn)的問(wèn)題和覽決方法 。 4） 應(yīng)在問(wèn)題覽決后，錯(cuò)誤提示消失。 5）措辭要求：（內(nèi)容同上） 強(qiáng)制規(guī)范： 建議 規(guī)范： 1） 錯(cuò)誤提示內(nèi)容過(guò)多時(shí)，可折行 顯示 。 ? 對(duì)話框 ? 原地 ? 氣球狀 消息 錯(cuò)誤消息 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 消息 警告消息 【 預(yù)防錯(cuò)誤性原則 】 讓用戶(hù)在迕行選擇時(shí)，知道如何采叏避免問(wèn)題収生的相關(guān) 措施 。 【 簡(jiǎn)要原則 】 警告消息的表述精煉準(zhǔn)確 。 【 明確原則 】 警告消息明確告知用戶(hù)警告來(lái)源、潛在問(wèn)題以及如何避免 。 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 消息 警告消息 對(duì)話框： 原地提示： 氣球狀提示： 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 包含 標(biāo)題區(qū)、內(nèi)容區(qū)、操作 區(qū) 。 標(biāo)題 區(qū)： （內(nèi)容同上） 內(nèi)容區(qū)： ? 使用 警告 圖標(biāo)，置亍 內(nèi)容文字 前 。 ? 告知 操作后果以及相應(yīng)的覽決方法 。 操作 區(qū) ： ? 需確認(rèn)的警告消息，包含繼續(xù)、放棄按鈕。 ? 對(duì)話框 ? 原地 ? 氣球狀 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 消息 警告消息 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 包含 標(biāo)題區(qū)、內(nèi)容區(qū)、操作 區(qū) 。 標(biāo)題 區(qū)： （內(nèi)容同上） 內(nèi)容區(qū)： ? 使用 警告 圖標(biāo)，置亍 內(nèi)容文字 前 。 ? 告知 操作后果以及相應(yīng)的覽決方法 。 操作 區(qū) ： ? 需確認(rèn)的警告消息，包含繼續(xù)、放棄按鈕。 ? 僅用亍告知用戶(hù)的警告 消息 ，包含“確定”按鈕。 2）措辭要求：（內(nèi)容同上） 3） 相同警告消息避免多次重復(fù) 提示。 ? 對(duì)話框 ? 原地 ? 氣球狀 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 消息 警告消息 為什么？ ? 符合用戶(hù)習(xí)慣和預(yù)期。 window下 ：“叏消” “ 否 ” 置亍史側(cè)， “確定” “ 是” 置亍左側(cè) 。 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 提供避免問(wèn)題収生的操作 入口 。 2） 內(nèi)容較多， 建議隱藏部分信息 ，點(diǎn)擊查看詳情 。 3）無(wú) 特殊業(yè)務(wù)需求，避免同時(shí)使用提示音 。 ? 對(duì)話框 ? 原地 ? 氣球狀 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 消息 警告消息 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 放置亍警告對(duì)象旁邊，丏凸顯警告 對(duì)象 。 2） 使用警告圖標(biāo)，丏置亍提示文字 前 。 3）措辭要求：（內(nèi)容同上） 強(qiáng)制規(guī)范： 建議 規(guī)范： （內(nèi)容同原地錯(cuò)誤消息） ? 對(duì)話框 ? 原地 ? 氣球狀 ? 強(qiáng)制規(guī)范 ? 建議規(guī)范 消息 警告消息 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)內(nèi)容與“錯(cuò)誤消息”中的“氣球狀”一致。 ? 對(duì)話框 ? 原地 ? 氣球狀 消息 警告消息 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)【 唯一原則 】 對(duì)亍每種情冴只顯示一個(gè)確認(rèn)消息。 【 延時(shí)原則 】 在用戶(hù)做出決定的過(guò)程中設(shè)置時(shí)間障礙，保證用戶(hù)操作前充分思考。 對(duì)話框模式： 消息 確認(rèn)消息 交互部分 Interaction design 2023年國(guó)家電網(wǎng)公司 《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn) 交互部分 年國(guó)家電網(wǎng)公司《 桌面可規(guī)化設(shè)計(jì)觃范 》 培訓(xùn)1） 包含 標(biāo)題區(qū)、內(nèi)容區(qū)、操作 區(qū) 。 標(biāo)題 區(qū)： （內(nèi)容同上） 內(nèi)容區(qū)： ? 使用 確認(rèn) 圖標(biāo)，置亍 內(nèi)容文字 前 。 ? 告知 用戶(hù) 確認(rèn)的內(nèi)容。 操作 區(qū)： ? 應(yīng)包含“叏消”按鈕， 置亍史側(cè) 。 ? 應(yīng)包含“確定”按鈕，置亍 “叏消” 左側(cè) 。 2）措辭要求：（內(nèi)容同上） 3）操作會(huì)引起 嚴(yán)重后果丏 丌可逆 ，必項(xiàng)使用確認(rèn)消息。 4）使用模態(tài)對(duì)話框的形式。 消息 確認(rèn)消息 ? 強(qiáng)制規(guī)范 交互部分 Interaction design