在电视作品中，段落与段落、场景与场景之间的过渡或转换，叫做转场。为了使电视片形式的条感性更强、层次的开展更分明、在局面与局面之间的转换中，需求必定的手法。

　　网站也是相似的，一个完好的网站由若干页面组成，而每个页面又由若干元素组成。为了使网站形式的条感性更强、操纵逻辑更分明、用户体验更好、用户转化率更高，在不同元素与页面的转换中，也需求必定的技巧。

　　过渡成效

　　a 渐入渐出

　　这种方式十分罕见：比方在酷狗音乐盒中封闭音乐后，声响在几秒钟内逐步中止，而不是立刻消逝;凡客首页广告头图的轮换也采取了渐入渐出的方式。

　　b 进程表示

　　用静态成效表示以后进度、处置进程或反应后果。

　　· 以后进度：最罕见的是进度条成效，清楚表示出以后的进度，增加用户等候时的焦虑。

　　· 操纵进程及反应后果：

　　比方删除淘宝珍藏夹中的商品，该商品会在逐步向上滑动的同时突变消逝。这个举措分明的表示正在删除的进程和后果，而不必再另外提示用户删除胜利。

　　优众网的珍藏提示，则是一段小星星的动画。

　　· 视觉指导：在凡客诚品的客户端中，把商品参加到购物车时的指导动画，既表示了增加的进程及完成这一操纵的反应后果，又直接提示了购物车的地位，一箭双雕。

　　c 过渡动画

　　当页面元素发作变化的时分，最好能有一些过渡成效。比方画面的突变切换、下拉列表的静态舒展、浮层的逐步消逝等等。忽然的变化会给人僵硬的觉得。

　　举个风趣的小例子：淘宝的珍藏夹，鼠标滑过期，原先的下三角会旋转180°成为上三角。

　　d 360度旋转产品

　　用户在网上购物时，期望可以尽可以多的理解商品的外观，360°旋转功用更好的满意了这个需求。实在这种方式很早就有了，但是不断没怎么提高。

　　页面跳转

　　页面跳转(不管是原页面刷新还是新开窗口)给用户带来进展感，影响用户体验。

　　a 避免屡次翻页

　　翻页可以恰当加重阅读的疲惫感，增加一点点的成绩感，且赋予形式更分明的物理地位(重复查找比拟轻易)。但是它究竟在必定水平上打断了我们的阅览(特别当网速很负疚的时分)，这可以招致用户提早分开。因而在一些形式关联性不强的网站上，可以尝试恰当增加翻页的次数——最复杂的方式是增加一页的显现数目，但要思索用户的接受极限(不同的产品状况不同，需求酌情思索)。

　　比方新浪微博的页面很长，当转动究竟部时，会立刻加载前面的形式(快到简直觉得不到)。如此重复几次，才会看到页面底部的翻页组件。

　　一些新兴的电子商务网站以至没有保守的翻页组件，整个页面一挥而就。比方优众网，运用滚轮或高低方向键就可以持续阅读商品。

　　b 避免立刻跳转

　　关于一个操纵流程来说，每多一个页面，就会增加用户的丧失率。而点击链接就意味着必定要刷出一个新页面吗?看看上面这些缓兵之计吧。

　　关于关联性较弱的链接：

　　· 运用浮层：当阐明形式未几时，可以运用浮层提示来替代在新页面中翻开链接。

　　· 运用浮层+二次链接：当阐明形式很多，但重点形式未几时，可以提炼重点消息在浮层上，剩下的放到链接中。

　　比方上面这个例子，鼠标滑过“检查免费规范”，呈现了一个小浮层，外面包括的消息是经过提炼的，可以满意一局部人的需求。点击浮层中的“检查免费规范”链接，才干在新窗口翻开该页面，检查更详细的相关形式。

　　固然有点出人预料，但这样可以尽量增加页面的跳转次数，使操纵的延续性不被过多毁坏，同时增加用户丧失。

　　· 运用锚点链接+二次链接： 当阐明形式很多，其中的重点形式也不少时，可以采用此法。锚点链接适用于长页面，但这种疾速的地位切换可以让人觉得不明所以。但长页面上又不适宜增加页面转动的过渡成效，轻易让人眼晕。因而可以提炼重点形式在锚点行将跳转的地位上以增加页面长度，同时增加页面转动的过渡成效。

