您的位置: 首页 > 艺术设计 > 设计理论 > 浅谈产品设计中的可用性和可访问性
斜杠的作用与导航 回到列表 10大实用web应用界面技术
 浅谈产品设计中的可用性和可访问性

作者:oldfish  时间: 2009-01-19 文档类型:转载 来自:Alibaba.com UED

在用户体验这个行业,经常会听到,可用性,可访问性这样专业的名词,但是,事实上在很多产品实现过程里都忽略了这一点!WHY?

举个很简单的例子,用户的注册流程,很多交互设计师在做这块流程设计的时候都无可避免的忽略了部分可用性和可访问性,直白点说,产品的应用场景没有cover全用户群,损害了这部分用户的可用性和访问性。

太抽象?不明白?好,那我们就用户注册流程展开,侃侃流程中用户提交表单的设计。

看上图,这是现有支付宝注册流程中的一块功能,要实现的功能很简单,个人用户直接填写注册信息,是企业用户的话,就先选择企业,再填写注册信息,最后提交表单,完成操作。流程早就发布上线了,看上去很和谐,但是不然……

不然在哪里呢?应用场景,没错,您答对了。交互设计师在设计这个流程的时候忽略了一些场景,没有考虑到那些客户端对JavaScript不支持或支持不好的用户。做个实验,打开支付宝的注册页面,然后禁用脚本,你会发现,不论怎么搞,你都无法点出企业类的注册信息了!OK,现在明白了吧,企业类的用户在这种场景下基本上就game over了,搞不好还会再来上一句“FT,支付宝真TMD难用啊!”

听到这里,或许很多交互设计师坐不住了,“这不是前端开发工程师要去考虑的吗?”,我认为要这样来理解,如果单纯的从前端开发的角度而言,这种实现方式是无可厚非的。什么做法?对的,要说明一下……

实现方案1
采用css样式设置企业注册信息的容器默认为隐藏,当用户点选企业后通过js脚本改变容器的隐藏属性为显示。

实现方案2
通过脚本控制企业注册信息的容器的初始状态为隐藏,当用户点选企业后通过脚本改变容器的隐藏属性为显示。

一般情况下,前端会有两种实现方案,抛开可访问性,光从Developer这个层面上来选择的话,我选第一种。现在的注册流程中用的也是这个方案。

讨论一下这两个方案吧,各有优缺点,但是今天我们讨论的是可用性和可访问性,所以很显然第一种方案是不可取的。那为什么前端开发工程师还是选择了她呢?自然也有他的道理,如果采用第二种方案的话,势必要在页面结构加载完成后,再去初始化要隐藏的容器,当客户端网速不佳的情况下,会先显示企业注册信息的内容,几秒后又不见了,体验上有所折扣。但是就可用性和可访问性而言,是无懈可击的。假设,当前用户环境禁用了脚本,那么他访问这个页面的时候,企业注册信息不会被隐藏,会显示在当前页面上,易用性可能有一些缺失,但是功能上是可访问可用的,整个流程是健全的。相比两种情况,我想我会选择采用方案2。当然如果你不屑可用可访问性,那就砖头砸我吧!

很多交互设计师都会想当然的认为,类似这样的应用场景受重群体是很小的,也许真实的数据会让你大吃一惊!总而言之,多为用户想想,是设计师最起码的职业道德!

可用性和可访问性的重要还能表现在很多应用上,如语音阅读器,手机浏览器等,这些在ppk谈javascript中有比较详细的描述,有兴趣的话,可以查阅《ppk谈javascript》。总而言之,语义化的页面结构在以后互联网产品的可用性和可访问性中起着非常重要的作用!

说到这里,我相信看懂的都应该明白可用性和可访问性是咋会事了,除了明白,你是不是也看到了一些问题呢?没错,绝对是有问题的,交互设计和前端开发过程中都存在的问题,专业化路线绝对不是单一的,专业化cover的度很重要!

本文链接:http://www.blueidea.com/design/doc/2009/6374.asp 

出处:Alibaba.com UED
责任编辑:bluehearts

相关文章 更多相关链接
9个Web设计中常见的可用性错误
不要忽略了颜色的可用性
地图网站的需求功能与体验
Apple网站Web可用性设计分析
用户反馈对产品设计的帮助
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
分享按钮

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2