带有加载动画的网站的信息架构选项和方法(封面)

Information Architecture Options and Method for Site with Loading Animation (Cover Page)

提问人:lowtechsun 提问时间:10/3/2015 最后编辑:lowtechsun 更新时间:10/4/2015 访问量:35

问:

对于一个项目,需要一个站点,在首次加载时,会出现一个动画,该动画会逐渐消失并显示站点的内容。我可以创建动画等等。我不确定把它放在哪里。

从网站的角度来看,我是这样的。要么在索引页上有动画,一旦完成,用 js 或 $ 删除该元素并显示索引页。这意味着重新加载将始终再次显示动画。这也意味着单击指向索引页面的主徽标也将再次播放动画。不是真正想要或需要的东西。

我看到的唯一其他选项是在索引页面上放置动画,完成后重定向到网站内容所在的主页。像这样,单击徽标可以设置为主页或索引页面。主页上的信息也可见,无需再次观看动画,因为主页在菜单中有一个单独的导航链接。只有在需要时,才能通过单击主徽标再次观看动画。

从我的角度来看,这将是后者。虽然我问你这是好的做法吗?在索引页上只有一个动画,在主页上放一个其他所有内容,可以吗?

我本来想在 https://ux.stackexchange.com/https://graphicdesign.stackexchange.com/ 中发布这个,但我认为这更多地涉及代码架构,而不是设计或用户体验,因为如前所述,动画也可以动态加载到索引页上,一旦消失,内容就会显示在索引页上。所以你看,我不是在征求意见,而是在寻求正确的逻辑来完成这项任务。

对于这种情况,哪种方法最适用?您会考虑将动画放在索引页面上,然后重定向到主页吗?

Linked
https://stackoverflow.com/questions/22090313/show-an-animation-before-show-my-index-html
https://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-using-jquery
http://www.submittoday.com/splash_pages_and_search_engine_optimization.html
http://stackoverflow.com/a/22090389/1010918
https://stackoverflow.com/questions/30573395/page-loading-animation-method
https://stackoverflow.com/questions/1964839/jquery-please-wait-loading-animation
HTML CSS 动画 信息架构

评论

0赞 Steven Moseley 10/3/2015
我的建议是:不要这样做。加载动画已被证明会一次又一次地惹恼人们。相反,构建一个最小的 HTML 和 CSS 框架,该框架会在大多数资产之前立即加载,然后以优雅的方式将这些资产和标记加载到位。一个很好的例子是,看看Facebook是如何在慢速连接上加载的。它们仅使用几 k 个 HTML 和 CSS 加载主布局,并在加载之前为内容提供漂亮的占位符。
0赞 lowtechsun 10/3/2015
kollektiv.ag 你如何看待它在那里的做法?烦人还是耐人寻味?从 IA 的角度来看,是的,很棒的提示!看看你预加载裸露网站,然后预加载更大的内容是什么意思。虽然不知道现在如何解决这种“优雅的方式”。某处是否有与网站统计相关的加载动画的 ux 统计数据?那么快速显示裸露内容真的更好吗?甚至连像短网站这样的小动画都没有从 0 开始淡入不透明?如今,对普通用户/观众的要求是否太多了?感谢您的建议。非常感谢!
0赞 Steven Moseley 10/4/2015
我认为那个装载机几乎是我见过的最糟糕的。看起来这个网站已经坏了,即使对训练有素的眼睛来说也是如此。
1赞 lowtechsun 10/4/2015
亲爱的史蒂文,我会接受你的建议,不要这样做。我认为你和多年的研究和经验不会错。你让我信服了。感谢您的评论!
1赞 lowtechsun 10/10/2015
史蒂文,如果你想用你在评论中所说的话来回答这个问题,我会很乐意接受的。如果在您的回复中您可以链接(如果/当链接断开时可能引用)到证实您所说的话的研究或研究,那就太好了。不,我相信你,句号。只是其他人也可能会发现查看此类信息非常方便。如果我在未来几天/一周内没有看到答案,我会用我能找到的关于这个话题的任何内容自己回答。既然您知道它,那就太好了,请阅读您的答案。如你所愿。谢谢。

答: 暂无答案