• 网络学院
  • IT资讯
  • 操作系统
  • 网络技术
  • 软件应用
  • 办公软件
  • 编程技术
  • 网站架设
  • 数据库类
  • 平面设计
  • 多媒体类
  • 游戏资讯
  • 教学论文
  • 认证考试
用好的设计替代不好的
  站点:
  • 首 页
  • 最新软件
  • 文章教程
  • 国内软件
  • 国外软件
  • 绿色软件
  • 源码下载
  • 字体下载
用好的设计替代不好的
软件发布 用好的设计替代不好的
网络软件 系统工具 应用软件 联络聊天 图形图像 多媒体类 行业软件 游戏娱乐 编程开发 安全相关 教育教学 数码软件 绿软下载
热门软件: QQ 瑞星 pplive e话通 木马克星 千千静听 office2000 五笔字根 Photoshop 视频分割
返回文章教程首页 >> 文章首页 >> 网站架设 >> 建站指南 >> 用好的设计替代不好的

用好的设计替代不好的

添加时间: 2007-2-8 4:26:13  作者: 第九软件网  阅读次数:40   来源: http://www.d9sot.com

       

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

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

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

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

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

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

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

  好的设计代替不好的

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

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

  一些对比的设计方案

  

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

  疯狂背后的模式

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

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

  好 – 坏 = 网络可用性

  你是否注意到你可以立刻指出各种界面设计的不足?这是因为在界面设计时的折衷原则使然。甚至最好的设计解决方案都可能有些倒退,一些成员可能会尝试改变设计。但任何设计都有不足之处,每一个无不如此。这样的不足还不至于损害设计。一个设计比另一个设计更好的地方在于无时无刻不照顾到网络可用性。所以,好-坏=网络可用性。最后测量的标准就是网络的可用性价值。

  批评开始满天飞了。字体太小了、图标含义不清、缩写词意不明。也许最初只是脸红一下,然后就红到耳根了,仿佛这些批评都是对的一样。事实上,这类宣言单独来看都是正确的,但它太过正确,也应该被挑战。来决定它值不值,就要既考虑花费,又要考虑好处了。后台设计者能立刻识别一个特殊设计的花费,但是他们看不到好处。你需要客观的评估每个建议对可用性的影响,从而决定哪个是最可取的。

  除了要懂得界面设计中的折衷性,你也应该鼓励那种有缺陷的设计建议。为了有效评估那些作用于界面设计的花费和好处,你需要涉猎多种领域:从认知学到人因学到图形设计。只有对人们如何与应用程序交互建立了巨大的知识储备,你才能更有效地评估用户界面设计。这不仅仅是个非对即错的事情,因为花费总是与带来的好处相关。

  举例来说,你的页面字体可能小了,对一些老年人相当难以阅读。这就是花费。但这在一屏上提供了更多的信息,也意味着更少的滚动,减少滚动可以降低物理操作和认知输入。现在假设统计出你的用户年龄90%在21至30岁之间,因此比较其他解决方案,这时字体更小一些会更好,网络的可用性也更高。

  所选的方案并非完美,但它提供了更好的可用性。你也可以提出异议,用好的替代坏的设计,但对于你特定的应用,选择这种方案无非是最明智的。你必须在完整的程序使用中加以衡量,才能选出最合适的方案。

  懂得在界面设计中无所不在的折衷原则,并应该灌输给整个项目组,甚至每个普通员工都要知晓。对用户界面的争论应该被鼓励。在每一个设计方案中通过理解、评估和解释折衷原则,你可以设计可用性更高和更有说服力的界面。

  对成功的评估

  当评估一个设计是否更好时,又需要一个用户界面准则去评估,以下是几个用户界面质量的元素:

  • 容易学习并容易记住
  • 使用的有效性
  • 出错率,可伸缩性和可恢复性
  • 个人满意度

  以应用程序的最后使用效果评定,每一个因素都可能是重要的。举例来说,使用的有效性也许对高端的用户程序有用,而对小册子市场就不一定那么有效了。虽然这种转变可能会提高个人满意度。但每一个设计决定都应该接受上面四个因素的考验。

  广泛折衷原则

  折衷也不应该以屏幕设计为终点。在用户界面设计中占据了很大分量的包括:网络信息统计(比如什么浏览器、平台、显示效果尺寸等)、瘦/胖/富客户端体系、开发时间和花费的资源等。在评估折衷时,可用性占据了极大的分量,但真实使用环境中的一些问题也日趋重要。比如说,如果一个设计方案比另一个好得多,是否值得用1万美元开发它?这部分功能的提升值得吗?反过来想,节约的这些钱是否削弱了可用性?这类讨论是如此现实,需要被谨慎评估。

  只要认识到用户界面设计是建立在折衷上的,会帮助我们清楚地认识到为什么如此设计。这样做会减少优秀界面设计出轨的风险,尤其对那些只看到事物一个方面的人有用。通过清晰地列出花费、好处和相互交流设计的意义,你可以更好地说明别人、得到更多的支持。总之,如果我们能依照折衷的原则,我们就能正确地看待好处和坏处。只是希望别带给我们丑陋的事物。(完)

  [作者blog:blog中文翻译 ]

 

