以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://lilong4174.blogbus......42853711.html

“反馈信息”的分类及简要设计原则(1/3)

作者:李小帅  |   发布: (编辑)kent.zhu   |   时间:2009-07-25 02:21:30 文字大小:- +

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

更多
打印  |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买