建站常識(shí)
“反饋信息”的分類(lèi)及交互設(shè)計(jì)原則(1/3)
2009-07-25 08:47:00
一個(gè)UI上的“反饋信息”主要有兩種分類(lèi)角度:
從形式上分:
● 工具/信息提示 (Tool/Info Tips)
● 就地信息 (In-place Messages)
● 氣球狀通知 (Balloons)
● 對(duì)話(huà)框 (Dialog Boxes)
從內(nèi)容上分:
● 信息 (Info)
● 警告 (Warning)
● 錯(cuò)誤 (Error)
● 確認(rèn) (Confirmation)
注:這里沒(méi)有用到“alert”這個(gè)概念,因?yàn)樗且环N“形式(對(duì)話(huà)框)+內(nèi)容(四種都有)”的組合應(yīng)用。它是從“作用”的角度來(lái)分的。
反饋信息的定義和設(shè)計(jì)原則:
?。ㄒ唬┕ぞ?信息提示 (Tool/Info Tips)
定義:
工具/信息提示 (以下統(tǒng)稱(chēng)為“提示”)是指一個(gè)小的彈出窗口,用于標(biāo)注或精確描述被指向?qū)ο?,例如工具欄控件、圖標(biāo)、圖形、按鈕、鏈接等。提示可以看作是漸進(jìn)展開(kāi)式控件(Progressive Disclosure)的一種形式。
簡(jiǎn)要原則:
1. 觸發(fā)方式為鼠標(biāo)懸停,當(dāng)用戶(hù)單擊控件、移動(dòng)鼠標(biāo)、或是提示超時(shí)后移除。提示本身不需要用戶(hù)進(jìn)一步的交互。
2. 提供的是除錯(cuò)誤、警告和狀態(tài)描述之外的輔助型信息內(nèi)容。主要任務(wù)的必須信息不要使用提示,應(yīng)該直接放在UI里。
3. 提示的信息應(yīng)簡(jiǎn)潔、實(shí)用。避免不帶格式的大段文本(難以閱讀);避免提供用戶(hù)顯而易見(jiàn)的信息或只是重復(fù)屏幕上的文字。
錯(cuò)誤:
錯(cuò)誤:
4. 設(shè)定合理的顯示時(shí)間:
顯示:指為了顯示提示,鼠標(biāo)指針須保持不動(dòng)的時(shí)間,一般為0.5s。
重現(xiàn):指鼠標(biāo)指針從一個(gè)目標(biāo)移到另一個(gè)目標(biāo)上后須保持不動(dòng)的時(shí) 間,一般為0.1s。較短的重現(xiàn)時(shí)間能方便用戶(hù)連續(xù)查看。
移除:指提示在多長(zhǎng)時(shí)間后將自動(dòng)消失,一般為5s。
5. 按照統(tǒng)一的方式使用提示,通過(guò)提高可預(yù)見(jiàn)性來(lái)提高它的可發(fā)現(xiàn)性。如果為某些對(duì)象提供了提示,就也應(yīng)當(dāng)為所有類(lèi)似的用戶(hù)可能想獲取輔助信息的對(duì)象提供提示。前提是必須確保這些提示是有用的,且符合原則2。
6. 避免遮擋用戶(hù)可能會(huì)去查看或者操作的對(duì)象,即使會(huì)造成鼠標(biāo)指針與提示的分離。這樣的分離問(wèn)題不大,因?yàn)閷?duì)象和其提示之間的關(guān)系仍然非常清晰。
錯(cuò)誤:
正確:
7. 慎用提示。不要把提示當(dāng)成設(shè)計(jì)的補(bǔ)救手段。如果圖形、按鈕或其他對(duì)象需要用戶(hù)反復(fù)查看提示才能理解的話(huà),這其實(shí)就是不好的設(shè)計(jì)。應(yīng)當(dāng)對(duì)設(shè)計(jì)進(jìn)行修改。
“反饋信息”的分類(lèi)及交互設(shè)計(jì)原則(2/3)
“反饋信息”的分類(lèi)及交互設(shè)計(jì)原則(3/3)
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀(guān)感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2009-08-10 08:05:00] 從品牌網(wǎng)站看交互設(shè)計(jì)
- [2009-05-08 08:08:00] 關(guān)于“反饋提示”的交互設(shè)計(jì)
- [2009-12-12 08:54:00] 交互設(shè)計(jì)有效性之操作入口明確
- [2016-08-23 16:31:00] 關(guān)于iOS7的設(shè)計(jì)方面變化
- [2010-01-04 09:07:00] 交互設(shè)計(jì)(4)—“有效性”之“簡(jiǎn)潔清晰,自然易
- [2009-09-25 07:53:00] 背著包袱跳著走
- [2009-05-08 08:11:00] 交互設(shè)計(jì):不是什么和是什么
- [2010-11-11 08:26:00] 瞬間的快感之細(xì)節(jié)提升用戶(hù)滿(mǎn)意度
- [2007-08-09 14:54:00] 基于網(wǎng)絡(luò)媒介的交互設(shè)計(jì)研究
- [2009-11-04 22:35:00] 交互設(shè)計(jì)表格
- [2010-03-31 11:32:00] 交互設(shè)計(jì)之我見(jiàn)
- [2010-11-11 08:22:00] 基礎(chǔ)控件和交互設(shè)計(jì)元素的層級(jí)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
微官網(wǎng)帶來(lái)的好處 審美 青島做網(wǎng)站多少錢(qián) 網(wǎng)站推廣 膠南網(wǎng)站建設(shè)公司 網(wǎng)站規(guī)劃 版面布局 程序開(kāi)發(fā) 青島網(wǎng)站建設(shè)公司哪家好 扁平化設(shè)計(jì) GOOGLE 中小型企業(yè)網(wǎng)站建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 空白和簡(jiǎn)潔的設(shè)計(jì) 青島網(wǎng)站案例 外貿(mào)網(wǎng)站建設(shè) 網(wǎng)站制作 蘋(píng)果系統(tǒng) 平面設(shè)計(jì) 青島網(wǎng)站SEO 視覺(jué)靈感 手機(jī)網(wǎng)站 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 青島網(wǎng)頁(yè)制作 robots 網(wǎng)站的速度 網(wǎng)頁(yè)設(shè)計(jì) 青島網(wǎng)頁(yè)設(shè)計(jì) 英文網(wǎng)站建設(shè) 交互設(shè)計(jì)