专业网站制作经验 - 来自microsoft.com设计主管
专业网站制作不仅要重视视觉上的诱惑力,更应该考虑的是整个站点的运转正常,
专业网站制作在设计过程中形式应该服从基本功能,做到流程简洁、顺畅。
作为设计主管,PeterStern已经领导microsoft.com重新设计了主页并且开发了五个不同的交互工具,这些工具被用于下载中心、产品目录、配置文件中心、搜索和注册等联机基本功能。他为几个内部工具设计了顾客界面,并且正致力于创建将于今年晚些时候发布的下一代主页。
从头衔上,您可能认为我主要关心的是microsoft.comWeb站点几千个网页的版面设计。的确,这些确实是我所关注的。视觉上的诱惑力是重要的,不过这仅仅是工作的一小部分。而最终的目的是确保整个站点运转正常。
我的意思是,人们通常在浏览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上,黑色全局导航工具栏的位置在四十多万页上全是一样的。
使站点可用
牢记设计和测试站点的可用性。确保顾客可简单地执行任务以获得所需要信息。估算任务時间和任务完成率,然后努力开展改善。假如新的设计没有在这些方面获得改善,那么就不要实施它。重新从草图(或最初的计划)开始并尝试其它方法。
保持简洁
说起来简单做起来难。尝试征求反馈意见。有时新人可以很简单找到解决方案。
尝试新的东西
不要害怕打破惯例,尝试一部分完全不同的东西。假如您不试试,永远不可能找到真正的答复。
来源于:http://www.sndaued.com/blog/?p=110
本文章由新概念互动原创,如没特殊注明,转载请注明来自:http://www.jianzhan0.com/jingyand/67673.html