建站常识
“反馈信息”的分类及交互设计原则(1/3)
2009-07-25 08:47:00
一个UI上的“反馈信息”主要有两种分类角度:
从形式上分:
● 工具/信息提示 (Tool/Info Tips)
● 就地信息 (In-place Messages)
● 气球状通知 (Balloons)
● 对话框 (Dialog Boxes)
从内容上分:
● 信息 (Info)
● 警告 (Warning)
● 错误 (Error)
● 确认 (Confirmation)
注:这里没有用到“alert”这个概念,因为它是一种“形式(对话框)+内容(四种都有)”的组合应用。它是从“作用”的角度来分的。
反馈信息的定义和设计原则:
(一)工具/信息提示 (Tool/Info Tips)


定义:
工具/信息提示 (以下统称为“提示”)是指一个小的弹出窗口,用于标注或精确描述被指向对象,例如工具栏控件、图标、图形、按钮、链接等。提示可以看作是渐进展开式控件(Progressive Disclosure)的一种形式。
简要原则:
1. 触发方式为鼠标悬停,当用户单击控件、移动鼠标、或是提示超时后移除。提示本身不需要用户进一步的交互。
2. 提供的是除错误、警告和状态描述之外的辅助型信息内容。主要任务的必须信息不要使用提示,应该直接放在UI里。

3. 提示的信息应简洁、实用。避免不带格式的大段文本(难以阅读);避免提供用户显而易见的信息或只是重复屏幕上的文字。
错误:
错误:
4. 设定合理的显示时间:
显示:指为了显示提示,鼠标指针须保持不动的时间,一般为0.5s。
重现:指鼠标指针从一个目标移到另一个目标上后须保持不动的时 间,一般为0.1s。较短的重现时间能方便用户连续查看。
移除:指提示在多长时间后将自动消失,一般为5s。
5. 按照统一的方式使用提示,通过提高可预见性来提高它的可发现性。如果为某些对象提供了提示,就也应当为所有类似的用户可能想获取辅助信息的对象提供提示。前提是必须确保这些提示是有用的,且符合原则2。
6. 避免遮挡用户可能会去查看或者操作的对象,即使会造成鼠标指针与提示的分离。这样的分离问题不大,因为对象和其提示之间的关系仍然非常清晰。
错误:

正确:

7. 慎用提示。不要把提示当成设计的补救手段。如果图形、按钮或其他对象需要用户反复查看提示才能理解的话,这其实就是不好的设计。应当对设计进行修改。
“反馈信息”的分类及交互设计原则(2/3)
“反馈信息”的分类及交互设计原则(3/3)
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2016-08-23 16:31:00] 关于iOS7的设计方面变化
- [2010-10-12 08:39:00] 合理限制用户的操作
- [2009-06-23 08:11:00] 细节决定成败 总结项目中的交互设计
- [2010-09-19 08:11:00] 聊聊线框图:UED和PD对于线框图不同的定位
- [2009-10-21 08:10:00] 设计师挖掘用户需求浅谈
- [2007-05-18 12:11:00] 关于“交互设计”
- [2009-06-19 08:15:00] 用户不会记得点了多少下
- [2009-11-13 14:24:00] 交互设计小贴士
- [2009-12-25 08:24:00] 交互设计(3)—“有效性”之“适时帮助”
- [2009-05-13 21:46:00] 谁为用户买单(1)—电子商务网站的交互设计
- [2010-01-11 08:24:00] 浅谈白社会交互设计的创新(二)
- [2009-07-07 08:01:00] 面包屑设计
