艺网|中国艺术作品珍藏网|ArtHtml.com 首页 收藏本站 RSS频道 广告服务
中国艺术 传统设计 数码设计 摄影艺术 影音娱乐 时装魅影 人物 新闻 互动 边缘链接
书法 绘画 民间
服饰 戏曲 其它
印刷 插画
工业 街头
CG UI
网页 VI
人像 人体 婚纱 都市
景物 纪实 微距 其它
电影 音乐
杂志 明星
T台 内衣
大师 品牌
高端对话
艺术大师
展会活动
道听途说
艺网论坛
杂 货 铺
家居艺术 网站建设
设计导航 网易学院
艺网首页 -> 数码设计-> 网页 -> 微软设计主管:WEB设计经验
·火影忍者漫画 · 火影忍者剧场版全集 · 最新流行歌曲 ·价值投资=8年资产增值8倍 ·好听的歌 ·奥运歌曲 ·经典老歌 ·伤感歌曲

微软设计主管:WEB设计经验

页面功能:【评论】 【有错就点】 【字体:  】 【打印】 【复制本页地址】 【收藏】 【关闭


  从头衔上,您可能认为我主要关心的是 microsoft.com Web 站点几千个网页的版面设计。的确,这些确实是我所关注的。视觉上的吸引力是重要的,但是这仅仅是工作的一小部分。而最终的目的是确保整个站点运转正常。
  我的意思是,人们通常在访问 microsoft.com 时,并未将它当作艺术作品来赞赏。而是为了获得有关产品的信息,或者有一些技术问题需要咨询,或是阅读有关开发商的期刊。所以网站的设计应该尽量清楚和有条理,以便他们能够容易地找到所需信息。

设计站点

  在进行 Web 设计时--在设计过程中--形式应该服从功能。这种方法应用于我们站点的整个设计过程中。当然,我们有最新的 Web 工具,并且能够将各种可视的小配件上载到网页上。但是我们认为这样做将不利于为访问者提供有效的服务。

事实上,我经常发现一些站点未将重点放在功能上。常见的错误包括:

  用户界面元素不一致.例如,同一个控件在不同的页面上功能不同,或者同一个功能对应几个用户界面控件。

  导航栏位置不一致。决定站点的哪些页和功能需要在站点的任何页上都可被访问到。这就是应该保持一致性的“全局导航栏”。

  不太注意或根本不注意基本的图形设计原则,例如排版式样、色彩和版面的设计。

  相关元素和功能的随意分组。注意将元素放置在网页上的位置和目的。这可帮助访问者从其它相邻的选择和位置来推断某个链接的功能。

  使网页过于庞大,以至使访问者需要通过典型的调制解调器速度的 Internet 连接进行长时间的下载。这并不是说不应该使用图形,但是您需要对它们进行精挑细选,然后用适当的压缩和颜色索引优化它们。

  现在的 Web 站点仍然存在很多问题,这并不奇怪。毕竟,Web 设计“艺术”相对来说还是个新生事物。在四、五年以前,Web 页甚至是普通的。那时,人们好像认为他们的 Web 站点将会吸引访问者只是因为它们存在--并且,可能在某些情况下这种方法确实有效。但是这些站点一般很难看,并且更重要的是,它们真的难以使用。接下来便进入“看看我们能做些什么”阶段,在网页中加入了大量的动画、声音文件以及其它附加件,导致访问者需要长时间地进行下载,但是并未获得多少实实在在的内容。 如今的 Web 设计师们已经吸取了前人的经验和教训。好的站点倾向于简化和快速,同时在功能上有所提高。这是 Microsoft 的目标,而且我们最先承认自己所犯的错误(参阅“Microsoft 的 Web 简史”看一看以前的主页设计)。

  设计错误并不总是显而易见的。有时在设计上对一个小元素的移动或更改将有很少或根本没有影响。但是,在其它情况下,它可能确实会对页面功能有所影响。而且如果说我们从过去几年学到了一些东西,那就是小的改动会使 Web 页的运行方式有很大的不同。

