上海市九杜路349号立同商务大厦417/418/419室
021-39517056
你可以了解最新的互联网资讯,了解最新的互联网产品
担路新闻资讯中心

可以快速制作PC网站,手机网站,微信小程序,微场景,网页视频等

可以高度自定义的游戏引擎,用户可以快速制作出集游戏与营销于一体的营销游戏

垂直行业的O2O电商等用户交互功能的电商开发平台,拥有覆盖全行业的解决方案

想创造长滚动页面,试着抓住这7个关键!
2018-06-27

      将首屏作为设计的重心已经不足以满足如今的设计需求,有的时候你还是得设计一个长滚动单页来承载足够的内容,保持用户的关注度,让他们在滚动中获取足够的内容和信息。

      使用长滚动式网页确实能够更为有效地呈现内容。这种轻松的交互方式本身就对用户有着足够的吸引力。不过,想要设计足够优秀的长滚动页面,单纯的视觉设计是不够的,在不断的滚动浏览过程中如何让用户更好地吸收信息才是设计师需要仔细考虑的事情。今天担路小编为你解答。

1、创造真正拥有高参与度的内容

       对于一个网站来说,不论它的页面设计如何,在网站建设过程中网页核心的内容质量首先得过硬。再好的设计也无法掩盖内容的空洞和素质,所以首先要有高质量的内容。同时,内容还要和整体设计有效得搭配起来。让用户面对的选择数量尽可能少,不要让太多的选择给用户造成压力,每个部分尽量只使用一个号召性的文案或者按钮。

      采用让人好奇的文案。视觉效果可以给人良好的第一印象,但是好的内容,勾人的文案就更好了。尽量使用动词,并且搭配让人原因沉浸的故事。

2、构建视觉主题

      风格明显,鲜明的主题能够帮助用户更好地了解故事或者页面的内容,拥有沉浸式的体验。主题中可以搭配一些视觉线索,比如箭头,分割线,或者其他的指引性视觉元素,帮助用户更为清晰地明白内容之间的关系,在浏览过程中,更好地穿梭于内容之间。

      视觉化的主题设计和合理的视觉引导机制,能够让长滚动网页这种设计更好地服务于你的网站和内容。同时,你还需要注意数据上的变化。在采用长滚动页面之前,用户的留存率是否更高?用户主要的互动内容是否有所变化?预期的转化率是否达到了等。

如果视觉化的设计并没有有利于整个长滚动页面,你需要考虑主题是否影响了内容的展示,或者是否同用户群相匹配。

3、令人愉悦的交互

长滚动式的网页设计往往能够创造出沉浸式的用户体验,而这种沉浸式的体验很大程度上是得益于其中取悦用户的各式交互。

从动效到轮播图,从视差元素到各种漂亮的动画,微交互和可触发的宏交互共同创造了其中引人入胜的体验。

4、充分运用滚动特效和技术

长滚动页面在移动端和桌面端都能够良好的运作,很大程度上这是设计师喜爱它的原因之一。

      许多用户其实更加喜欢滚动而不是点击,而在移动端上,这种交互上的倾向表现得更加明显。使用长滚动页面,浏览获取信息的体验更顺滑。

5、让长滚动内容和短滚动内容交替出现

      有些内容需要快速滚动浏览,而有的内容则需要用户仔细阅读,逐步查看,这些长滚动和短滚动的内容应该交替出现,分段搭配。

6、为用户提供路线图

长滚动页面所需要面临一个非常实际的问题,就是导航和视觉线索,用户需要知道他们浏览到了什么位置,以及他们距离页面的首位有多远。

7、设计出清晰的目标

      长滚动页面不应该是无限的。设计的时候,应该能够让用户明白从哪里开始,以及*终的结束会在什么地方。在你明确整个设计之前,你应该勾画出*终的目标。确保整个长滚动页面的每个部分都是为了呈现*终的结果而存在。

      虽然长滚动页面已经不再是什么新鲜的东西,但是它的UX设计和交互模式依然还在不断成长,逐渐成熟。现如今,设计师和网页设计相关的社区依然在探讨它的利弊,作为设计师,你应该仔细衡量你的目标,再选择是否使用长滚动网页设计。

暂无评论!
我要评论 只有购买过该商品的用户才能评论。

相关新闻动态


加载中
免费注册云账号并登录进行体验

您也可以在线提交合作申请

客服人员会在24小时内联系您
服务热线:021-39517056

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述