页面转换中的技巧

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