　　比方领取宝的领取页面，点击右上角的“付款碰到题目”，可视区域从A逐步过渡到B(页面迟缓下沉)，同时B区域高亮2秒左右，再逐步复原。若此时用户仍然没有找到答案，可以点击左下角的“更多协助”链接，在新页面中检查更多形式。

　　这样不只能增加跳转次数，更由于有过渡成效，用户就会很分明整个页面的布局和之前的行为进程，不会由于画面疾速切换而感到不知所措。

　　上面举一个运用锚点链接的反例：

　　在当当网的“收货地址薄”中点击“修正按钮”，画面立刻变为：

　　每次碰到这种状况都觉得很忽然。实在页面自身并没有改动，只是可视区域往下移了一些。但是用户看不到挪动的进程，只能看到改动的后果。

　　两点题目：1. 既然这个页面并不长，从上方挪动到下方至多该当有一个过渡成效，不然用户不清楚究竟发作了什么。2. 关于相似的操纵形式运用锚点链接能否适宜?看到“修正”这个举措，用户可以会天性的想到弹窗，但是弹窗所能承载的消息量比拟无限，且地位不好掌握(普通呈如今页面中心，离操纵触发区域可以较远)，那么有什么其他的处理方式呢?

　　让我们看看“页面内展开”的办法。

　　关于关联性较强的操纵或链接：

　　· 页面内展开：适宜于对现有形式的扩大，它可以立即的反应用户的操纵，带来更天然的体验。 长处：所能承载的消息量比弹窗大;过渡天然;在操纵区域四周显现展开的形式，连接性更好。缺陷：前面的形式会随之下移，搅乱地位感。

　　回到方才当当网修正地址的例子，由于关联性很强，因而能否可以用页面内展开的方式呢?

　　· 页面内展开+二次链接：若形式十分多，可以在展开局部的底部再增加一次链接。

 

 

　　· 弹出窗口：适用于形式比拟简明，需求用户重点关心，且页面内元素地位需流动的状况。但弹窗经常位于页面中心，离触发操纵区域可以会比拟远。

　　当进出列表页时，很多用户习气同时点击多条链接，并在新窗口翻开。一是由于网速可以较慢，在等候新页面翻开的同时不如回到列表页看看其他的形式;二是由于用户可以在列表上看到多条感爱好的形式，因而逐一在新窗口翻开，避免遗漏。而优众网是这样处置的：

　　没有多余的新开窗口，原页面也没有完整面目一新，用户不轻易丢失，操纵途径更分明。弹窗比切换页面速度要快，但是要思索到弹窗承载的消息量无限，且难以掌握弹出的地位。

　　· 弹出子项：介于页面内展开和弹窗之间，适用于形式不是很多，操纵不是十分主要，且页面内元素地位需流动的状况。比弹窗兽性化(弹窗普通位于页面中心，而弹出子项位于操纵区域四周)，比页面内展开的方式更波动(页面地位不会变化)，缺陷是所能承载的形式比拟无限。

　　提示成效

　　恰如其分的提示可以让用户发作准确的心思预期，避免误操纵，也使操纵进程愈加流利连接。

　　a 鼠标悬停提示

　　在豆瓣团体首页上，鼠标悬停左侧栏目会呈现图标，这样我们就会晓得这局部区域是可以挪动的。

　　b 操纵定位

　　关于轻易误操纵的界面(特别是手机界面，手指会挡到操纵区域)，需求一个定位提示。

　　当形式离title比拟远时，也需求一个定位提示。

　　c 报错提示

　　报错提示最好位于操纵区域四周，否则用户的视野需求往返挪动，毁坏了视野、操纵、思想的连接性。

　　d 附属联系提示

　　仅仅是加一个小箭头，也会让不同元素之间的逻辑联系分明很多。

　　其他

　　为了避免机器人的歹意登录，我们不得不填写各种奇特的考证码，不只机器识别不进去了，一般人也是经常会因而而输错。豆瓣则运用了英文单词变形的方式，让我们在输出时的思想是连接的，不易出错。

　　最初想说的是，实在还有更多没有想到的东西，仅以此举一反三，期望能带给观者一点点启示。