2021-12-03 分类: 网站设计
专业的网站设计不仅要注重视觉吸引力,还要考虑整个网站的正常运行。
专业网站设计的形式在设计过程中要服从功能,做到过程简单流畅。
作为设计总监,PeterStern带领microsoft.com重新设计了主页,开发了五种不同的交互工具,用于在线功能,如下载中心、产品目录、简介中心、搜索和注册。他为几个内部工具设计了用户界面,并正在努力创建将于今年晚些时候发布的下一代主页。
从标题来看,你可能认为我主要关心的是microsoft.comWeb站点上数千页的布局设计。事实上,这些是我关心的问题。视觉吸引力很重要,但这只是工作的一小部分。最终目的是保证整个网站正常工作。
我的意思是,当人们通常参观microsoft.com时,他们并不把它作为一件艺术品来欣赏。而是为了获得关于产品的信息,或者有一些技术问题要咨询,或者阅读关于开发商的期刊。因此,网站的设计应该尽可能清晰和有条理,以便他们可以轻松找到他们需要的信息。
设计网站
在网页设计中——在设计过程中——形式应该服从功能。该方法应用于我们网站的整个设计过程。当然,我们有最新的Web工具,可以将各种可视化小工具上传到网页上。不过,我们认为这样做并不利于为游客提供有效的服务。
让网页变得如此之大,以至于访问者需要通过典型的调制解调器速度的互联网连接下载很长时间。这并不是说不应该使用图形,而是需要仔细选择,然后通过适当的压缩和颜色索引进行优化。
今天的网站仍然存在许多问题,这并不奇怪。毕竟网页设计的“艺术”还是比较新的。四五年前,网页甚至还很普通。当时,人们似乎认为他们的网站会仅仅因为存在而吸引访问者——也许这种方法在某些情况下是有效的。但是这些网站一般都很丑,更重要的是,它们真的很难用。然后我们进入了“看我们能做什么”的阶段,在网页上添加了大量的动画、声音文件等附件,导致访客下载了很长时间,却没有得到多少真实的内容。
今天的网页设计师已经吸取了前人的经验和教训。好的网站往往会简化和快速,同时提高其功能。这是微软的目标,我们是第一个承认错误的人(参考《微软Web简史》看之前的主页设计)。
设计错误并不总是显而易见的。有时设计会对一个小元素的运动或变化影响很小或没有影响。但是,在其他情况下,它可能确实会影响页面的功能。如果我们从过去几年中学到了一些东西,那就是小的改变会使网页运行不同。
清除过程
为了避免类似的问题,我们设计了一个清晰的流程来创建新的服务(如“搜索”)或关键网页(如主页)。每个项目都是在特定的基础上开始的,也就是说,我们的产品或服务受益于我们网站上的页面、部分或用户界面元素。在产品规划的早期阶段(阶段1),我被要求设计一些初步模型:粗略描述页面、零件或功能的草图。然后,产品项目团队检查产品计划提案,看看这项服务是否真的能给microsoft.com的游客带来一些好处。
如果答案是“是”,项目将被批准,我们将开始编写项目规范(第2阶段)。我们根据第1阶段的草图和概念创建并提出了一个更完整的计划。在这个时候,我们通常开始可用性测试(通常是用书面模型),以发现潜在用户对计划的设计会有什么反应。在最后的开发阶段(阶段3),我们创建一个Web原型来运行规划服务,并进行全面的可用性测试和内部审查。然后完成网站的代码,修改程序错误,最后通过Web站点的实际操作将网站发布给客户。
如您所见,可用性在整个过程中起着重要的作用(参见“创建有效的Web界面需要仔细规划”)。我们可以给用户计时来运行一个任务,这样我们就可以在产品的未来版本中比较相同的测试。我们可以用这个方法来衡量一个功能的重新设计是否给客户带来了真正的价值。
此外,我们将仔细观察可用性对象是否能够计算如何正确使用新函数——我们称之为“可发现性”的方法。有时候这给了我们一些挑战。例如,在我们的网站上,在搜索引擎中键入一个短语或单词将产生一个结果列表。然后,我们要求用户在这些结果中选择搜索,以便进行更详细的搜索并导向某个页面或资源。然而,即使“在结果中搜索”被清楚地标记在一个暗标签上,也很少有人熟悉它。一些用户认为他们正在开始新的搜索,这可能是徒劳的。我们正在努力
问题以确保客户可以利用 microsoft.com 上所有丰富的功能来提高他们对此站点的认识。
网页名称:专业网站设计经验—来自microsoft.com设计总监
文章来源:https://www.cdcxhl.com/news7/138757.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容