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