浅析“Rich”设计模式（3）
作者：包子 来源：Tencent CDC Blog 发布时间：2009-03-12 12:36:00
消息——“我能及时的沟通”
• 界面呈现：界面的更新
可用的、已用的、指示、忙碌的指示、进度指示、内置状态、光标状态、渐隐渐现、对比度、动态目标、显示焦点、灯箱特效、高亮、褪色、扩展、淡入淡出、翻转、移动、折叠、幻灯片特效、动画…
设计风险
关于RIA设计容易出现的问题与应用风险，几年来已有很多专家总结，在此仅承接上述模式分类概况几点：
信息浏览与查找是否需要用户更多的注意力和鼠标操作，如：点击、拖拽、滚动?一个页面是否弄得太乱了？是否在界面上滥用了丰富的交互形式？组件与整体页面是否协调？视觉上是否体现出了层次关系？新的交互模式是否改变了用户使用传统网络的习惯？用户可能看不出RIAs和传统网站的不同——但其实没有后退按钮了？没有弹出提示窗口了？
那么我们在设计时就要注意建立一些原则尽量规避风险：
1：将控件及其功能可视化，使用户对控件的位置及其作用容易理解。保持操作一致性及与其他类似网站/桌面应用程序的一致性。
2：提供明显的返回途径或确保后退按钮可用。后退按钮通常被视为锚点，一种大众用户的取消方法。
3：变化适当。界面中有更新或微型状态变化时，确保人们注意到这些变化：
选择适当的动态效果和颜色变化吸引注意。
变化应该发生在人们在看的区域及附近。
不要同时更新多处，用户的注意力跨度过大以至于感觉混乱。
4：当界面上的变化不及时时，提供及时的信息反馈；善用提示更新的方式。
5：不要在一个页面塞满内容，腾出空间给新内容。
6：在（概念）设计阶段不要做太多混合应用，做好可复用的设计。
7：提前规划无障碍设计。RIA中的可用性往往比较困难，比如使用移动设备访问可能无法正常显示（即使使用iPhone)，因此可能需要准备其他版本。
一致性的标准来规范设计
对于设计标准，有两件事一定要明确。一，仍然是以用户为中心进行设计，二是要想清楚rich在哪里可以增加价值。因此评估时要尽量对目标用户测试全方位的互动体验，对于高概率的变化与更新建立详细的标准。比如，我们要规范“悬停出现详细信息”这一模式，就需要说明当需要在界面情境中（文字段落、图片等）查看详细信息时，弹出气泡太快或太慢都可能降低用户体验，因此要注意规范到对于气泡的弹出要相比鼠标触发有0.3s的延迟；鼠标移开或有点击行为时弹出的气泡立即消失。
如前所述，当RIAs为我们提供了提升体验的巨大机会，如何设计更“rich”的控制与体验还需要不断积累探索。
0
投稿猜你喜欢
前言今天我看到线性规划模型开头的介绍，特别不错，因此，我把它记录下来了，分享给大家在工程技术、经济管理、科学研究、军事作战训练及日常生活等众- 目录使用 sync.WaitGroup空 select死循环用 sync.Mutexos.Signal空 channel 或者 nil ch
- 前言Matplotlib的可以把很多张图画到一个显示界面，在作对比分析的时候非常有用。对应的有plt的subplot和figure的add_
- 误区 #11:镜像在检测到故障后瞬间就能故障转移错误 数据库镜像的故障转移既可以自动发起，也可以手动发起
- 一、设置开启SMTP服务并获取授权码0.如果使用第三方邮件服务器SMTP服务来发送邮件，首先要在邮箱设置里面开启POP3/SMTP/IMAP
- 关于多线程的大概讲解：在Python的标准库中给出了2个模块：_thread和threading，_thread是低级模块不支持守护线程，当
- 我的 jupyter-bootbook 是在 ubuntu 下安装 anaconda 获得的，下面的命令在 Windows 下大部分可以运行
- 这篇博客讲的是SQL server的分页方法，用的SQL server 2012版本。下面都用pageIndex表示页数，pageSize表
- 关于窗口函数的基础，请看文章SQL窗口函数许多常见的聚合函数也可以作为窗口函数使用，包括AVG()、SUM()、COUNT()、MAX()以
- Nextcloud 是一款自由 (开源) 的类 Dropbox 软件，由 ownCloud 分支演化形成。它使用 PHP 和 JavaScr
- 爬取过程：你好，李焕英 短评的URL：https://movie.douban.com/subject/34841067/comments?
- 假设通过爬虫获得了一个自媒体.txt想要从这些关键词中提取流量最大的关键词可以通过如下算法实现：from smoothnlp.algorit
- 这两天看了下某位大神的github,知道他对算法比较感兴趣,看了其中的一个计算数字的步数算法,感觉这个有点意思,所以就自己实现了一个。算法描
- 最近在制作一个自己的个人博客的时候遇到这么一个问题, 在CSS中使用了相对路径来充当背景图片, 如下所示：然后将整个工程使用webpack打
- 目录完整项目地址：首页安装特点完整项目地址：https://github.com/zsjtoby/DevOpsCloud欢迎使用极云监控系统
- 1. Mysql备份某个数据库的命令####################################################
- 一. 代码使用Python+Splinter开发，Splinter是一个使用Python开发的开源Web应用测试工具，它可以帮你实
- 我们打包APP需要用到HBuilder，所以先讲解如何安装使用HBuilder的下载与安装HBuilder的官网下载地址：https://w
- 本文实例讲述了python动态参数用法。分享给大家供大家参考。具体分析如下：先来看一段代码：class Person: &nb
- 上一篇说了vue单页面解决解决SEO的问题只是用php预处理了meta标签但是依然没有内容填充,所以对于内容抓取依然有些乏力,只是解决了从无
