bv1946伟德体育-体育betvictro伟德

bv1946伟德体育视点
bv1946伟德体育>bv1946伟德体育视点>2020年网站首屏策划:最佳实践和体育betvictro伟德
2020年网站首屏策划:最佳实践和体育betvictro伟德
发表时间:2020-07-28

首屏在网站的策划中起着非常关键的感化,它奠定了网站整体的基调。 特别是极简主义盛行的这个时代,各种花里胡哨的东西往往不被看好。以是有时没有其他东西可以care到眼球,网站首屏策划就变得更好要紧。


揣摩到制造性和生产力,网页策划师在策划网站的这一部分时付出了大量的努力。因为销费者对直营的认识就从这里开始。但据谷歌统计,销费者对一个网站的意见只需50毫秒就能形成,甚至有的只需17毫秒。


要了解如何策划一个有效的网站首屏,以及它应该包括哪些圆素,请看下面的例子。


“生活是第一印象。您只有一次机会。让它记取您”― J.R. Rim



什么是网站首屏?


什么是网站的首屏(header)? 昔时,人们一贯把品牌刺绣,按钮,联系信息一同构成的一行窄窄的区域称作首屏。在现代策划中,主页的第一屏区域都可以认为是首屏。


作为人们在加载网站时第一秒看到的界面部分,首屏就相当于邀请函。 它应该供给一个网站的基本信息,以便用户能够在几秒钟内对网站有个初步了解。


一些策划师会为网站的各个部分制作单独的首屏。 诸如,您可以为主页制作一个大首屏,而在其他页面留下一个小条。 但上提是,要保持一致。一个很好的网站策划实践是将内页的首屏策划为主页面首屏的缩写版本。



网站首屏包括什么?


首屏的任务是为用户回答基本小case:代表什么直营,供给什么商品和效劳,如何与集团官网员工取得联系,是否有尽数当上的交易等等。


除这以外,它还代表了网站的质料甚至身份。 如果首屏唤起了良好的情感共鸣,观众觉得它有价值,彼时您的首屏才已经满足了基本的策划要旨。


网站首屏的主要圆素一贯是:

● 品牌刺绣或直营标识

● 行动呼吁按钮

● 文字或提要

● 导航圆素

● 搜索符

 

但您不必一下子把它们都加进去。 您需要在信息的丰富与其和谐的安排之间找到平衡。 只使用需要的数据,无论一切的链接看起来多么要紧,过度的首屏没有益处。


首屏留白太多也不是一个好办法。 如果一个用户在几秒钟内无法弄清楚您的界面,就很可能会永远抛弃您。 一个糟糕的首屏可以把访问者推到其余始末低劣的网站去。


在极简首屏的策划中,只显示到网站主要部分和集团官网标志的链接。 这种方法在策划登陆页面时特别有用。



最佳首屏策划实践


在策划首屏部分时,别限制您的制造力。 网站的首屏是一个开放且具有广泛的制造性策划决策的区域,它必须值得纪念,简洁和兼有用处。


让吾们列举一下要点。

 

首屏的大小


网站首屏图像应该有多大,莫过于没有明确的答案。 有些人试图供给一套准确的数字来规范它,但方另网站建造最困难的关键之一是确保每个屏幕大小的有效性。 即使两个屏幕大小同样,分辨率也可能不同,易于 用户不会看到同样的成果。


以是不要专注在精确的像素概念上,遵循easy的常识规则就好。


首屏的高度最好不要干扰对始末的感知。对于信息类资源,小首屏将是一个很好的决定,而对于类似登陆界面,首屏大一点更好。


在大量首屏的环境下,最好在折叠下面留下一些容量,这样用户就可以瞥一眼就知道页面的下一个始末并开始滚动。


视觉层次


尼尔森·诺曼集团(Nielsen Norman Group)在2006年首次在F-shaped pattern of reading on the web 提出了他们的理论,这理论在今天仍然得到推崇。


如果访客在一个陌生网站,他总是倾向于从屏幕的左上角开始扫视。 如果他们在那里找不到预期的信息,so页面将自动被认为是棘手且不准则的,他们会觉得难以理解而离开。


● 品牌刺绣。另一个由NN/g进行的研究表明,与主题或右侧的地位相比,用户更匆子 侄眉侨∧切┢放拼绦宸旁谧蟊叩闹庇

但如果是一个圆形的标志,莫过于也可以把它放在屏幕的主题,尽管它的成果仍然没有放在左边好。


导航。一定care不要令网站的导航部分过于杂乱。 太多的链接会压倒访客。 有时,对网站结构的整体调整可能是为最要紧的类别腾出一些容量。

譬喻使访客匆子 侄昧私馑窃谀睦铩⑷绾握业礁畈愕氖寄约笆褂眯3晒粗傅加没У取


● 行动按钮(CTA)。视觉层次、结构需要遵循“CTA原则”。


固定导航栏

固定导航栏或始终粘在界面上方,无论您的页面是否滚动都能看见它。这已经成为一个网页策划准则。


