SuningUserExperienceDesign當(dāng)前版本 SuningUED文檔v2.020130315修改重新制v1.320121118修改導(dǎo)航和控件部分v1.220121112修改交互規(guī)范框增加前v1.120120516修改交互規(guī)v1.020110620創(chuàng)建交互規(guī)文檔管 前 適用范 組件規(guī) 輸入框（Text 單選框 復(fù)選框 列表框（Select 進(jìn)度條（Progress 頁 翻頁（Page 面包屑 頂部工具條（Tool 分步導(dǎo) 導(dǎo) 全局導(dǎo) 文 超時(shí)間元 異常反 附 為蘇寧易購產(chǎn)品應(yīng)用控件的統(tǒng)一標(biāo)準(zhǔn)與風(fēng)格保障蘇寧易購產(chǎn)品用戶界面的可用性與用戶體驗(yàn)的一致性。（B2B,B2E項(xiàng)目）概類組成部狀 交互規(guī)隨著用戶輸入，自動匹配歷史數(shù)據(jù)。自動匹配信息，原則上為不敏感信息，如，地址，非多個文本框并列出現(xiàn)時(shí)，注意的對視單選框概組成部狀 交互規(guī)2-77視復(fù)選框概組成部狀 交互規(guī)視列表框（Select概web應(yīng)用中，，，組成部狀 交互規(guī)視概，，組成部狀 交互規(guī)當(dāng)日期選擇存在一定的范圍限制時(shí)，不能選擇到的日期用灰色表示選擇狀視按鈕概類交互規(guī)反饋方式有多種情況:變換按鈕狀態(tài)/鼠標(biāo)指針/瀏覽器狀態(tài)欄/頁面頂部提示區(qū)。可根據(jù)情況采用不同的同樣令，在不同的頁面上，標(biāo)題和樣式必須保持一視進(jìn)度條（Progress概梵，，組成部非確定進(jìn)度的進(jìn)度條（頁面加載 交互規(guī)若允許用戶中止正在進(jìn)行的操作，可為進(jìn)度條提供中止操作令中止命估算要準(zhǔn)確（如果最大單位是小時(shí)，那么應(yīng)當(dāng)給出分鐘數(shù)而不是秒數(shù)精確描(需前端、開發(fā)確定不要回退進(jìn)度。始終單向增加進(jìn)度。不可增減估計(jì)剩余時(shí)間，因?yàn)檫M(jìn)度的速率可能會變化。(前端、開發(fā)確定非確定進(jìn)度的進(jìn)度條（頁面加載ajax加載，需要請求頁面（用持續(xù)不斷地動畫表示操作正在進(jìn)行中，如靜態(tài)加載——無需請求頁面的自動加靜靜 tab視特殊案聯(lián)版的切建議告知用戶自動切換到下一張的時(shí)間（非精確頁概內(nèi)，的內(nèi)容區(qū)里的每次只有其中一層是可見的。用戶通過鼠標(biāo)點(diǎn)擊或移到內(nèi)容區(qū)所對應(yīng)的上，來請Bar組成部：狀交互規(guī)一般在Tab的頂部或者左側(cè)，不能出現(xiàn)多行。因?yàn)樵谒椒较蛏隙嘈蟹植?，隱含一種等級關(guān)系，可（1）橫行排（2）縱向排對于網(wǎng)頁上的內(nèi)容而言，按鈕只正對當(dāng)前信息有效不同頁內(nèi)不可存在相同的信息元大小要適中，不可太大,7注：1956年，心理學(xué)家教授了一篇重要的《神奇的數(shù)字7加減2：我們加工信息能力的某些限制》，明確提出短時(shí)的容量為7±2，即一般為7，并在5～9之間波動。這7±2視翻頁（Page概組成元當(dāng)前位置（必選翻頁按鈕（必選總信息量（必選 跳轉(zhuǎn)組件（可選5頁和版面不足的情況下，酌情取消此部分。Enter鍵進(jìn)行提交。每頁信息量（可選快速查看特定頁碼（可選5個以內(nèi)。其他未展示的頁碼使用省略號隱藏。交互規(guī)2100視概組成部類瀏覽器彈出框，可用于提醒，警告，報(bào)錯，完成等提示性信息。一般由icon+文字+確定按鈕（或其他 交互規(guī)氣泡型彈出窗出現(xiàn)位置為當(dāng)前操作按鈕或上部冒泡顯提示概組成部信息類型標(biāo)示（可選（icon提示文字信息（必選文本，對提示的精簡描述。根據(jù)不同的屬性，文字可改變顏色，文本主體限于兩種顏色。一般文字顏色只有一種，若提示信息中包含或特別提示信息時(shí)，可選用其它顏色。底色（可選外框（可選類交互規(guī)除錯誤警告提示為紅色，其它均為黑色，若有其它操作出口可加藍(lán)色文表格概，，類組成部標(biāo)題單選 復(fù)選 水平滾動 交互規(guī)50視行標(biāo)篩選單行表標(biāo)題表格內(nèi)有商品面包屑概組成部頂 （必選 （必選）提供回到的路當(dāng)前位置（必選分隔符號（必選展開符號（可選展開內(nèi)容（可選狀 交互規(guī)視搜索概類組成部搜索框（必選狀 交互規(guī)無的時(shí)候點(diǎn)擊搜索應(yīng)該有報(bào)錯反視概 組成部視概分步導(dǎo)航多見于賬號，流程演示，遺失尋找，業(yè)務(wù)辦理，訂單支付等頁面。多數(shù)分步導(dǎo)航主要用做指示，不支持點(diǎn)擊。但少數(shù)特殊頁面，考慮到流程操作的反復(fù)性（如演示類的分步導(dǎo)航，用戶需要反復(fù)，，屬8px。當(dāng)導(dǎo)航色塊與背景分度較高時(shí)，可以進(jìn)行無邊框處理。當(dāng)導(dǎo)航色塊與背景分度不高甚至同色時(shí)，需12UI組確認(rèn)。單個字段不少于兩個漢字不超過十個漢字。具體字體大小及顏色由UI組確認(rèn)。狀OnMouseEnterOnClick視概導(dǎo)航通常 或樹狀圖方式展示于頁面左側(cè)。用于展示詳細(xì)商品銷 和種類，內(nèi)容和形制會依屬8px。當(dāng)導(dǎo)航色塊與背景分度較高時(shí)，可以進(jìn)行無邊框處理。當(dāng)導(dǎo)航色塊與背景分度不高甚至同色時(shí)，需12UI組組成部導(dǎo) （必選導(dǎo) 圖標(biāo)按鈕（自選 導(dǎo)航展開項(xiàng)（自選導(dǎo)航展開背景條與文字鏈組成導(dǎo)航彈出框（自選狀 概 屬8px。當(dāng)導(dǎo)航色塊與背景分度較高時(shí)，可以進(jìn)行無邊框處理。當(dāng)導(dǎo)航色塊與背景分度不高甚至同色時(shí)，需過六個漢字。具體字體大小及顏色由UI組確認(rèn)。組成部全部商品分類按鈕（自選主導(dǎo)航欄（必選副導(dǎo)航欄（自選狀 概屬交互規(guī)中文字體、字符字號必須為偶數(shù):小于16數(shù)字字體：小于12號宋體12號Airal避免字體混合：一行文字超過兩種字tab標(biāo)題：加粗、超過6個字符文本標(biāo)題：一行超過12個字符、不超過兩價(jià)格符號“￥”概在設(shè)計(jì)中，與文字相結(jié)合更為友好的向用戶傳達(dá)信息的表現(xiàn)形式。在易購中主要分為商品 屬寬(????×高 ×組成部（必選焦點(diǎn)邊框（可選alt（可選狀 加載失視概在設(shè)計(jì)中，與文字相結(jié)合更為友好的向用戶傳達(dá)信息的表現(xiàn)形式。在易購中主要分為功能型與 ，，屬 信 問 表示一個幫助點(diǎn)警 錯 組成部（必選焦點(diǎn)邊框（可選alt（可選狀交互規(guī)視超概一個網(wǎng)頁指向一個目標(biāo)的關(guān)系。目標(biāo)可以是另一個網(wǎng)頁，一個應(yīng)用程序；也可以是相同網(wǎng)頁上的不同位組成部文字（必選懸浮反饋（必選目標(biāo)（必選狀 未 鼠標(biāo)指針均變?yōu)?，文字顏色改變，出現(xiàn)懸浮反饋 交互規(guī)超過兩行的超內(nèi)容使用熱點(diǎn)區(qū)域或者底色反饋Title說明文字和原內(nèi)容一致（可變字符串不限制）視概梵，，屬 設(shè)置規(guī)Hover無Tab（無