首页客户案例品牌营销网站甘肃快3官方亚洲在线微信小程序开发百度优化+营销分销系统开发关于我们甘肃快3官方正版联系咨询

八大技巧设计出一个成功的网站

2018年06月22日

一、定义网站成功对你意味着什么

1.设定一个全局目标

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

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

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

以下是一些帮助设定目标的几个建议:

1.1 将目标与业务目标联系起来

网站的宗旨应该是支持公司愿景并使其更有效地实现这一愿景。

1.2 使目标具体化

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

1.3 做竞品研究

列出你认为成功的竞争对手的网站,试着研究他们成功的原因。

2.努力创建以用户为中心的体验

因为访客最终决定了网站的成功,所以他们应该在网站的开发过程中成为焦点。

首先要了解以下内容:

2.1 描绘你的理想用户画像

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

2.2 思考你的访客目标

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

2.3 创建用户旅行地图

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

二、影响网站成功的8个网站设计基本特征

在本小节中,我们将不讨论设计实现的细节(例如标志应该放在哪里)。我们将集中讨论高效的网页设计的主要原则和方法。这些原则将从用户对网站第一印象的角度来考虑。

在访客第一次访问网站的时候,重点关注优秀的用户体验至关重要。一般来说,第一印象越好,用户停留在网站的时间越长的几率就越大。但是,如果用户对网站的第一印象是消极的,它可能会导致用户流失,并将长期避免与你的网站产品发生交互行为。

那么,如何给人留下好的第一印象?好的设计。第一印象94%是与设计有关。虽然不可能定义一个能保证一个成功网站的万能设计决策,但还是可以聚焦于能够创造良好第一印象的因素:内容的质量、可用性和视觉美感。

1.高质量的内容

你的网站上使用的可复制的内容和网站的设计同样重要,也是人们访问你的网站的原因。网络上超过95%的信息使用的是书面语言形式。

即使你的网站设计精美,它也不过只是一个没有优质内容的空的框架而已。一个优秀的网站不仅需要具备好的设计,还需要拥有优质的内容。

1.1 匹配用户的期望

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

1.2 可建立信任的内容

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

1.3 聚焦微文案

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

1.4 为扫视优化文案

根据用户浏览习惯调整文案是非常必要的。

众所周知,用户在网站上查看内容不是阅读,而是快速浏览。当新用户浏览网页时要做的第一件事情,通常是先扫视全页,将内容划分成合适的组块,然后再对信息进行加工。通过扫视网页上的关键部分,他们试图以此来确定这些内容是否与他们所需要的有关。

下面是几条关于如何格式化内容并使之更容易被访客扫视的建议:

避免没有图像的长块文本
这样的长段文本很有可能被访客跳过不看。可使用标题、段落或者要点来分解长段文本。

为自然扫视模式优化布局
眼球追踪研究显示,人们扫视网页时采用“F”模式。我们浏览开头的几行,然后开始跳页面,只捕捉到了部分信息。

出于这个原因,保持你的前面文本十分重要,把最重要的内容放在前面,这样我们的眼睛就能够像我们追踪的那样快速地捕捉到那些最重要的信息点。

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

1.5 快速设计建议

你可以用一个叫Webpapefx的工具来测量你的网站的可读性分数。

1.6 避免分散注意力

人类的眼睛能立刻识别出移动的对象。

例如动态横幅或视频广告这样的移动对象可以吸引用户的注意力。当网站出现大量诸如此类的动态元素会干扰用户的注意力,导致恼人的体验。因此,我们需要将重点放在对用户干扰最少的网站上。

1.7 联系信息

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

1.8 快速设计提示

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

1.9 高质量的相关图片和视频

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

2.简单的交互

2.1 减少噪音

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

减少网站上的杂乱信息有利于访客更容易理解网站的主要信息。界面中只保留沟通所需的最重要元素,并使用足够的空白,将有助于减少访客的认知负担,并使他们更容易地感知屏幕上呈现的信息。

2.2 快速设计

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

2.3 强烈的视觉层次

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

2.4 好的导航系统

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

当为你的网站开发导航系统时,考虑一下哪些网页对访客最重要,以及访客在网站上的行为路径,思考他们如何从一个页面移动到另一个面。遵循用户的预期,创建一个可预知的导航结构,并将导航放置在用户期望看到的地方。

2.5 快速设计

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

2.6 可识别的设计模式

设计模式是设计师最好的朋友。

当你在设计自己的网站时,你要记住,用户同样会花大量的时间在其他的网站上。

在不同的网站上,每一次用户都要学习新东西以学会使用网站时,会产生摩擦,用户使用不同的网站不需要每一次重复学习网站怎么用。

根据已知的访客使用网站的经验,你可以减少他们的学习成本。可识别的UI模式最终能有效帮助用户轻松分解复杂的任务。

