八大技巧教你如何设计一个成功的网站

  本文原作者Nick Bobich,不仅是一位软件开发工程师,还是一位用户体验设计师。过去10年,他一直在软件行业里专注于软件开发。Nick Bobich的兴趣十分广泛,还对科技、广告、心理学和电影等有很大的兴趣。接下来要翻译的这篇文章是Nick Bobich今年6月初写的一篇文章《你如何知道你的网站是成功的》。

  我们在日常产品设计中,经常会和产品经理:你的设计是正确的吗?你的产品这么设计是成功了还是失败,如何知道做的产品成功与否呢?

  下面就从Nick Bobich这篇文章开始,听听他的见解以及给我们提供什么可行的。

  我们生活在几乎所有企业都拥有在线业务的世界里。假如你想接触一家企业,你首先想做的事情是什么?

  嗯,你可能会首先想到去企业的官网,希望通过企业网站能查找到解决你心中问题的答案,或者仅仅是找到能与企业取得联系的任何细节信息。毫无疑问,任何网站的第一印象都比以往更加重要。

  目前,互联网上有超过18亿个网站,而且这个数字还在持续增长。竞争的加剧使人们对研究网站成功的因素产生了浓厚的兴趣。

  虽然没有人质疑建立一个成功的网站是必要的,但是要理解一个网站真正的成功以及如何去衡量它的成功,并不是一件容易的事情。

  找到诸如像“我们的目标是什么?”以及“我们希望通过这个网站实现什么?”这样问题的答案,是我们开始一个新项目时首先要思考的事情。

  跳过定义网站全局目标这个阶段,直接进入设计阶段,是许多产品团队常犯的一个错误。如果你不清楚你的网站要实现什么目标,那么你的网站所能带来的积极影响力的机会将会很小。

  每个网站都需要一个明确的产品策略。产品策略的确定为项目后续所有的活动确定了方向,有助于帮助产品设计师作出设计决策。当你对访客离开你的网站后你所期望的事情有比较深刻的理解时,它会帮助你朝着设定的全局目标努力。

  产品目标是一种可实现的目标与愿景的结合,协同工作,使团队围绕业务和用户期望的结果进行调整。(图片来源:Melissa Perri)

  与其说“我需要强大的网络影响力,”不如考虑一下:“我们的网站应该是用户向我们提交服务请求的地方。我们的目标是50%的订单在网上提交,而不是通过电线 做竞品研究

  试着了解你的目标用户可能需要或想要的内容,他们的浏览习惯(他们更喜欢与网站如何互动)以及他们技术能力水平。了解了目标用户的这些知识将有助于帮助你更好地满足他们的需求。

  为你的网站访客着想。你希望他们访问你的网站做什么?下订单?联系你们索要报价?成为会员?需要根据用户目标和用户任务来驱动设计。理论上讲,你设计的每一个页面都应该为你的目标用户设定一个明确的目标或任务。

  如果你现在就有一个网站,可以通过创建用户旅程地图来弄明白人们使用它的典型方式。

  “内容先于设计。没有内容的设计不是设计,而是装饰。”—— Jeffrey Zeldman

  提供你的目标用户期望看到的信息。例如,如果你为一个连锁餐厅设计一个网站,那么大多数的访客会希望通过网站能找到连锁餐厅的菜单,以及可以为他们提供每家餐厅的地图。

  信任是创造力的力量之源;信任可以使用户去相信你的产品或服务。这就是为什么需要在你的网站上给用户建立一种信任感的重要原因。例如,如果你设计了一个服务型网站,在网站设计中应当考虑一些可以增强访客能够对这些服务建立起信任的内容。

  微文案指的是我们在用户界面中使用的小字。这些小字可能是字段或按钮标签,或者是表单以及其他的UI元素。使用正确的微文案能够影响网站的商业利润。但是要写出好的微文案,必须要非常好地了解用户的目的和情感需求。

  优秀的微文案是以人为中心。在本例中,“查看可用的酒店”这个微文案满足了用户真正的想法和需求。

  用户不是阅读,而是扫视。这张热图显示了人们的视觉焦点所在的。结合用户自然的行为有助于高效地设计网站。(图片来源:Useit)

  来自眼球追踪研究的热图:红色视图区域表示用户看的最多,视图区域表示用户关注的较少。绿色的线框则指的是广告。(图片来源:NNGroup)

  让人们容易联系到你。这个需求相当明显,对于第一次访问网站的人来说,寻找联系信息常典型的场景。请不要让那种事情发生。要使你的网站上的电话号码、电子邮件、地址和联系表格易于被查找到。

  当你设计网站时,请不要将电子邮件或电话号码设计成图片。电话号码或电子邮件应该是纯文本的形式,以便用户可以复制这些信息。

  研究表明:人主要是视觉学习者。大多数人能够通过视觉传达的方式更好地理解和掌握概念。

  这句话同样适应于网页设计。增加网站视觉吸引力的一个最简单的方法就是提供高质量的图像或视频内容。

  特斯拉在展示使用汽车的好处时,使用了“直接示人”的设计原则,即告诉他不如表现给他。

  杂乱的用户界面会给用户带来太多的信息负担——每个添加的按钮、图像和一行文本都会使屏幕更加复杂。

  在重要的元素上着重突出视觉部分。设计一些重要的元素,比如在文字-动作按钮或登录表单焦点,你可以用使用不同大小或颜色来强调元素,这样访客就能立刻看到他们。

  你创建的视觉层次越好,你的网站上的内容就越容易被用户(西蒙定律)。网格布局便于你组织网站信息,使访客更容易阅读和理解页面上展示的信息。使用网格可以更容易地创建一个感觉均衡的布局。

  好的是网站可用性中最重要的方面之一。如果用户在你的网站中找不到自己径,即使是设计最精美的网站也毫无用处。

  减少用户完成目的所需要的操作次数。尝试遵循“三次点击规则”,即创刊一个结构,让用户能够在三次点击内找到他们想要的信息。

  有一些工具可以帮助你测试网站的性能。其中之一是谷歌的Test My Site(简称GTest),它可以为你提供如何加速并提升你的网站的可用性报告。

  如果页面加载缓慢是你的网站典型情况,试着找出问题的原因并解决它。通常影响页面加载时间的因素如下:

  如果你不能提高你的网站实际性能,你可以试着创造一种速度的感觉——感觉有多快通常比它的实际速度更重要。使用框架屏幕技术可以帮助你实现这一点。

  这个房地产网站从搜索结果页面复用了一些数据(建筑物的图像和基本信息描述),而详细的信息正在加载。

  人非圣贤孰能无过。当人们与用户界面互动时会发生一些错误。有时,发生错误是因为用户犯了错误。有时,它们发生是因为网站设计失败导致的。

  让你的网站听起来更加人性化。你的网站显示的每一条错误消息应该清晰、清楚、有用。

  当用户访问某个页面时,它们期望视频自动播放时不要有任何声音。大多数用户并没有使用,当用户访问某页面发出声音时,用户瞬间会觉得有压力,因为他们需要弄明白该如何关掉页面里的声音。

  “人总是倾向于具有吸引力的事物;我们认为美好的事物时更好的,不好它们是否真的更好。一切都是平等的,我们更喜欢美好的事物,我们相信美好的事物可以更好地运转。就像自然界一样,功能形式。”

  与其他设计领域一样,网页设计也在不断变化。设计趋势来来去去,你必须要确保你的设计不过时。熟悉最新的趋势,通过调整设计以保持你的设计是最新趋势下的设计。

  许多公司网站试图使用普通的照片来建立与访客之间的信任感而臭名昭著。这样的照片很少提供有用的信息。

  颜色对人们的记忆有着很大的影响,而且人们还能够清楚地记住它。对颜色的选择性使用可以触发人的记忆,并且能够成为一种让你的品牌保持令人印象深刻的元素。

  插图是一种功能强大的工具,在创建独特的设计时会有帮助。从小图标到大的手绘英雄草图,插图给数字体验带来了精致的工艺感。在网页设计中使用插图的最简单的方式就是根据你的信息来绘制插图。

  《Smashing》在网页设计中使用了带有趣味性的插图,形成一种独特的设计风格,给任何了解这个品牌的人留下了深刻的印象。

  提升你保持一致性的品牌设计能力,最好的方法是给你的网站建立一个风格指南。一旦你的产品风格指南制订好,就可以运用到你设计的每个产品中来。

  Freddie,是Mailchimp的吉祥物,是幽默风趣的情感载体。

  为移动设备优化网页设计不只是需要你做出响应式的设计。它还需要你考虑到内容和功能的优先级。考虑到设备的平台,你要清楚你的设计目标,只展示你的用户在这种设备上需要看的内容。

  在我们定义了网站成功的原因之后,是时候该理解如何衡量成功了。衡量一个网站的成功需要深入的数据分析。

  信息采集包括关于站点访问者的信息,有多少人访问你的网站,以及它们是如何找到的。采集指标包括:

  入口向你展示了人们是从哪个页面开始访问你的网站。你可能会认为应该是网站首页,但实际上这种情况很少出现,尤其是推荐和社交这两个渠道。

  如果你访问谷歌分析的行为部分,你讲可以看到流量来源最好的页面。知道哪些页面带来了最多的流量常重要的,因为它提供了关于哪些内容更吸引用户的可靠信息。

  参与度测试的是访客停留在你的网站上的时间,以及他们访问的页面数量。参与度指标有助于UX团队了解访客对网站的关注程度。

  跳出率(报告为百分比)可以告诉你有多少人在离开你的网站前只访问了一个页面。当然,你希望这个比率越低越好。有一些其他因素可能导致高跳出率。跳出率高说明你的网站存在缺乏相关内容护着可用性问题。

  但是当然,这个规则也有例外。例如,访客访问你的网站仅仅是为了查找你公司的联系信息。一旦他们找到你的电话号码或地址,就没有必要再访问其他页面了。

  列出访客访问量最多的10个页面。用户花费时间最多的页面可以帮助你检验你的设计目标和用户的目标是否一致。

  无论访客是否在你的网站上购买一件商品或者注册一个通讯软件,大多数网站都有一个共同的业务目标,那就是希望访客可以带来商业(采取行动)。

  最好选择容易衡量的指标。例如,可以像联系表单提交一样简单。联系表单提交可以成为你的网站成功的重要标志。如果用户快速查询,那么这是他们已经参与你的网站的一个重要。

  正如你所看到,有许多指标可以被使用。但是你知道要去实现和跟增研究哪些指标呢?

  营销指标定义了基于的产品的成功,但是用户体验度量关注的是用户与产品交互的质量。关注业务目标不一定能带来更好的用户体验。UX度量可以通过关注用户体验关键的几方面因素补充营销指标。

  在度量用户体验时,总是难以定义特定的指标。当然,有一些高层次UX指标与用户体验的成功有关,比如产品的可用性、用户参与度以及。但是,也许很难定义一个与特定产品相关的度量指标。

  选择你既可以实现又能够容易的指标,首先要为这恶搞指标设定好一个目标。要设定这个目标,你需要知道是什么决定你的网站(产品)的成功。这就是为什么HEART框架发挥作用的地方。

  不要用你现在的标准来定义你的目标。有时团队会根据自己所了解到的信息来确定目标,这常容易犯的一个错误。因此,他们设定的目标可能会像这样“我们需要提升网站流量”。是的,每个人都希望自己的网站有更多的访客,但是这么多的访客会按照你所期望的那样朝向你的目标前进吗?不一定。

  团队可以和利益相关者一起来确定目标。你可能没想到你的团队里其他的对项目目标会有不同的想法。在设计之前先确定目标,为你和你的团队达成一致的意见。确保你团队中的每一位都能充分理解你提出的设计解决方案。

  在确定设计目标之后,你需要考虑用户围绕这些目标会做出怎样的操作行为。这些操作行为就是信号。

  对于一些特定的目标,通常还有许多可能有用的信号。一旦你发现了这些信号,你可能需要做一些相关的研究或分析来选择出最有价值的信号。

  考虑一下每一个信号的难易程度。最好关注可以自动的信号(例如,你的产品可以记录相关信息,以便你可以用这些信息为基础进行更加深入的分析)。

  尽可能选择用户对你的设计反应明显的信号。这样你就可以通过数据分析,知晓设计的更改对你的用户来说是否有利。

  不要忽视消极信号。识别出可能出现错误的信号(例如,在特定交互过程中错误的数量),可以帮助你挖掘出用户在使用你的产品过程中遇到的痛点。

  一旦你选好了信号,你可以将它们提你能一直的数据。在我们的新闻网站参与度的示例中,我们可以把“用户花多长时间阅读新闻”细化为“每个用户每天阅读新闻的平均时间”。

  产品设计对于你和用户来说都是一个处于不断进行的过程。这意味着你需要做一些设计,不断地去测试它,优化并重新设计它,然后继续测试,周而复始。

  如果针对某个问题有多种解决方案,但是不确定那种解决方案对你的产品是最有合适的,你可以使用A/B测试法来验证。比较用户在不同场景下的操作情况,看看那种设计最有效。

  我们在前几节中讨论过的所有可测量的数据都可以告诉你很多关于“多少”的问题。但是,这些数据不会告诉你人们为什么以这种方式和产品互动。

  声明:该文观点仅代表作者本人,搜狐号系信息发布平台,搜狐仅提供信息存储空间服务。