新闻

当前页面: 有度网络>> 新闻>> 行业新闻>> 成功网站设计的8个基本特征

成功网站设计的8个基本特征

  • 发布者:有度网络
  • 发布时间:2018-07-30
  • 浏览量:

高效的网页设计的主要原则和方法。这些原则将从用户对网站第一印象的角度来考虑。

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

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

1.高质量的内容

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

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

1.1 匹配用户的期望

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

1.2 可建立信任的内容

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

1.3 聚焦微文案

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

在 2017 年的Google I/O开发者大会期间,Maggie Stanphill解释了写好微小文案可能具有的商业价值。当谷歌团队在把谷歌酒店搜索中的文案“预订房间”改成“查看可用的酒店”之后,用户的参与度提升了17%。

这是因为第一个版本中的微文案“预订房间”在用户旅程阶段过于明确和强制。用户还不想预订房间,他们想探索查找酒店的全部可能选项(日期范围和价格)。

1.4 为扫视优化文案

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

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

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

  • 避免没有图像的长块文本

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

  • 为自然扫视模式优化布局

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

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

1.5 快速设计建议

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

1.6 避免分散注意力

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

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

1.7 联系信息

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

1.8 快速设计提示

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

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

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

记得有句老话:“一张图片胜过千言万语

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

2.简单的交互

根据Hubspot的调查,76%的受访者提到易用性是网站最重要的特征。这就是为什么“保持简单”原则(KIS)应该在网页设计过程中发挥主要作用。

2.1 减少噪音

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

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

2.2 快速设计

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

2.3 强烈的视觉层次

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

2.4 好的导航系统

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

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

2.5 快速设计

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

2.6 可识别的设计模式

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

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

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

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

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

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

3.快速加载时间

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

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

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

3.1 测试你的网站

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

WebPage Test是另外一个有用的测试工具,它允许你在全球多个地点运行免费的网站速度测试,以真实的消费者连接网络的速度使用真实的浏览器(Internet Explore和Chrome)。

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

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

  • 视觉元素(图像和动画)

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

  • 自定义字体

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

  • 业务逻辑

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

  • 技术基础设施

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

3.3 创造一种速度感

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

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

4.感受到一种控制感

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

4.1 正确处理错误

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

不管原因是什么,这些错误以及他们处理的方式,都会对用户体验产生重大影响。错误处理和无用的错误消息提醒会让用户更加沮丧,甚至可能导致他们放弃你的网站。当发生错误时,创建有效的错误消息至关重要。
让你的网站听起来更加人性化。你的网站显示的每一条错误消息应该清晰、清楚、有用。设计人员可以使用一种名为“故障设计”的策略(也可以理解为我们设计中的容错机制、高可用性、可恢复设计原则,此处为笔者注解)。在这种策略中,你可以尝试一下假设用户可能会遇到的问题,并为这些场景提供设计解决方案。诚然,实现理想的用户旅程是最终的目标,但是个人的用户体验的复杂性很少是设定好的。识别出用户潜在的痛点,并使用诸如错误恢复的失败映射等工具为其做准备,有助于确保你在为大多数用户提供最好的体验。 

4.2 不要强制推送(内容)我们都知道那种感觉,你访问一个新网站,页面上的内容看起来很有趣。你开始看网页上面的信息,当你看到一半的时候,突然被一个巨大的覆盖层打断,要么要求你订阅一份时事通讯,要么利用这个机会向你推送一些促销广告。在大多数的情况之下,你的第一反应是关闭覆盖层或者关闭整个页面,连同覆盖层全部关闭。 

4.3 视频自动播放时不要出现声音当用户访问某个页面时,它们期望视频自动播放时不要有任何声音。大多数用户并没有使用耳机,当用户访问某页面发出声音时,用户瞬间会觉得有压力,因为他们需要弄明白该如何关掉页面里的声音。在大多数的情况下,只要访问页面一出现声音,就会离立马离开网站。因此,你的网站上的视频使用自动播放,请将音频默认设置成静音,并提供开启音频的按钮开关。 

5.好的视觉外观
一个引人入胜的外观设计能带来更多的商业转化率吗?虽然有吸引力的设计与商业转化率之间并没有直接关系,但是视觉外观可以增加转化率的机会。

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

7.令人难忘的设计
考虑到现在几乎所有的企业都有在线业务,不管你在网上提供给用户什么产品或服务,总会有很多其他网站和你的网站一样,提供相同的产品或服务(或许甚至有相同的商业利益)。所以,通过精心设计令人难忘的设计,将你的网站和竞争对手的网站区分开来是非常重要的。 

8.优先为移动设备而设计
就在 10 年前,网页设计意味着为电脑桌面端设计,而如今则意味着为移动设备和桌面端设计。移动手机和平板电脑终端的网络流量越来越多,而且这个数字还在持续增长。 2018 年,超过50%的网站流量来自于移动手机终端。

为移动设备优化网页设计不只是需要你做出响应式的设计。它还需要你考虑到内容和功能的优先级。考虑到设备的平台限制,你要清楚你的设计目标,只展示你的用户在这种设备上需要看的内容。专注于改善你的核心目标的体验。了解你的应用程序的核心目的是什么,分析你的产品哪些功能是最常用的功能,然后尽自己最大的努力让这种体验更加直观。

所以说原来做了网站,现在一定要去增加一版移动端的版本,移动端是现在网站是否成功的一个重要标准。

网站的成功不是一个标准化的过程,但是我们可以遵从一些设计的原则,极可能多的来适应当前互联网的发展,一定要了解互联网的发展并学习和接受,光知道了不去实施是没有用的,见到别家做得好,做的成功一定是有方法和策略的,有了方法和策略就看你去不去实行了。

做好移动端网站,做一个成功的网站,赶快来咨询我们吧!有度网络专业网络运营商!


返回列表

上一篇:KTD标签不能经常改动       下一篇:苹果又来了-新一代iPhone已经发布

案例展示

1 2 3