童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

浅析“Rich”设计模式

2月22日 颜如初投稿
  但凡设计师都对简洁的设计情有独钟,我们不喜欢复杂,却也不能不会rich。
  先来看下“rich”在字典里的意思:
  (1)
  (2)
  (3)
  可见,“rich”即暗示比满足普遍需要或期望的要多。
  那么以RIA为例,来看下RIA(RichInternetapplications富互联网应用程序)比IA(Internetapplications)多在哪?
  更快、更直接的互动、更仿真、更流畅的体验、更cool、更好玩、更易安装、更容易传播、更安全更容易使用户迷惑、更复杂、更容易不切实际、更难部署、更高开发成本
  可见,多出来的既有优点也有缺点。
  我们假设Bf(U,E),即行为(Behavior)是一种以用户(User)与环境(Environment)为变量的函数(function)。
  我们想要通过交互设计创建一个符合逻辑的流程以及在其中进行的符合意料的行为,但是我们不能直接控制用户,我们需要通过交互、界面设计等,找到有效控制环境的方式。因此,我们要仔细的研习下更“rich”的控制与体验并不断探索。以RIA为例,这种探索包括了解其应用类型与常用模式,了解其设计挑战与风险,在设计其应用时注意扬长避短,并学会评估由此形成的效应。
  应用类型与常用模式
  RIA从应用上可以做为:
  单独的软件、widget(脱离浏览器在桌面上运行)
  网站的某些部分(在浏览器中有效地运行)
  添加到传统的网页的“丰富组件”(来导航或互动)
  且目前已有以下几种类型的应用:
  信息参考应用:网络本地资源的整合,搜索,多媒体,用户参与
  资源浏览编辑应用:浏览,阅读,检索、分类,协作,发布
  电子商务应用:购物,数据库浏览
  实用应用:提示,过滤,帮助,向导
  娱乐应用:游戏
  营销应用:广告
  先将这些应用中RIA的模式穷举一下:
  再将这些模式分解:
  交互每一种模式都以一种交互开始。
  悬浮、鼠标滑过、点击、释放、快捷键、拖拽、移动、选择、定焦、调整大小
  操作:
  查找“我需要的时候能找到信息”
  自动匹配、载入内容、缩小选择、及时搜索、精确搜索、动态过滤、细节缩放、随需刷新、悬停出现的详细信息、原位替换、可调整大小的模块、滚动的模块、模块扩展
  动作“在界面情境中我能够采取行动”
  拖拽模块、当页编辑、内置文字编辑、内置标记编辑、内置的自定义编辑、直接的静态编辑、评价评级、弹出或滑出的自定义编辑、网格单元编辑、记忆选择、自动保存、记忆配置
  
  验证“我能提前预防错误发生”
  内置验证、验证后建议、气泡提示、计数(如用在文本框的字符限制)、即时预览
  消息“我能及时的沟通”
  界面呈现:界面的更新
  可用的、已用的、指示、忙碌的指示、进度指示、内置状态、光标状态、渐隐渐现、对比度、动态目标、显示焦点、灯箱特效、高亮、褪色、扩展、淡入淡出、翻转、移动、折叠、幻灯片特效、动画
  
  设计风险
  关于RIA设计容易出现的问题与应用风险,几年来已有很多专家总结,在此仅承接上述模式分类概况几点:
  信息浏览与查找是否需要用户更多的注意力和鼠标操作,如:点击、拖拽、滚动?一个页面是否弄得太乱了?是否在界面上滥用了丰富的交互形式?组件与整体页面是否协调?视觉上是否体现出了层次关系?新的交互模式是否改变了用户使用传统网络的习惯?用户可能看不出RIAs和传统网站的不同但其实没有后退按钮了?没有弹出提示窗口了?
  那么我们在设计时就要注意建立一些原则尽量规避风险:
  1:将控件及其功能可视化,使用户对控件的位置及其作用容易理解。保持操作一致性及与其他类似网站桌面应用程序的一致性。
  2:提供明显的返回途径或确保后退按钮可用。后退按钮通常被视为锚点,一种大众用户的取消方法。
  3:变化适当。界面中有更新或微型状态变化时,确保人们注意到这些变化:
  选择适当的动态效果和颜色变化吸引注意。
  变化应该发生在人们在看的区域及附近。
  不要同时更新多处,用户的注意力跨度过大以至于感觉混乱。
  4:当界面上的变化不及时时,提供及时的信息反馈;善用提示更新的方式。
  5:不要在一个页面塞满内容,腾出空间给新内容。
  6:在(概念)设计阶段不要做太多混合应用,做好可复用的设计。
  7:提前规划无障碍设计。RIA中的可用性往往比较困难,比如使用移动设备访问可能无法正常显示(即使使用iPhone),因此可能需要准备其他版本。
  一致性的标准来规范设计
  对于设计标准,有两件事一定要明确。一,仍然是以用户为中心进行设计,二是要想清楚rich在哪里可以增加价值。因此评估时要尽量对目标用户测试全方位的互动体验,对于高概率的变化与更新建立详细的标准。比如,我们要规范“悬停出现详细信息”这一模式,就需要说明当需要在界面情境中(文字段落、图片等)查看详细信息时,弹出气泡太快或太慢都可能降低用户体验,因此要注意规范到对于气泡的弹出要相比鼠标触发有0。3s的延迟;鼠标移开或有点击行为时弹出的气泡立即消失。
  如前所述,当RIAs为我们提供了提升体验的巨大机会,如何设计更“rich”的控制与体验还需要不断积累探索。
