页面转换中技巧.pptxVIP

页面信息转换的技巧 泫凌 | UED 在页面设计中，常用的信息转换方式有哪些？ ·遮罩层 ·切换页面 ·页面内展开 ·浮层 … 到底该用… 切换页面 遮罩层 页面内展开 浮层 遮罩层pk切换页面 遮罩层·速度快·响应及时·反馈快·专注·不跳离页面 1. 从操作连贯性看。 切换页面·等待时间长 ·容易丢失页面 遮罩层 切换页面 遮罩层·保留原页面的内容·不被刷新 2 . 从操作延续性看。 切换页面·原页面内容会被刷新 遮罩层 切换页面 遮罩层·不易迷路·清楚定位·自然延续上一操作 3 . 从操作自然过渡看。 切换页面·容易迷惑不知身在何处 ·页面无关信息多 遮罩层 切换页面 遮罩层·信息量有限，·操作流程不宜过多 4 . 从承载信息量看。 切换页面·页面可以很丰富 ·可以进行其他操作 遮罩层 切换页面 页面内展开的特点 页面内展开 页面内展开 页面内展开 优点：·对主要内容的扩充，·没有看到这些内容也不会影响使用，·打开这些内容便可以看到更多、或得到更丰富的功能缺点：·后面的内容会随之下移，搅乱位置感 巧妙使用浮层 当说明内容不多时，可以使用浮层提示来代替在新页面中打开链接。 浮层 浮层 浮层 浮层 浮层+二次链接 当说明内容很多，但重点内容不多时， 可以提炼重点信息在浮层上，剩下的放到链接中  浮层+二次链接 浮层+二次链接 弹出子项 浮层+二次链接 介于页面内展开和遮罩之间，适用于内容不是很多，操作不是非常重要， 且页面内元素位置需固定的情况 浮层+二次链接 浮层+二次链接 浮层+二次链接 浮层+二次链接 弹出子项·位于操作区附近·偏指向 弹出子项pk遮罩层 遮罩层·位于页面中央 ·偏步骤 弹出子项·稳定，位置不会变化·承载内容有限 弹出子项pk页面内展开 页面内展开·内容会下移 ·内容丰富 1、了解每种转换方式的特点然后根据适用场景选择 总结 2、每新增一个窗口就会增加用户流失率 3、页面跳转(无论是原页面刷新还是新开窗口) 会给用户带来停顿感，影响用户体验。 4、遮罩层适用于内容比较简洁，需要用户重点关注，且是一个必要步骤时使用。 5、浮层和弹出子项能使操作更轻便，内容不多时优先选择这种方式 感谢大家的耐心聆听 泫凌 | UED