您的位置: 首页 > 艺术设计 > 设计理论 > 用好的设计替代不好的
网站信息的可用性设计 回到列表 设计流程
用户名:
密 码: 忘记密码
注册会员 游览论坛 论坛帮助
 用好的设计替代不好的

作者:青云 时间: 2006-11-29 文档类型:翻译 来自:blog中文翻译
浏览统计 total:1591 | year:1591 | Quarter:1591 | Month:340 | Week:1591 | today:60


用好的设计替代不好的 [2]

用户界面设计——用好的设计替代不好的

原文: User Interface Design - Taking the Good with the Bad

成功的婚姻之关键在于折衷。当事情沿着你不希望的方向发展,在最后,形成的争论却可以为你带来极大的好处。这条定理同样适用于用户界面设计。毕竟,如果婚姻不是形式和仪式又是什么呢?

设计用户界面的过程从根本上就是折衷的训练。这个训练并非指设计者和项目负责人之间的折衷(可用性从来没被办公室政治利用过),而是指设计方案的倒退和前进之间的折衷。每一个有关用户界面的决定,从一像素的精确定位到整个网站的信息架构都需要深思熟虑。对每一个设计方案给用户带来的好处与花费两者之间的仔细权衡才是本质。人们常常忽略有时是很小的代价,但每一个用户界面设计都要付出的代价。经过考虑的折衷原则其实贯穿了所有的用户界面设计,但在设计最佳的用户界面时,具有讽刺的是,它还要求你避免设计折衷的界面。

你不能吃了蛋糕还想拥有它

在创作用户界面的时候,你必须处理两个主要且冲突的局限:在仅有的一个显示器上传达海量的信息;用户在一定时间内接受海量的信息。在一个显示器上显示太多的内容,用户不得不从混沌中“艰难跋涉”了;显示太少的信息,用户为了找到他们的目标,又不得不靠猜测了。好的设计应该在程序和用户之间找到平衡点,既有效利用屏幕,又能考虑用户理解信息的能力。

你的舞台(显示器)是有局限的——毕竟有x像素的宽和y像素的高。这意味着资源很重要,你利用的每个象素都可看作是有价格的。当你试图去创建一个用户界面的时候,保持信息密度的平衡是项挑战。每个设计方案都要经过深思,因为在屏幕上每增加一块内容就加大了信息密度,这对用户有限的精力和认知过程是个挑战,使得用户更难弄明白了。

好的设计代替不好的

无论何时,花费只要能带来好处,采取折衷原则也是可以的。理论上,你可以最大化好处和最小化坏处,但本质问题是,所带来的好处能否超过其花费?不仅仅是超过,在所有可选的设计方案中,它能否带来最大利润?果真如此,它才是最佳方案。

花费/好处的折衷考虑穿越了用户界面开发的所有层次,从导航设计到字体大小。越是重要的设计方案,越是体现出用户界面巨大而潜在的影响。小的设计方案看起来似乎无关紧要,但积少成多,也会对用户界面产生潜在影响。无论大小,每一个设计方案都应该在可用性评估和考虑网络用户界面好处之后再决定。

一些对比的设计方案

设计 好处 花费
减少信息构架的层次 找到信息时减少了点击 更混乱
深层信息架构 清晰,减少混乱 找信息时点击多
小字体 一屏上显示更多信息 某些用户太难阅读了
大字体 阅读起来容易 每屏信息少了
下拉框 在有限空间里容下了更多选项 隐藏了选项
单选框 同一时间看到更多选项 需要更多空间,易混淆
图标 一旦记住就容易辨认了;视觉愉悦 M要学习识别
文字链接 总是易懂的 一旦不理解,可能必须阅读更多的资料
缩写 节约空间 需要学习和识别
非缩写 易懂 需要额外空间
键盘快捷键 数据高速输入 需要学习
鼠标指向和点击 直觉的 交互增加了额外的时间,需要更多的经验

疯狂背后的模式

事实上,你无法刻意评估每项设计方案的优劣。此过程就像天性一样,你可以凭直觉判断哪里该用下拉菜单还是单选按钮,或者此设计是不是比另一个略胜一筹。但直觉是建立在相关经验和努力之上的。设计的折衷评估仍旧可能发生,它在潜意识中形成了。这种潜意识行为可能让你没意识到为什么选择了此项,而非另一项方案。但如果你拆开了这个过程,其核心就是基于可用性原则的判断。

在设计过程中描述这个潜在法则可能并非必须,它很自然就发生了,但是你必须清楚,并在逻辑上意识到你的设计。如果你和别人一起工作,他们的建议可能降低了可用性,你意识到自己的决定是如何产生的就很重要了。通过将用户界面设计中潜意识的行为化作语言,你可以为坚持自己的决定增加了砝码。但如果你让每个人都对界面设计提出一种意见(就像恐怖的会议讨论),界面可能会像过去那样难看了。

出处:blog中文翻译
责任编辑:moby

上一页 下一页 用好的设计替代不好的 [2]

相关文章 更多相关链接
网站信息的可用性设计
Can Akyurek 平面设计欣赏
灼烧出的美丽
Honda像素图标设计作品欣赏
设计流程
作者文章
网站信息的可用性设计
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
采访eico studio[2]
Photoshop滤镜制作彩色拉丝效果
详细介绍IE7新支持的选择器
如何设置液晶显示器的刷新率?
2006GUIC最佳团队揭晓
中国巩义网站设计比赛结果
Photoshop人物合成技巧
酒瓶的创意设计
介绍几个曲线图
如何写好“帮助中心”的内容
栏目最新 栏目最新列表
酒瓶的创意设计
如何写好“帮助中心”的内容
网站信息的可用性设计
用好的设计替代不好的
Can Akyurek 平面设计欣赏
灼烧出的美丽
Honda像素图标设计作品欣赏
设计流程
十条准则做WEB的启发式评估
微软Windows Vista RTM图标设计
>> 分页 首页 前页 后页 尾页 页次:1/21个记录/页 转到 页 共2个记录

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

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

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文暂时没有评论和评分

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
Don't Make Me Think 第2版
《Flash第一步系列》
《交互设计之路》
《Dreamweaver 从基础到实践》
《色彩管理》
《情感化设计》
《GUI设计禁忌》