魔扣论坛

魔扣源码论坛业务
查看: 1442|回复: 10

网页设计:5种策略,让用户忍不住浏览下去

[复制链接]
  • TA的每日心情
    擦汗
    2018-10-11 00:05
  • 签到天数: 4 天

    [LV.2]随便看看

    150

    主题

    2

    回帖

    163

    积分

    初级魔扣

    Rank: 2

    魔扣币
    6
    贡献
    6
    威望
    5
    发表于 2017-10-13 11:34:21 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
     创业项目频道上线 你有项目来A5招商吧
                          滚动是用户交互中最基础、最核心的部分,创造良好的滚动体验只是网页设计的基础,内容的设计,多媒体和动效的加入,都是为了围绕着同一个目的而运作的:让用户浏览下去。
      

      网站中的内容再好,总得让用户能看到,才有价值,而矛盾在于,首屏的空间始终是有限的。所以,我们总希望用户能够滚动页面向下看,从某种意义上来说,长滚动页面和无限滚动的设计,如此地受欢迎,就是因为它贴合了用户下意识滚动浏览的习惯,也符合内容的创建者希望被用户看到的需求。
      一般而言,依托滚动交互的页面,同样多的内容,在小屏幕上需要滚动的距离更长,同时,它们也需要设计师提供更优秀、可用性更强的导航和辅助元素,甚至借助动效等元素来引导用户滚动浏览。
      如果你希望你的网页更能吸引用户滚动,那么下面的5种策略,应该能够帮你向着你想要的目标,更进一步。
      1、一开始就提供有趣的内容
      尽管许多用户习惯于在页面加载的时候就开始滚动,但是首屏的内容对于用户决策的影响是至关重要的。首屏内容的好坏, 会让用户对于后续的内容的期待有明显的影响,如果首屏内容足够有趣,用户会主动向下滚动,并且希望看到同样有意思的内容。
      所以,作为整体设计的一部分,设计师应当尽量让用户感兴趣的内容置于首屏,传递给用户一种信息,就是后面的内容同样有趣。
      在设置内容的时候,尽量为用户提供:
      有趣的元素和内容(吸引用户注意力的内容和信息)
      引人入胜的图片或视频(用户会密切关注这类视觉信息)
      2、给用户以视觉线索
      有的时候,想让用户向下滚动可以直接告知用户这么做。为用户提供这方面的视觉线索,比如指向下方的箭头,或者直接用文本写上“Scroll Down”来告知用户,更多的内容在首屏之下。
      

      视觉线索的呈现方式有不少,上述的明示如果不够“优雅”的话,你可以试着让下方的内容在首屏上露个头,让用户明白下方有更多,也不错。
      3、保持导航可见
      导航是网站的重要组成部分,它能成就一个网站的好体验,也能毁掉它。而在设计网页的时候,最大的风险之一,就是可用性低的导航设计,导致用户在使用过程中迷失。通常,这种设计会让用户感到挫败感。所以,尽量使用悬浮置顶的导航栏,或者固定式的导航栏,一方面让用户始终明白自己所处的位置,另一方面也方便用户跳转到其他的位置。
      

      当为移动端进行设计的时候,需要注意的是导航会不会占据太大的空间,比较合理的策略是让导航在滚动的时候隐藏,当准备回到顶部或者停下的时候显现。
      

      4、加入动效提升参与感
      以视差滚动为代表的动画特效是让用户滚动浏览更加有趣的一种设计技巧,同时它通过有趣的设计,吸引用户不停滚动下去,让用户始终处于探索“接下来还有什么”的过程中。
      

      考虑到页面常常被设计成不同的区块,可以将富有创意的动效到不同的区块当中,让用户在不断滚动当中,沿着设计好的路径来浏览。
      视差滚动是目前最流行的特效之一,设计师可以借助元素移动速度差来创造深度和沉浸感。当用户在平滑的滚动浏览内容的时候,视差特效所创造出的沉浸感能够让用户有身临其境的感觉。
      

      5、避免滚动劫持
      滚动劫持这个概念并不难理解,浏览器本身的滚动机制被替代,用户无法按照他们预期的、习惯的方式来滚动浏览,有的时候这种状况是设计师刻意营造的浏览效果,但是并不一定能给用户以好的体验,至少多数时候是超出用户预期并且难以控制的。滚动劫持这种状况要尽量避免。
      

      结语
      滚动是用户交互中最基础、最核心的部分,创造良好的滚动体验只是网页设计的基础,内容的设计,多媒体和动效的加入,都是为了围绕着同一个目的而运作的:让用户浏览下去。只有让用户接收到信息,它们的价值才能传递出去。
      原文作者:Nick Babich
      原文地址:webdesignerdepot
      译者:@陈子木
      译文地址:优设网

    该用户从未签到

    1

    主题

    276

    回帖

    553

    积分

    高级魔扣

    Rank: 4

    魔扣币
    276
    贡献
    276
    威望
    0
    发表于 2017-10-13 13:28:57 | 显示全部楼层
    想你念你,魔扣源码论坛,在心里!

    该用户从未签到

    2

    主题

    239

    回帖

    481

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    240
    贡献
    240
    威望
    0
    发表于 2018-4-4 05:00:13 | 显示全部楼层
    感恩无私的分享与奉献 魔扣源码论坛是我心中的神!

    该用户从未签到

    1

    主题

    258

    回帖

    517

    积分

    高级魔扣

    Rank: 4

    魔扣币
    258
    贡献
    258
    威望
    0
    发表于 2018-4-27 18:09:58 | 显示全部楼层
    有一种祝福不只是在网上,而是在心里;没曾见面,却在心里留下了一个身影;没有擦肩,却留下了瞬间的感动;不知对方姓甚名谁,却在心上久久停留,淡淡地牵挂、默默地关注魔扣源码论坛、遥遥的祝福;即使一切是短暂的,也将定格成我永恒的回忆,成为我一生中最美丽的风景。让我们互牵友情之温柔的手,齐攀人生的友情之巅吧!来吧,亲爱的伙伴,亲爱的您!让我们共筑博客空间美好梦境!

    该用户从未签到

    2

    主题

    250

    回帖

    502

    积分

    高级魔扣

    Rank: 4

    魔扣币
    250
    贡献
    250
    威望
    0
    发表于 2018-9-12 19:42:57 | 显示全部楼层
    有你真好!看到你来让我高兴极了!珍惜网络中遇见的您——我的朋友!珍惜我们之间的真情!时刻把你关怀!魔扣源码论坛上梦中人祝朋友周末愉快!

    该用户从未签到

    7

    主题

    300

    回帖

    607

    积分

    高级魔扣

    Rank: 4

    魔扣币
    300
    贡献
    300
    威望
    0
    发表于 2019-8-27 18:53:27 | 显示全部楼层
    众里寻他千百度,蓦然回首在这里!

    该用户从未签到

    2

    主题

    261

    回帖

    525

    积分

    高级魔扣

    Rank: 4

    魔扣币
    262
    贡献
    262
    威望
    0
    发表于 2019-12-31 12:50:14 | 显示全部楼层
    大人,此事必有蹊跷!

    该用户从未签到

    2

    主题

    257

    回帖

    517

    积分

    高级魔扣

    Rank: 4

    魔扣币
    258
    贡献
    258
    威望
    0
    发表于 2020-2-11 11:33:24 | 显示全部楼层
    啥玩应呀

    该用户从未签到

    3

    主题

    228

    回帖

    459

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    228
    贡献
    228
    威望
    0
    发表于 2020-2-24 12:36:07 | 显示全部楼层
    真心的祝福你:开心每一天,快乐每一刻,好运永远与你相伴!真诚希望你每一个今天都过得幸福!魔扣源码论坛更希望你每一个明天都能比今天还快乐!

    该用户从未签到

    0

    主题

    218

    回帖

    436

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    218
    贡献
    218
    威望
    0
    发表于 2020-3-7 13:14:11 | 显示全部楼层
    忘掉岁月,忘掉痛苦,忘掉你的坏,我们永不永不说再见。',
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表