明确的流程

  若要避免类似问题,我们为新服务(例如“搜索”)的创建或关键的 Web 页(如主页)设计了一个明确的流程。 每个项目都是在一定的基础上开始的,即我们有一个受益于我们站点上的页面、部分或用户界面元素的产品或服务。在早期的产品计划阶段(第 1 阶段),我被要求设计一些初级模型:大致描述页面、部分或功能的草图。然后产品项目组检查产品计划建议,看看此项服务是否可以为 microsoft.com 的访问者真正带来一些实惠。

  如果答案是“可以”,那么此项目会获得批准,我们开始写项目说明书(第 2 阶段)。我们在第 1 阶段的草图和概念基础上创建并提出一个更为完整的计划。这时,我们一般还会开始可用性测试(一般会有书面的模型)以了解潜在用户将对计划中的设计做出何种反应。 在最后开发阶段(第 3 阶段),我们创建运行计划服务的 Web 原型,并且进行全面的可用性测试以及内部复查。然后完成站点的代码,修改程序错误,最后站点通过实际运转的 Web 站点向客户发布。

  正如您所见到的,可用性在整个流程中扮演着重要的角色(参阅“创建有效的 Web 界面需要认真计划”)。我们可以为用户运行某项任务计时,这样我们就可以在产品以后的版本中对比相同的测试。我们可以使用这种方法进行度量,以确定一个功能的重新设计是否为客户带来任何真正的价值。 还有,我们将仔细地观察以了解可用性对象是否可以计算出如何正确使用新功能--我们称为“可发现性”的方法。有时这为我们提供了一些挑战。例如:在我们的站点上,在 搜索引擎 中键入一个词组或字会产生一列结果。然后我们请用户选择在这些结果中进行搜索,以便进行更细的搜索并且导向某一页或资源。但是即使“在结果范围内搜索”被明显地标记在深色标签上,很少有人熟悉它。一些用户认为他们正开始新的搜索,并且可能毫无结果。我们正在解决这个问题以确保客户可以利用 microsoft.com 上所有丰富的功能来提高他们对此站点的认识。

  选项“在结果范围内搜索”看上去很直观,但不是非常易发现的。此问题一直是困扰我们的设计的问题之一。

最后阶段

  大体来讲,站点设计是在发生冲突的需要之间求得平衡的艺术。一方面,我要将站点设计得尽量简单易用。另一方面,我要确保站点中所有强大的工具可为经验丰富的用户所用。与此同时,我还要为内部客户服务--Microsoft 产品项目组--他们对服务有特殊的需要。所以每天我都要解决一些非常困难的问题,经常处于很紧迫的情形中。我发现这种工作是鼓舞人心和有趣的。

  这个职业非常需要更熟练的专业人员。我是经过一系列非常不一般的过程--在大学学习图形艺术,然后在多媒体公司设计 CD-ROM,最后加入 Microsoft 并开发应用程序--才获得这个职位的。非常奇怪的是,当我申请(并获得)这份工作时,我以前从来没有设计过 Web 页。但是我广泛的设计经历已经证明是非常有用的,并且我自认为已经验证了格言“成功的设计就是成功的设计”(不论是什么媒体)。许多设计问题对 Web 来说是独一无二的,解决这些问题的方法对于任何媒体都是一样的。

  对于那些准 Web 设计师我的建议是,他们也应该尽可能地扩大设计背景。今天应该确保将一些 Web 工作作为互动设计培训的一部分--大多数好的设计学校已将其加入课程中。但是在排版、色彩理论、版面设计以及生产等方面的扎实的技术将仍然特别有价值。 在未来,Web 设计师们仍将会继续被要求给页面增加更丰富的多媒体内容,从而为 Web 站点的可视性和可操作性增加了新一级的复杂性和技术要求。作为 CD-ROM/多媒体设计师,要求我必须具有图形设计、视频、音频制作、动画等方面的知识和创作能力。我的预言是,Web 设计师也将向这些领域发展。

  对于属于 microsoft.com 的我们--以及在 Internet 上的其它地方--那应该是一个非常有趣的未来。

