单页设计已然是网页设计的大趋势了,许多流行的设计元素和设计方法都逐渐与这种网页设计手法融合到一起,越来越多的设计师和企业机构开始选择单页网站作为他们沟通世界的门户,而多用户也开始接触越来越多的形式多样的单页网站。
单页网站导航方式简单,多用户不易迷路,只需上下滚动。
单页网站内容更专注,资讯传递更清晰,更有针对性。
单页网站几乎可以在全平台装置上流畅浏览,滚动和滑动浏览替代了点选。
而设计单页网站 zui 大的挑战在于让多用户保持滚动页面来浏览内容。大胆的色彩使用和漂亮的排版并不能一直吸引多用户的注意力。
这个时候,如果能做好多用户资料分析和 A/B 测试,能帮您距离多用户的心理需求更近,设计出更贴合需求的网页。看过无数的案例和教程,还是做不出好的单页设计?您需要的,也许就是把握好下面 5 条设计建议,它们就是设计好单页网站的精髓。 1 、将内容分割成块
当您打算通过一个单页来讲述一个故事的时候,千万要注意一点:不要让故事太拖沓,不要让资讯过载。
所以,合理切割内容很重要,不要让过多内容挤压在一个区块。从头到尾都需要尽量保持媒体内容的清晰利落,在设计内容结构的时候,需要保持逻辑通顺和顺序清晰(what->why->how->where->when)。
另外一种保持吸引多用户吸引力的方法,就是使用图文搭配的方式来讲故事。故事会将核心内容以跟易于接受的方式表达出来,它的自然逻辑会吸引多用户读下去,严格来说,它在内容营销的范畴以内。
这并不是意味着您需要聘请一个写手来帮您来写故事,您需要做的是专注内容和它感性的一面,并尝试让您的网页更加人性化。 2 、设计快速访问导航栏
单页网站通常是用滚动的方式来浏览更多内容的,很多网站干脆是从头滚到尾。多用户开启网页,仿佛潜入内容的海洋,压根不知道网页的尽头在哪里,这种设计的潜在危险在于,它可能会降低多用户心理上的安全感。
于是,一种比较合理的解决方案就出现了:将传统的导航栏设计融入单页设计。导航栏在网页的顶部或者两 侧常驻停留,随着滚动而改变,同时提醒多用户 TA 在什么位置,同时保证了易用性和内心的潜在诉求。
当网页足够长的时候,加上导航、回到顶部按钮甚至滚动条都可以强化多用户体验。 3 、号召多用户行动
当您问数字媒体营销者影响转化率 zui 重要的因素是什么的时候,答案通常是 “号召行动起来”(CTA)。当然,这种精心策划的 CTA 行为仅仅只是网站设计的一部分。为了特定的目标,号召多用户行动的 CTA 行为其实无处不在,吸引多用户下载 WordPress APP,引导多用户体验 DEMO,勾引多用户注册、填写表格,等等等等。这是一个酒香也怕巷子深的时代,会哭的孩子有奶吃,会吆喝才能吸引更多多用户。
好在单页网页中资讯和内容更加集中清晰,所以 CTA 的使用效果也更加明显。一方面是页面通常更加简约,各个部分分工明细,另一方面,当您使用故事来引导多用户浏览的时候,您可以微妙地影响多用户的心态,在高潮——或者 zui 合理的而地方,来引导多用户进行操作。
当然,还需要补充一句:做好多用户资料分析和 A/B 测试,确定网站适合使用哪种 CTA,因为有的时候,即使是字型和色彩的变化,都可能明显影响转化率。 4 、保持简约,避免枯燥
传统网页设计中,很重要一个组成部分是设计网站主题,并且为内页准备若干模板,应对不同的需求。设计单页网站的时候,您需要面临更多的挑战,但是这也意味着您有着更大的创作空间。随着近年来 CSS3,HTML5 和 JavaScript 的快速发展,单页设计可以在保持简约的同时,还能引人入胜。那些灵动而漂亮的的转场动画效果都是细节,但是哪个体验优异的网站不是这些精致的细节组成的呢?
当然,千万不要滥用,过犹不及,得不偿失。 5 、保持轻量级
一个缓慢而载入时间漫长的单页网站是失败的。由於单页网站上的内容都集中在一个页面上,所以通常单页网站会比其他的网站来的更重,跟将就内容载入的技巧。如此一来,您又需要精打细算了。
一些不必要的动画效果和无关紧要的设计元素,您需要酌情移除,这样可以显着缩减载入时间,提高浏览体验。节省多用户的网页载入时间是您的首要任务,载入慢不仅会影响网站的搜索引擎优化,还会让您持续流失目标多用户。所以,保持多用户轻量级是很有必要的。
结语
总而言之,单页设计是吸引多用户的重要方式,要让它价值 zui 大化,您不仅需要做好设计,还需要把握上述 5 个重要技巧。
当然,网站的设计在很大程度上取决于网站所服务的企业和机构的特征,这 5 大技巧的使用也与此息息相关。结合经验,灵活运用,相信您能设计出令人印象深刻的优秀网页。