专业网站设计经验—来自microsoft.com设计总监

2021-12-03    分类: 网站设计

专业的网站设计不仅要注重视觉吸引力,还要考虑整个网站的正常运行。

专业网站设计的形式在设计过程中要服从功能,做到过程简单流畅。

作为设计总监,PeterStern带领microsoft.com重新设计了主页,开发了五种不同的交互工具,用于在线功能,如下载中心、产品目录、简介中心、搜索和注册。他为几个内部工具设计了用户界面,并正在努力创建将于今年晚些时候发布的下一代主页。

从标题来看,你可能认为我主要关心的是microsoft.comWeb站点上数千页的布局设计。事实上,这些是我关心的问题。视觉吸引力很重要,但这只是工作的一小部分。最终目的是保证整个网站正常工作。

我的意思是,当人们通常参观microsoft.com时,他们并不把它作为一件艺术品来欣赏。而是为了获得关于产品的信息,或者有一些技术问题要咨询,或者阅读关于开发商的期刊。因此,网站的设计应该尽可能清晰和有条理,以便他们可以轻松找到他们需要的信息。

设计网站

在网页设计中——在设计过程中——形式应该服从功能。该方法应用于我们网站的整个设计过程。当然,我们有最新的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 上,黑色全局导航工具栏的位置在四十多万页上都是一样的。
使站点可用
牢记设计和测试站点的可用性。确保用户可容易地执行任务以获得所需信息。估算任务时间和任务完成率,然后努力进行改善。如果新的设计没有在这些方面获得改善,那么就不要实施它。重新从草图(或最初的计划)开始并尝试其它方法。
保持简洁
说起来容易做起来难。尝试征求反馈意见。 有时新人可以很容易找到解决方案。
尝试新的东西
不要害怕打破常规,尝试一些完全不同的东西。如果您不试试,永远不会找到真正的答案。

网页名称:专业网站设计经验—来自microsoft.com设计总监
文章来源:https://www.cdcxhl.com/news7/138757.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设公司