因此,当你遵循用户的预期以及创建一个他们熟悉的体验时(例如,将UI元素安放在用户希望找到它们的地方),网站访客可以根据他们以往的网站使用知识,通过直觉来使用你的网站。

这有助于减少用户的学习成本,并能帮助他们弄明白网站是如何工作的。

3.快速加载时间

随着技术的进步,网站的加载速度更快,体验更佳,与此同时,用户等待网页加载的意愿有所下降。网页加载时间长是访客离开网站的主要原因。

主流用户只愿花几秒钟的时间等待网页加载。如果在网页加载的过程中,什么内容都没有显示出来,他们会认为这个网站加载太慢,并且将很有可能转向竞争对手的网站。

网页加载缓慢不仅会给用户留下糟糕的印象,而且还会影响网站的搜索引擎排名,因为谷歌搜索引擎会降低加载缓慢的网站排名。

3.1 测试你的网站

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

3.2 找出导致页面加载缓慢的原因,并解决问题

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

视觉元素(图像和动画)
高清图像和流畅的动画,只有在不影响加载时间的情况下,才能创造好的用户体验。可以考虑阅读一些关于图像优化技巧的文章。

自定义字体
与网站上其他任何元素一样,下载自定义字体需要一些时间(如果字体位于第三方服务上,则需要更多的下载时间)。

业务逻辑
你开发出的解决方案是否针对快速加载时间进行了优化。有许多开发者能通过编程技术和代码优化来最小化网站加载时间。例如,可以使用文件压缩和解压来提高网站的性能。

技术基础设施
技术设施就是你的网站存储的地方,我们称之为服务器。它包括硬件、软件组件以及因特网宽带。

3.3 创造一种速度感

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

框架布局是当页面内容在加载时,优先加载出页面的框架。先显示页面框架会给人一种加载速度快的印象——界面响应加载的速度比实际的更快,并且可以提高访客感知页面加载的时间。

4.感受到一种控制感

控制感仍然是用户界面设计中一种基本的可用性启发式方法。有效的互动向用户灌输一种控制感。

4.1 正确处理错误

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

不管原因是什么,这些错误以及他们处理的方式,都会对用户体验产生重大影响。错误处理和无用的错误消息提醒会让用户更加沮丧,甚至可能导致他们放弃你的网站。当发生错误时,创建有效的错误消息至关重要。

4.2 不要强制推送(内容)

我们都知道那种感觉,你访问一个新网站,页面上的内容看起来很有趣。

你开始看网页上面的信息,当你看到一半的时候,突然被一个巨大的覆盖层打断,要么要求你订阅一份时事通讯,要么利用这个机会向你推送一些促销广告。

在大多数的情况之下,你的第一反应是关闭覆盖层或者关闭整个页面,连同覆盖层全部关闭。

4.3 视频自动播放时不要出现声音

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

在大多数的情况下,只要访问页面一出现声音,就会离立马离开网站。因此,你的网站上的视频使用自动播放,请将音频默认设置成静音,并提供开启音频的按钮开关。

5.好的视觉外观

一个引人入胜的外观设计能带来更多的商业转化率吗?

虽然有吸引力的设计与商业转化率之间并没有直接关系,但是视觉外观可以增加转化率的机会。

5.1 利用趋势

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

5.2 避免普通的照片

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

可用性测试表明,普通的照片与其他的装饰性图案元素一样,不会给设计上增加任何价值,而且更多的是会损害而不是改善用户体验。眼球追踪研究显示,用户通常会忽略普通的照片。

6.所有用户都可以参与设计

如果用户在使用你设计的产品时有困难,你就不能说你的设计是成功的。糟糕的用户体验和不易访问之间有直接的联系。一个关于设计决策的典型例子就是在浅色背景上使用浅灰色的文字。

7.令人难忘的设计

考虑到现在几乎所有的企业都有在线业务,不管你在网上提供给用户什么产品或服务,总会有很多其他网站和你的网站一样,提供相同的产品或服务(或许甚至有相同的商业利益)。

所以,通过精心设计令人难忘的设计,将你的网站和竞争对手的网站区分开来是非常重要的。

7.1 颜色

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

7.2 插图

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

7.3 品牌一致性

可以说一致性是品牌成功的关键因素。品牌的不一致性会导致很大的问题。

当用户去想一个品牌的时候,脑海中想不到有关这个品牌的任何画面,结果,这个品牌将很快将被大家遗忘。

这就是为什么网站的设计应该与你的品牌保持一致性。确保这些基本的品牌属性如品牌色、字体、标志和口号被一致运用在你的网站上。

7.4 快速设计提示

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

7.5 趣味性

让你的产品体验更加有趣,所以人们才会记住它们。

8.优先为移动