请选择时期:
怀孕准备 怀孕 分娩 宝宝0-1岁 宝宝1-3岁 宝宝3-6岁

如何设计网页正文

来源: 最后更新:22-03-23 09:19:14

导读:如何设计网页正文,设计跟随内容,这是一个大家经常听到的词。用户访问网站的目的主要是为了查看内容,因而内容是否吸引人至关重要。而如何让我们的网页内容能够被用户所吸引,一份好的网页正文设计不可或缺。

  设计跟随内容,这是一个大家经常听到的词。用户访问网站的目的主要是为了查看内容,因而内容是否吸引人至关重要。而如何让我们的网页内容能够被用户所吸引,一份好的网页正文设计不可或缺。


  


  用户在浏览网页时,主要目的是为了获取有用信息。他们会使用最舒服的方式,去评估获取信息的可能性,只有我们设计的浏览路径足够的自然,且提示清晰,内容易懂,符合用户的心理模型,用户才会使用该路径。用户会非常迅速的决定该网页内容是否值得花时间阅读,因此网页正文设计的好与坏非常重要,只有制定的设计策略能让用户在寻找和使用信息时,以最少的投入获得最大的利益,我们的设计才有价值。

  

  大部分场景,用户只会扫视页面,不会进行在线阅读。大部分场景用户都是在查找自己想要和自己感兴趣的相关信息,而不是逐字阅读。用户一般用非线性的方式阅读屏幕内容,且不会去寻找最佳选择,一般很快就会做出决定点击还是离开,因为看完全部内容去查找最佳选择,太花费时间和精力了。全部网页内容中,只有20%才会被用户阅读,我们需要知道用户想要阅读的20%的内容是什么,从而有效的确定页面架构,编写内容来捕捉用户的注意力,以说服用户阅读更多内容。

  

  眼动追踪热力图

  

  用户阅读网页的过程中,主要是扫描内容,查找他想要的和感兴趣的相关信息。

  

  网页正文浏览方式

  

  常见的浏览轨迹像一个“F”形。这种浏览方式由3部分组成:

  

  水平从左向右浏览(本文讨论的是从左向右阅读习惯的用户群体),一般首先会阅读顶部的主要内容区域;

  

  用户一般不会阅读整个网页,但会向下并再次沿水平方向从左向右阅读;

  

  沿正文区域左侧垂直向下阅读。

  

  “F”形浏览方式

  

  此热力图显示了一个典型的浏览方式,先阅读前几行,然后沿垂直方向向下浏览,当遇到感兴趣的内容,会多阅读一些,整体形状看起来,像一个“F”形。

  

  除了“F”形的浏览模式以外,根据网页内容吸引度的不同,可能会导致用户更多的水平方向(“E”形)或更少水平方向(“L”形)的浏览。而如果用户浏览的目的更加明确,是为了查找特定的信息,则浏览视线会更加不规则跳转,同时不同的年龄,文化水平、互联网使用经验也会影响阅读的模式。

  

  吸引用户注意的网页内容

  

  刚才有提到,网页中,近80%的内容会被用户忽略,用户阅读的20%内容的价值决定用户是否继续花时间阅读下去。

  

  那20%的内容是:

  

  网页标题

  

  网页前面的几个句子

  

  突出显示的标题和副标题

  

  有趣标题或副标题附近正文的前几个字

  

  图像标题

  

  用户从不阅读的是:

  

  长段落

  

  与用户意图无关的首行标题、标题或副标题下的内容

  

  那如何运用用户浏览网页的这些既定习惯去更好的设计呢,一般我们可以采用如下几种设计策略:

  

  将重要的内容放在显眼位置

  

  前面提到了用户阅读网页的一般浏览方式,以及习惯注意的网页内容,既然用户习惯于在特定的地方查找感兴趣的信息,则可以利用用户的这些阅读习惯,将有用的或吸引人的信息放置在用户最容易注意到的地方。一般内容设计上,要注意的地方是:

  

  网页最上面的内容(用户最开始注意到的内容),要有足够的吸引力;

  

  内容要“头重脚轻”,以吸引用户的视线继续往下移动;

  

  把重要的内容放在显眼位置,即网页首屏显示区域,且考虑放在左侧比右侧更具有吸引力(用户从左向右阅读)。用户很有可能不会滚动鼠标,查看屏幕以外的内容。因为用户不一定知道下面还有内容,如果页面内容较多,重要内容无法一屏显示完,设计需要考虑页面布局能够鼓励用户继续往下浏览,如部分可见的图片或文本,以及明显的提示。


标签: 百科  标签  简介  设计网页  

免责声明:本文系转载,版权归原作者所有;旨在传递信息,其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.zuomama.com/qiaomen/youxi/147848.html

  • 1天盛长歌白敬亭第几集出现(长盛天歌白敬亭在第几集出现)

    天盛长歌白敬亭第几集出现(长盛天歌白敬亭在第几集出现)

  • 2新冠病毒抗体检测有什么用(新冠病毒抗体检测什么意思)

    新冠病毒抗体检测有什么用(新冠病毒抗体检测什么意思)

  • 3南通成品油价格调整公告(南通汽油价格调整最新消息)

    南通成品油价格调整公告(南通汽油价格调整最新消息)

  • 42023年贺岁普通纪念币江苏省补充兑换工作的公告

    2023年贺岁普通纪念币江苏省补充兑换工作的公告

  • 5自2023年2月6日零时起全面恢复内地与港澳人员往来

    自2023年2月6日零时起全面恢复内地与港澳人员往来

  • 6昆山开发区便民核酸采样点地址+时间(昆山核酸采集点)

    昆山开发区便民核酸采样点地址+时间(昆山核酸采集点)

  • 7珠海2023第二轮横琴消费券有哪些种类

    珠海2023第二轮横琴消费券有哪些种类

  • 8珠海2023第二轮横琴消费券各平台领取规则

    珠海2023第二轮横琴消费券各平台领取规则

  • 9美方击落无人飞艇 美方击落无人飞艇视频

    美方击落无人飞艇 美方击落无人飞艇视频

  • 10从中美“气球事件”看,为何欧洲反应“冷淡”?

    从中美“气球事件”看,为何欧洲反应“冷淡”?

关于我们 | 广告服务 | 网站合作 | 免责声明 | 联系我们| 网站地图

© 2006-2022 做妈妈育儿网 all rights reserved. 浙ICP备2022035435号-3

声明: 本站文章均来自互联网,不代表本站观点 如有异议 请与本站联系 联系邮箱:kf#zuomama.com (请把#替换成@)