投诉 评论

多按钮共存don’tmakemethink之前在一个web系统的设计中,和另一个设计师讨论,“保存”和“取消”按钮该怎么设计。我的观点是,保存是比取消更常用的按钮,也是用户的主要目的(用户不会为了取消来使用表单),所以……TheStoryofMr。GrayWeb交互设计“灰色”的8在进行Web的交互设计中,颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用,他们的出现总是不动声色而又恰如其分,维持了整个页面的平衡与统一。本文将从一些实际案……用户是如何浏览你的网站的事实上,互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面,扫视一些文字,并点击第一个引起他兴趣的链接。在这过程中,页面上有大……Pivot,信息组织的梦想之窗以图像处理见长的微软Live实验室,最近发布了一款新作:Pivot。装完启动后的第一印象就是一款浏览器,和IE、FF、Chrome又不太一样的是,Pivot精致而华丽。但看安装……我给旋风找找茬QQ旋风2推出已经有一段时间了,一站式下载,闭环搜索,受到广大用户的关注和喜爱。QQ旋风2还处于成长阶段,我们诚意的邀请您给QQ旋风2提出宝贵的意见和建议。我们相信……社会化音乐:在夹缝中生出花来以前做音乐项目的时候,最让我们头痛的就是满足用户的问题。在音乐的领域,不要试图去满足所有用户这个定律得到了最充分的验证。究其原因,无非是音乐这个东西能够产生足够的黏性和吸力,来……蜕变记QQ医生3。0QQ医生在广大用户心中一直以来都是清爽便捷的一款安全工具,随着QQ医生的不断发展,QQ医生团队一直在思考,怎样能够给QQ医生用户带来性能更优、速度更快、体验更好的软件,为广大用……由“标题党”谈开去。。写在前面标题党是网络上一小撮利用各种颇具创意的标题吸引眼球,以达到各种个人目的网民们的自发性组织。其主要行为简而言之即发帖的标题严重夸张,帖子内容通常与标题完全无关或联系……UPA2009工作坊讲义:统一体验的设计本文为UPA2009统一体验的设计PPT讲义稿,应各位同行的要求整理并公布出来,希望能对各位有一些帮助和启发,也欢迎大家一起进行更深入的探讨。最初确定这个题目来跟各位同行……浅析“Rich”设计模式但凡设计师都对简洁的设计情有独钟,我们不喜欢复杂,却也不能不会rich。先来看下“rich”在字典里的意思:(1)havinganabundantsupplyofd……小标点,大作用在日常的工作中往往会忽略标点符号的作用,其实无论在英文界面文本设计还是中文界面文本设计中,标点符号都是重要组成部分。要想做出好的界面设计,不仅要重视视觉、交互以及wording……轻设计,让网站灵敏轻便的6个技巧在网站或软件的策划和设计过程中,我们经常听到这样的讨论:“这个功能设计得太重了”又或“我们希望能够处理得轻一些”。似乎轻设计是时下炙手可热的话题,也是方兴未艾的Web2。0大浪……
关键词布局教程如何编写高质量的伪原创文章?医疗优化网站建设技巧新上线网站排名不稳定原因现在SEO要注重什么?关于seo优化新手seo需要掌握的基本技巧seo外链大全特殊行业seo需要特殊考虑大量长尾关键词怎么管理站长必知网站长尾词如何拓展生成?参与排名?网站速度会影响排名吗?婆媳关系紧张的心理原因二十年后回故乡字作文女性怎样准确计算安全期呢?长安家轿新品逸达曝光!方舟架构打造,能否成爆款要看定价?恼人的雨报警后警察处理流程是怎么样的?儿童铅中毒治疗分轻重足字旁加石跖字读音及解释第三次重建!开拓者3换7交易达成!利拉德6年赚2。83亿!C心慌胆小易惊少眠多梦?一个中成药教你养心安神,一觉到天亮华硕ME400C有前置摄像头吗燃气热水器故障及维修方法

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界