网站建设公司_高端网站设计制作_网页开发_建站:如何改善网站给用户的印象?
来源:做网站
|
作者:hzlpkj
|
发布时间: 2019-09-28
|
386
|
分享到:
首屏设计的重要性不言而喻,那么如何在当今竞争激烈的在线世界中充分利用首屏设计的积极影响?小飞将带您浏览网站首屏的设计首屏,哪些元素可以包含在设计中。
如何改善网站给用户的印象?
印象在人与人之间的互动中很重要。尽管印象不一定是正确的,但它是独特而坚实的,直接影响着双方之间的沟通过程。网页设计也是如此,首屏是网站留给访问者的印象。
精美精致的首屏设计使用户可以停留更长的时间,并使他们对网站内容有更深入的了解,这有助于提高用户转化率并提高产品销量;较差的首屏设计将使有用的信息遭到破坏,使有趣的内容变得毫无趣味,访问者甚至会放弃浏览。 首屏设计的重要性不言而喻,那么如何在当今竞争激烈的在线世界中充分利用首屏设计的积极影响?小飞将带您浏览网站首屏的设计首屏,哪些元素可以包含在设计中。
什么是首屏设计?
与首屏的概念相比,您可能对网站的首页更加熟悉。主页表示用户在打开网页时可以看到所有设计元素,而首屏是指用户在打开网页但尚未滚动页面时看到的图片。 首屏此概念早在发布领域中使用。
传统报纸在运输和分发过程中通常会出现折页,而折页外暴露的内容是首屏或首页,这决定了读者是否愿意购买,因此,较少的出版商在此区域放置优先级的内容。
在Internet领域,首屏也很重要。从内容的角度来看,首屏的位置至关重要,需要覆盖网站的核心内容,以便一目了然;从设计的角度来看,首屏是设计师的设计创造力。功能简单,清晰,功能齐全的首屏令人着迷。 首屏通常还带有网站的导航菜单,该菜单与整个网站的布局有关。
以下是对栗子首屏设计的直观理解!下图是漫画书店的网站首屏设计。
标题区域显示网站的徽标和主要的导航菜单项:热门,特价,博客和经典购物车图标以及电子商务网站的搜索框。另外,超人的漫画形象也充满力量,很容易把握用户的视线。然后,漫画列表会显示在正确的位置,指导用户有意识地拒绝页面。
未定义
为什么首屏设计很重要?
为什么首屏设计对网页很重要?除了我们上面提到的某些优点外,还从用户的浏览模式中对此进行了分析。 Nielsen Norman团队专注于分析用户行为以及用户与网站内容的交互方式。
经过不断的探索,得出了一些结论:当人们访问网站时,尤其是次访问时,通常不会浏览所有网站。内容,但快速浏览一下,看是否有值得关注的地方。如果有兴趣,他们将保留在此站点上。通过多次眼动追踪实验的数据分析,可以将访客的浏览习惯概括为三种典型的模式:古腾堡,Z和F。
古滕贝格
当网站内容相对一致且没有明显的视觉层次时,访问者通常会使用古腾堡(Gutenberg)风格的浏览模式。这种浏览方式意味着用户对网站内容的浏览范围很广,浏览路径是一个较大的Z字。在四个活动的可视区域中,其中两个位于页面的顶部栏中(请参见下图)。
未定义
Z地图模式
Z图片模式并不难理解。这种浏览模式意味着用户从上到下,从左到右沿着锯齿形来回扫描,并且浏览路径形成了几个小的Z字符。当页面内容分为不同的块时,通常使用此浏览模式。
未定义
F地图模式
我们对F地图模式更加熟悉。 Nielsen Norman小组的调查发现,这种阅读方式是用户中典型的阅读方式。用户通常通常首先在水平方向上浏览网页的顶部栏。
此时的视线位于字母F的顶部。接下来,用户将垂直向下浏览屏幕左侧,以找到对该段落的兴趣。当他们找到感兴趣的内容时,将对内容进行水平浏览,并且内容的相应视线通常小于次水平浏览(即字母F的中间位置);一个用户的视线移动到屏幕左侧,然后继续向下浏览。这样,出现“ F”。
未定义
实际上,无论用户采用哪种浏览模式,他们通常更喜欢扫描页面顶部的水平区域。因此,在页面顶部显示关键信息可以地满足网站和用户的吸引力:网站可以充分激发用户的兴趣并维护客户;访问者可以快速获取重要信息并决定是否继续浏览。
这就是UI和UX设计师,甚至内容策略师和市场专家都同意首屏设计很重要的原因。人们往往会在短短几秒钟内就形成一个网站的整体印象,而第二印象并不存在。网站必须在首屏上足够引人注目,否则很容易失败。
网站的首屏可以包含哪些元素?
由于网站的首屏非常重要,我们如何进行首屏设计?在介绍首屏设计方法和一些示例之前,小飞让我们看一下首屏中可以包含哪些有意义的布局元素:
基本的品牌标识:徽标,品牌名称,标语,吉祥物,公司图片或颜色等。
产品或服务的主题副本
导航菜单选项
重要的社交媒体链接
基本联系信息(电话,电子邮件等)
多国语言切换按钮
搜索栏
订阅按钮
产品APP下载或试用版链接等。
尽管小飞列出了首屏中可以使用的许多元素,但这并不意味着您应将所有这些元素应用于首屏设计。太晚了。如果首屏中的元素过多,将很容易给访问者带来信息负担。
太多的元素会分散用户的注意力,使他们难以专注于网站的重要元素。因此,网站的首屏设计要求设计人员和营销人员共同努力,这需要选择,应该删除,并进行战略合理的安排。也许您认为这太空了,所以请看下面的两个栗子。这两种不同类型的网站在首屏上使用不同的设计策略。
快来寻找灵感!
Bjorn是一个室内设计网站。 首屏的顶部栏由徽标和导航菜单(产品,工作室,印刷厂,商店)组成,并且商店菜单项被制成CTA按钮,这更有可能导致用户点击。
即使主页保持滑动,顶部栏也始终显示在页面顶部,从而使访问者轻松跳转。另外,网站首屏上有很大一部分文字,但是设计人员充分利用了空白来很好地区分徽标,导航和文案,从而使整个页面整洁,大方。