了解您的观众。
   调查一下究竟哪些人在访问您的站点,以及他们为什么要访问。新手或不定期上网的 Web 用户与软件开发商相比有非常不同的兴趣和站点需要。 使您的站点对访问者来说有所帮助。

为您的观众提供所需的信息。
   使导航元素保持一致,并且确保对访问率最高的区域进行明显的标记,是它们易于被找到。

使用清楚的消息
  确保用户了解此页面的上下文,并且知道需要他们做些什么。如果在注册过程中您要用户输入姓名,那么就直截了当地说。不要让访问者自己计算什么,他们会感到沮丧,于是转到其它更简单的站点(例如您的竞争对手的站点!)。

保持一致性
  虽然更改不同 Web 页的外观并不难,但这并不意味着您应该这么做。将主要功能--例如返回“主页”的链接或者执行一个搜索--放在每页的相同位置。在 microsoft.com 上,黑色全局导航工具栏的位置在四十多万页上都是一样的。

使站点可用
  牢记设计和测试站点的可用性。确保用户可容易地执行任务以获得所需信息。估算任务时间和任务完成率,然后努力进行改善。如果新的设计没有在这些方面获得改善,那么就不要实施它。重新从草图(或最初的计划)开始并尝试其它方法。

保持简洁
  说起来容易做起来难。尝试征求反馈意见。 有时新人可以很容易找到解决方案。

尝试新的东西
  不要害怕打破常规,尝试一些完全不同的东西。如果您不试试,永远不会找到真正的答案。


页面功能:【评论】 【有错就点】 【字体:  】 【打印】 【复制本页地址】 【收藏】 【关闭
免责声明:本站刊载此文仅为提供更多信息,不代表同意其说法,也不构成任何建议。有任何异议,请联络:ArtHtml@126.com

版权声明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。

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

 相关链接
 ·WM5.0 Xbox Theme [09-30 15:36]
 ·微软Windows Vista命名为IE7+ [06-01 09:07]
 ·WEB设计经验 [03-07 10:19]
 ·Web设计里的软件工程思想 [02-11 22:33]
 ·微软将发布首款独立版杀毒软件 [02-08 12:40]

 网友评论

您的姓名: 匿名发送
电子邮件:
评论内容:
不能超过100个字符
   
  所有留言只代表网友个人观点,不代表本站观点。
请各位遵纪守法并注意语言文明。

 网友评分: ★☆☆☆☆  ★★☆☆☆   ★★★☆☆  ★★★★☆  ★★★★★  

 
新闻搜索
关 键 词:
搜索范围:
全站精华
图文精彩
逃生 预感 黄玫瑰 想太多 那滋味 不要说话 放手去爱 北京欢迎你 依然在一起 吻得太逼真 感动天感动地 坐上火车去拉萨 怎么会狠心伤害我
心碎 酸甜 小太阳 别碰我 蒲公英 千山万水 改变自己 我们唱的歌 等爱的玫瑰 陷入爱里面 我是真的爱你 最后一次的温柔 那些女孩教我的事
光荣 火花 坏女人 日不落 樱花草 为你写诗 独家记忆 夏天的味道 寂寞才说爱 忘不掉的伤 越长大越孤单 第三者的第三者 亲爱的那不是爱情
假如 相思 是非题 有缘人 舍不得 我的答铃 死而无憾 唱情歌的人 越爱越难过 123木头人 和寂寞说分手 爱上你是我的错 爱情里没有谁对谁错
关于艺网 | 投放广告 | 联系我们 | 网站地图 | 版权声明 | 发现好站 | 友情链接 | 网友留言
设计开发:艺网互联 站长:木子李 艺术顾问:乡村树 陕ICP备05000441号
E-mail:ArtHtml at 126.com | QQ:64256534 | Tel:86-29-8826 2866
Copyright © 2004-2006 ArtHtmlTM. All rights reserved.