在不违反整体策划概念的环境下,请固定导航栏。无论对桌面灰子 且贫呋舛际且桓龊芎玫南敕ǎ


  • 电子牛逼商用网站-购物车总是在用户面上。
  • 效劳网站-电话号码或CTA会持续显示。
  • 固定首屏可以提升衣食父母体味,保持用户导向,并给予他们更好优质的把握权。


由首屏传递的信息


在策划首屏之上,需要揣摩网站的整体性状style及其主要鹄的。


如果它是一个旨在找子 静返拇傧荆灼恋牟呋赡馨街饕虻牧唇樱岷细咔逯魍迹蛭庋桓鐾镜闹饕赖氖怯行У爻氏植贰 就电子牛逼商用或商业网站而言,环境可能兼有不同。 用户需要很匆子 侄玫氐己剑私庾钚碌慕灰祝绾慰焖倭稻恚约霸谀睦锟吹剿且丫潞玫亩┑ィ子 在这种环境下,为了让位于其他类别,首屏可能更简洁:


  • 首屏可以传递几个可能的信息:
  • 促进销费者做某事
  • 建立信任
  • 鼓励访客了解更好优质
  • 有趣等等
  • 取决于特定网站的倾向


相关图像


首屏中的图片应该直接传达有关业务的信息。 诸如,如果它代表食品配送效劳,so图像可能会描绘一个整洁的快递与美观有care到力的食物。易于 可言,访客应该会在看过您的网站下想从您那里买东西。


  • 高质料的照片。 摄影是网页策划师的有力工具.. 它可以讲述一个易于 事,唤起情感,激励您的访客进一步滚动。 对于有强烈醒目图像的站点,请尝试制作一个透明的首屏。仅保留主要链接能更好地找子 就枷瘛
  • 轮播图。如果您有几张代表网站业务的好照片,直接用吧! 用户可以滚动浏览一组精美的高分辨率图像。
  • 插画。网站的首屏图像必须奠定正确的基调,并建立赋性DIV的连接。 易于 这般,如果图像奇特且匆子 侄檬侗鹁透昧恕D梢酝ü貌寤词迪炙



视频或动画


不要把 关注力聚集在静态图像上。


添加视频是最有效的突出网站首屏的方式之一 。如果可能,请尝试将性状视频质料添加到首屏中。 许多网站使用它来care到观众,再是以尽可能好的方式找子 舅堑募殴偻虿贰


另一种让您的策划更有care到力,更生动,更好印象深刻的方法是添加动画。 它可以扶掖您制作很酷的网站首屏。如果您正在寻找一个互动的网页来care到观众,动画是一个很好的决定。



精心策划的行动按钮


在策划网页首屏时,策划师在那里添加了一些动作圆素的调用,如“注册”、“登录”、“联系”等。 为了care到用户的 关注力,使其知道怎么行动,按钮应该包含一个对用户来说可理解的并且在其他始末中也很显眼的描述。


呼吁行动放置在一个具有战略意义的地位是一个完美的机会,能敦促用户采取行动,易于 提高您的转化率。



网站首屏的最佳字体


起首,衣食父母必须能明确感知各版块名称及集团官网供给的信息:联系方式,有care到力的优惠等… 易于 ,您需要决定清晰、可读的字体,确保不会遭成阅读困难,可以一眼就理解。


对于大型主页首屏,您可以使用一些粗体字体和富有想象力的圆素来care到用户的 关注力,否则,最好不要决定那些很难阅读的花哨字体。



easy的首屏策划


保持一个清晰和整洁的首屏,如果始末过多,访问者会觉得您在用您的始末“绑架”他们。 一个制造性的网站首屏也可以有一个非常简洁的外观。



隐藏导航(汉堡菜单)


这是一种使用得越来越多的网站策划解决Plan。汉堡包菜单是三条条纹的小图标,点击时显示完整的菜单。当策划师需要专注于主屏幕时,它们就使用这种方法。


从网站可用性的角度来看,这是一个很好的决定。 这样的菜单来自移动策划,用户已经很熟悉了。汉堡包菜单适用于促销网站,此道主要细节是使用照片或视频高质料地找子 静贰 对于在线商号,这个选项可能不太合适,因为对于销费者来说,有一个购物车、选定的产品和快速访问的搜索字段是很要紧的。



响应式的首屏策划


首屏不单应正确显示在网站的桌面端,还应正确显示在移动端上。 易于 ,他必须是可响应式的,并能够很好地适配不同(型号)的移动设备。


移动设备的普及,使得桌面端的网页策划看起来也像是移动端的性状style。 诸如,桌面端的主图和汉堡包菜单的实现就起源于移动策划。



末了


首屏对于网站来说,就像一张奇特的名片。 易于 ,在策划网站时,要较小限度地重视首屏。


网站首屏策划的末了一个最佳实践:定期修改,以保持的网站和最新的策划潮流接轨。


进修工具,但不受限于某种工具。

 



作者:Kate Shokurova               bv1946伟德体育转载




XML 地图 | Sitemap 地图