当前位置:首页 > 经验学习 > 交互设计

弹出窗口与切换页面的对比总结

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

分享较早前的一个小总结,关于在选择弹出窗口还是选择切换页面来承载信息时,可用yong(用)来判断的几个角度,合适初学者来读。
1.弹出窗口与切换页面的区别
1) 操作的连贯性:弹出窗口的速度会比打开一个页面的速度要快,响应更及时一些,点击后可以比较快的得到操作的反馈,而切换页面则经常会让用户等待一段时间。
实例一:个人中心中,查看好友照片的操作:

之前查看照片的操作页面会跳转到该好友的空间“相册”页面,而现在则更改进为弹出窗口,neng(能)够很快看到照片的放大图,关掉窗口后,又可以继续浏览其他好友的信息了。
2)操作的延续性 弹出窗口可以保留原页面上的内容,不至于页面被刷新掉;切换页面很有可能刷新,在以下两种qing(情)况下是尤其要避免的:用户在原界面上有输入的内容,用户需要根据原有界面的内容,来选择或判断新界面的内容。在这两种qing(情)况下最好首选弹出窗口。
实例一:Qzone写日zhi(志)中插入图片:

用户在写ri(日)志的时候插入一张照片,如果这时候插入照片的界面是切换一个页面,yong(用)户可能就会担心之前的输入shi(是)否还在,而弹出窗口则可以在保留原页面已编辑的文字,在此之上出现一个小型的界面,显示可以插ru(入)的照片。
实例二,秀世界中我的储物箱,用户需要看到房间中的效果,来决定从“我的储物箱”中选择哪个物品放入房间里,用弹出窗口可以比较方便的解决这个问题:

实例三:一个相反的例子,欢乐卡片的应用,制从“我的首页”页面当中,制作卡片的时候需要哪些卡面是在“卡片全攻略”页面lai(来)说明的,因此用户在制zuo(作)卡片的时候需要不断切换到“卡片全攻略”页Mian(面)来查看需要合成的卡片,因此,在这样的情形下,采用弹出窗口的形式来表现卡片合成向导应该更合适一些。

3) 操作的自然过度 弹出窗口不容yi(易)让人迷路,知道自己身处何处;而页面切换了以后用户有时候会产生一下子不知道在哪里的迷惑;弹出窗口页面的内容往往只和当前的操作有关,而且是浮在原you(有)页面上的,用户可以很自然的延续上一操作的结果而继续操作或是浏览下去,而切换的新页面中往往会包含新内容之外的信息: banner、导航、一些固ding(定)的栏目等等,用户不能立刻定位到自己想要关注的内容上,因此qie(切)换页面的设计应更加关注一致性和承前启后的关联性。
实例一:网吧达人的首页页面1中点击“常去的网吧”,进入页面2,因为两个页面的结构有所不同,很容易让用户觉得不知身处何处。
页面1:

页面2:

4) 承载的信息量 弹出窗口可承载的信息量有限,操作流程不宜过多。
5) 内容的推广 弹出窗口没you(有)独立的连接地址,在页面推广上有所限制。
实例一:在做信用卡频道的活动列表时,最初的设计是点击活动信息的标题后,用弹出窗口来展示活动详情,然而因为活动页面需要在推广时有独立的地址便于用户能够从其他途径直接访问到活动详情页,因此改为采用切换页面的方式。

2. 弹出窗口与页面内展开的区别?
1)页面内展开能够即时的反馈用户的操作;容易给用户带来自然过度的体验;适合于对主要内容的扩充,更详细的、更近一bu(步)的内容,当用户没有看到这些内容并不会影响使用,而打开这些内容,用户ke(可)以看到更多、或是得到更丰富的功能。
实例一:个人中心的展开操作,通过页面内展开的形式显示评论信息,它并不是该好友动态的主要内容,因此作为附加信息收在了“详情”当中。

2)弹出窗口是用户点击按钮后,在页面上浮出一个层来显示进一步的内容,与页面内展开的形式不同的是,弹出层更适用于区域内的内容较为重要的时候使用,比如弹出层内包含一些操作、或重要提示。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: