案例分析|“页面跳转”引发的思考

时间:2021-12-20来源:栏目:互联网

编辑导语:如何做出正确的设计决策?这就要求设计师站在用户的角度,基于用户场景和用户需求进行选择,给出相对更合理有效的设计方案来解决问题。在本文中,作者结合实际案例谈了自己...

编辑导语:如何做出正确的设计决策?这就要求设计师站在用户的角度,基于用户场景和用户需求进行选择,给出相对更合理有效的设计方案来解决问题。在本文中,作者结合实际案例谈了自己的设计决策思想,让我们一起来看看。

同样的需求,设计师可以提出各种设计方案。我们如何做出设计决策?

一方面要做好前期的设计研究、竞争产品分析、数据分析等工作。另一方面,我们也要在设计经验的基础上,从设计本身去寻找更理想的设计方案。今天我就用一个案例谈谈我个人的思考。

一.案件背景

最近在产品测试的时候,有同事建议“查看详情”跳转到新的页面,返回的时候,没有跳回当前列表页码,而是回到了列表的第一页。用户必须再次切换到上一个浏览页面,然后在选择下一条消息后继续查看详细信息。使用起来非常不方便,有些“反人类”。

听他这么一说,我居然操作了,确实有这个问题。我不禁感叹“我错过了这个细节”,但仔细考虑之后,总觉得这个需求有问题。

因此,按照常规的设计流程,进行了一些竞品调查和场景分析。

第二,竞争产品的研究

首先我查了一些后台管理产品,发现大部分场景“返回”都是回到列表的第一页,也有一些是回到当前页面。这说明没有技术问题,那么为什么会有不同的设计呢?

这需要返回到用户场景,并找到它的底部。

三.场景分析

对于B端产品,用户可能会面临海量的数据,主流的数据呈现形式是表格。为了提高用户效率,搜索已经成为一种标准功能。用户可能只有耐心阅读前两页的数据内容,如果不符合用户需求,就会选择搜索。

因此,B端产品可以看作是一种“重新搜索”的场景。基于这样的分析,我们认为用户不会为了寻找自己的运营目标而不断翻页。

此外,B端用户的主要目标是完成业务工作。如果不是他们的责任,他们也不会像C端用户那样主动“四处游荡”查看页面内容。因此,我们必须首先确保用户能够快速定位目标数据并完成详细查看。

但是测试场景中的用户行为和真实用户是有区别的,他们的操作目标也是不同的。最后,我们决定降级这个需求,暂时保持不变,或者把return函数跳转回表单的首页。后续处理会根据用户的实际反馈来做。

第四,深度思考互动

后来进一步思考,发现“回到哪一页”只是一个表面问题。这个问题的本质在于用户需要什么样的信息,如何获取需要的信息,如何将信息呈现给用户。进入设计要求,主要是以下几个问题:

还有哪些方式可以更好地向用户呈现细节,避免页面刷新?

是否可以在表单的首页显示用户想要的信息?

设计方能否给出更好的解决方案,降低用户回报,实现持续运营?

我们可以把以上问题收集到用户体验的五要素中去寻找答案。

1.框架层

1)页面跳转的方式

通常,B端产品页面跳转是路径下钻,这意味着表单页面和详细信息页面不共存。而传统的网页浏览是采用新的浏览器标签的形式,可以实现内容的并行、独立显示,从而避免了跳转和返回的问题。例如,电子商务平台的详细信息页面显示允许用户通过打开新的浏览器选项卡来并行查看多个详细信息。

这种新打开页面的形式在管理系统中很少使用,主要用于跨产品页面跳转或订单采购页面。比如阿里巴巴云和腾讯云产品的功能之间的相互跳转是以新打开的标签页的形式,可以保证用户并行操作,方便信息之间的对比和参考。

浏览器选项卡

2)系统内标签页

系统中的选项卡也相互独立,互不干扰,在多个窗口之间自由切换,将信息保留在系统内部,使得用户的视觉移动相对集中,交互操作成本更低。当然,标签栏属于框架级,会一直占据页面位置,进一步压缩屏幕的垂直有效空间。

系统中的标签页

框架层属于顶层设计,决定了产品的信息架构和交互逻辑,更考虑一致性,需要综合考虑和确定。因为页面的交互形式不能随意改变,否则会带来更高的开发成本。

2.结构层

结构层更多的是信息的组织形式,尤其是信息量大的形式。除了搜索功能外,还需要拆解、过滤、筛选、排序等功能,让用户可以更方便地缩小信息范围,准确定位所需信息,并结合列表的基本信息做出查看决策,从而减少因判断错误而导致的不必要操作。

比如在电商平台的业务后台订单管理中,根据不同的状态将订单分成不同的表,通过关键词过滤和排序策略将目标内容过滤出来。

>

▲搜索筛选精准定位内容

3. 表现层

1)浮层组件

页面来回跳转确实会造成用户效率下降,如果页面内容不多,可以采用弹窗和抽屉替代。这两种方式都是在当前页面出现的浮层组件,可以避免返回带来的页面刷新问题。

▲抽屉组件避免返回操作

2)连续查看信息

对于用户日常高频操作信息,可以在详情页面增加连续操作按钮,让用户不必返回即可完成信息查看。例如邮箱内容详情页,用户可以通过“上一条、下一条”功能,在固定页面逐条查看邮件,用户效率更高。

▲邮箱上一封,下一封切换功能

五、写在最后

以上就是关于页面跳转的一些个人思考。总的来说,设计形式和交互逻辑可以多种多样,但是设计必须要围绕用户需求和业务场景展开,只有抓住根本性问题,才能做出正确的设计决策。

#专栏作家#

本文原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议

1.本站部分来源于互联网用户自主整合上传,如有侵权,请联系我们删除;

2.文章内容并不代表本站的观点或立场,如有关于文章内容,版权或其它问题请联系删除;

3.本文地址:https://www.jiatu888.com/hlw/86752.html

最新文章

网站介绍

本站部分内容收集于互联网,如有侵犯贵司(个人)版权,请联系本站删除。

Copyright@2018-2021 www.jiatu888.com 嘉图网 All Rights Reserved 粤ICP备20051635号 网站地图 tag列表

嘉图网