建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > 心得技巧 >

设计理论之Rich设计模式(3)

时间:2009-03-12 18:40来源:Tencent CDC Blog 作者: 点击:
验证我能提前预防错误发生 内置验证、验证后建议、气泡提示、计数(如用在文本框的字符限制)、即时预览 消息我能及时的沟通 界面呈现:界面的更新 可用的、已用的、指示、忙碌的指示、进度指示、内置状态、光标状

验证——“我能提前预防错误发生”
内置验证、验证后建议、气泡提示、计数(如用在文本框的字符限制)、即时预览…

消息——“我能及时的沟通”

界面呈现:界面的更新

可用的、已用的、指示、忙碌的指示、进度指示、内置状态、光标状态、渐隐渐现、对比度、动态目标、显示焦点、灯箱特效、高亮、褪色、扩展、淡入淡出、翻转、移动、折叠、幻灯片特效、动画…

设计风险

关于RIA设计容易出现的问题与应用风险,几年来已有很多专家总结,在此仅承接上述模式分类概况几点:

信息浏览与查找是否需要用户更多的注意力和鼠标操作,如:点击、拖拽、滚动?一个页面是否弄得太乱了?是否在界面上滥用了丰富的交互形式?组件与整体页面是否协调?视觉上是否体现出了层次关系?新的交互模式是否改变了用户使用传统网络的习惯?用户可能看不出RIAs和传统网站的不同——但其实没有后退按钮了?没有弹出提示窗口了?

那么我们在设计时就要注意建立一些原则尽量规避风险:

  1. 将控件及其功能可视化,使用户对控件的位置及其作用容易理解。保持操作一致性及与其他类似网站/桌面应用程序的一致性。
  2. 提供明显的返回途径或确保后退按钮可用。后退按钮通常被视为锚点,一种大众用户的取消方法。
  3. 变化适当。界面中有更新或微型状态变化时,确保人们注意到这些变化:
    选择适当的动态效果和颜色变化吸引注意。
    变化应该发生在人们在看的区域及附近。
    不要同时更新多处,用户的注意力跨度过大以至于感觉混乱。
  4. 当界面上的变化不及时时,提供及时的信息反馈;善用提示更新的方式。
  5. 不要在一个页面塞满内容,腾出空间给新内容。
  6. 在(概念)设计阶段不要做太多混合应用,做好可复用的设计。
  7. 提前规划无障碍设计。RIA中的可用性往往比较困难,比如使用移动设备访问可能无法正常显示(即使使用iPhone),因此可能需要准备其他版本。

一致性的标准来规范设计

对于设计标准,有两件事一定要明确。一,仍然是以用户为中心进行设计,二是要想清楚rich在哪里可以增加价值。因此评估时要尽量对目标用户测试全方位的互动体验,对于高概率的变化与更新建立详细的标准。比如,我们要规范“悬停出现详细信息”这一模式,就需要说明当需要在界面情境中(文字段落、图片等)查看详细信息时,弹出气泡太快或太慢都可能降低用户体验,因此要注意规范到对于气泡的弹出要相比鼠标触发有0.3s的延迟;鼠标移开或有点击行为时弹出的气泡立即消失。

如前所述,当RIAs为我们提供了提升体验的巨大机会,如何设计更“rich”的控制与体验还需要不断积累探索。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片