加拿大预测网-在线预测

信息动态

网站设计是技术与创意的完美融合!

建站常识

“反馈信息”的分类及交互设计原则(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. 避免遮挡用户可能会去查看或者操作的对象,即使会造成鼠标指针与提示的分离。这样的分离问题不大,因为对象和其提示之间的关系仍然非常清晰。

  错误:


            
  正确:


      &nbs🥃p;    

  7. 慎用提示。不要把提示当成设计的补救手段。如果图形、按钮或其他对象需要用户反复查看提示才能理解的话,♏这其实就是不好💮的设计。应当对设计进行修改。

  “反馈信息”的分类及交互设计原则(2/3)
  “反馈信息”的分类及交互设计原则(3/3)

0532-85810878 473587358 扫码添加微信

加拿大预测网-在线预测:扫码添加微信

扫码关注公众号

加拿大预测网-在线预测:官方公众号

2054585360