新兴交互方式探析 - 2

这个案例是三维视角的交互，用户进入页面后，会有4个选项，随着用户鼠标的移动，会自动选择某个选项。这样炫酷的设计的原因跟网站的主题有一定的关系（UFC格斗网站），带给用户较强的冲击感。

这个案例为了追求视觉冲击力使用了3D效果，但是也不缺乏实用性，交互流畅，不影响信息读取。

在某些按时间切换图片的模块，可采用此方式,给用户心理预期，这样切换的时候用户会比较容易接受，同样的设计可以应用到焦点图切换、页面切换、页面加载等模块。

同级别的信息展示时，可以将其归类整理，以便获得较好的视觉效果，信息展开后，将其他“豆腐块”移动到下方，进行下一级别的信息展示，达到效果跟功能的平衡。

针对同等级的大批量信息，可以采用这种缩略模式，利用hover状态呈现信息的主要内容，由用户决定下一步操作，达到空间的合理利用。

通过页面顶部的操作模块，可以页面的信息进行多重筛选，直观、方便，比单一的下拉框式筛选功能更加丰富。

在某些情况下，浮层中需要放置大量的信息，这些信息属于同级别，又属于不同类型，这时候，可以参考此案例中的信息展示方式，在浮层中以较好的效果处理这些信息。

对同等级、同类别的信息进行信息流内容控制的时候，可以参考此设计模式，利用简单的操作控制信息展示的数量，选取不同的设置时，下方的信息流可以根据实际情况改变样式，让信息流的样式跟对应的设置形成心理映射，用户形成习惯之后，能即刻明白该情况下的设置是什么。

案例一：模拟物理环境，赋予界面弹性属性，界面切换更自然，效果也更丰富。

案例二：ipad上的应用程序Paper，用两个手指顺时针或逆时针旋转，来替代“取消操作”和“恢复操作”按钮。

目前web端产品的转场基本还处于没有情感化设计的阶段，无线产品在这块做的比较有借鉴性。上图的案例都有人性化、操作感强的特点在其中。

这种设计方式更接近现实中的场景，用户很容易明白，并且点击这些图片会带来不同的转换效果（左移、右移、斜着飞入屏幕），此外这种排列能让用户对处于特殊位置的图片记忆更加深刻。

通过这种方式，在一张图上就可以展示多种相关商品，节省了大量的空间和资源，也将商品展示方式进行了创新。在电子商务网站上，这种设计的发挥空间很大。