当前位置:首页> 自助建站新闻> 网站建设中的过渡设计有什么好处

网站建设中的过渡设计有什么好处

发布时间:2020-04-17 14:00:00

网站是相似的。一个完整的网站由几个页面组成,每个页面由几个元素组成。为了使网站内容更有组织性,操作逻辑更清晰,用户体验更好,用户转化率更高,在不同元素和页面的转化上也需要一些技巧。

这种方式很常见:例如,在酷狗音乐盒中关掉音乐后,声音在几秒钟内逐渐停止,而不是立即消失;每个客户的头版广告头图的旋转也都采用了渐进渐出的方式。

使用动态效果来表示当前的进度、处理或反馈结果。

当前进度:最常见的是进度条效应,它能清楚地显示当前进度,减少用户等待时的焦虑。

操作过程及反馈结果:

视觉引导:在凡客诚品的客户端,购物车添加商品时的引导动画不仅显示了添加的过程和完成此操作的反馈结果,还间接提示了购物车的位置,一举两得。

当页面元素改变时,最好有一些过渡效果。例如,屏幕的渐变、下拉列表的动态扩展、浮动层的逐渐消失等等,突然的变化会让生活变得艰难。

举一个有趣的小例子:淘宝的最爱,鼠标一过,原来的下三角就会旋转180度变成上三角。

在网上购物时,用户希望尽可能了解商品的外观。360°旋转功能更好地满足了这一需求。事实上,这种方法已经存在了很长一段时间,但并没有得到广泛的应用。

页面跳转(无论是刷新原始页面还是打开新窗口)都会给用户带来停顿感,并影响用户体验。

翻页可以减少阅读疲劳,增加一点成就感,让内容有一个更明显的物理位置(更容易反复搜索)。但毕竟,它在一定程度上干扰了我们的阅读(特别是当网速很低时),这可能会导致用户提前离开。因此,在一些内容相关性较弱的网站上,可以尝试适当减少翻页次数——最简单的方法是增加一页的显示次数,但要考虑用户的容忍度限制(需要视情况考虑不同的产品)。

比如新浪微博的页面很长。当它滚动到底部时,它将立即加载以下内容(几乎不可察觉)。重复几次以查看页面底部的翻转组件。

一些新的电子商务网站甚至没有传统的翻页组件,整个页面是一次性的。例如,可以使用滚轮或上下箭头键继续浏览产品。

对于一个操作过程,每增加一个页面就会增加用户的丢失率。点击一个链接是否意味着你必须刷出一个新页面?让我们看看下面的策略。

对于不太相关的链接:

·使用锚点链接+二级链接:此方法可用于描述多、重要内容多的情况。锚点链接对于长页面很好,但是这种快速的位置切换可能会让人困惑。但长页不适合增加页面滚动的过渡效果,容易让人头晕。因此,我们可以在锚点即将跳转的位置细化关键内容,以减少页面长度并增加页面滚动的转换效果。

比如支付宝的支付页面,点击右上角的“支付问题”,可见区域由A逐渐向B(页面慢慢下沉),而B区域高亮约2秒,然后逐渐恢复。如果用户此时仍未找到答案,可以单击左下角的“更多帮助”链接,在新页面中查看更多内容。

这样不仅可以减少跳转次数,而且由于跳转效果好,用户对整个页面的布局和之前的行为过程会非常清楚,不会因为屏幕切换快而手足无措。