上下文章:

 

上一篇文章: 网页布局的位置重心与位置间的对比关系 下一篇文章: DIG中国编年史

相关文章:

  • QMAIL+MH设计方案(一)
  • QMAIL+MH设计方案(二)
  • QMAIL+MH设计方案(三)
  • QMAIL+MH设计方案(四)
  • QMAIL+MH设计方案(五)

相关软件:

  • 胜新通用条形码设计打印系统 6.09
  • 冬莲报表设计器 V1.0
  • HiHand结构设计工具箱 2005 Build 0903
  • 创想家居设计软件 V9.5 普及版
  • 胜新通用条形码设计打印系统 6.08 网络版
  • 凌乱设计个人网站音乐系统 v1.3

 

快速导航

  • 网络学院
  • 精品汇聚
  • 字体下载
  • 教程下载
  • ASP源码
  • PHP源码
  • Net源码
  • JSP 源码

网站架设分类导航

  • DreamWeaver
  • HTML/CSS
  • Flash
  • Firework
  • FrontPage
  • 建站指南

本类经典文章推荐

  • 浅谈网站推广之有针对性的手法
  • 访问统计上的陷阱,值得站长的你我...
  • 非常值得各位站长注意的统计事件
  • 10个不为人知的Google失败作品
  • 教你如何向Google申请重新收录
  • 谁能真正直挺出来维护个人站长的利...
  • 送给新人新站长的一点小建议
  • 一个网站的灵魂 打造完美网站的奇...
  • 有关商业网站的建立和运作
  • 使用Web标准建站第2天:什么是名字...

建站指南阅读排行

  • 网页设计配色应用实例剖析——橙色...
  • 10个不为人知的Google失败作品
  • 2006年度50个的经典的基于CSS的网...
  • 使用Web标准建站第1天:选择什么样...
  • 落伍上面的关于网站策划的讨论记录...
  • 有关商业网站的建立和运作
  • 一个网站的灵魂 打造完美网站的奇...
  • 微软雅黑—中日台三地新一代Clear...
  • [名词解释]什么是:WIKI
  • 我是如何通过网络赚来几百万?

网站架设阅读总排行

  • 用层模拟下拉列表框
  • 教你如何用Dreamweaver制作电子相...
  • 用Dreamweaver插件制作动态下拉菜...
  • 突破网页文字无法复制局限
  • 如何设计首页???(解答)
  • Dreamweaver基础技巧-布局阶段
  • 动态QQ表情DIY Fireworks轻松搞定
  • 流程图软件Visio作“高难度”网页
  • 网页制作隐藏对象巧利用
  • 站点-网页布局设计基础

广告位置

字母检索 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 回到顶部

关于我们 | 版权声明 | 免责条款 | 广告联系 | 软件发布 | 下载帮助 | 下载排行 | 网站地图 | 特别鸣谢 | 友情连接

copyright; 2005-2008 D9soft.com 第九软件网 版权所有