「 微 」设计之斗鱼WEB端体验优化

1年前发布

原创文章 / 网页 / 观点
斗鱼UED 原创,如需商业用途或转载请与斗鱼UED联系,谢谢配合。

阐述了对斗鱼WEB端的一些微设计的过程思路,对细节的体验优化


「 前言 」



斗鱼WEB端在功能和框架上已属于较成熟的产品,但是很多细节体验仍待打磨。


有些页面较长时间没有进行优化,不管在功能层面、视觉层面或策略上,都具有优化空间。


因此我们对搜索、关注、分类这类老旧页面进行了改版和优化,在提升体验的同时,也能通过改版来提升整体业务效率,提高页面转化。


在进行整体优化后,数据稳中有升,本次将从交互设计层面,与大家分享设计过程,是如何通过细节体验的优化来提升业务效率和页面数据转化的。



「 搜索 」



斗鱼WEB的搜索改动较大,和大数据合作一起做了此次的优化,从数据策略到交互侧都做了更新。



背景



对于使用搜索的用户来说,最核心的场景是便捷快速搜索,以及搜索结果的准确回馈。


策略



整个搜索的改版最终核心目的是为了「 提升点击转化率 」


而旧版的搜索因为很长时间没有进行过优化,整体体验有待提升




而这4个层面对应的则是以下4个维度






包括上面这四个维度,根据搜索的使用场景和特殊性,一共提取了六个维度来进行提升










通过用户在使用旧版搜索时的感受,在这6个维度分别进行视觉化的打分,可以明显的看到,有些维度是有很明显的优化空间的。


我们预期在进行整个搜索的重构后,重点在体验感、统一性、可靠性、易查找这四个维度能得到大幅度的提升,其他几个维度分别也能获得一定的体验提升。






搜索联想面板






旧版搜索,当用户有明确搜索内容时,进行搜索后,不管是选择联想词还是直接点击搜索/回车搜索,都是进入搜索结果页,然后在结果页的召回信息中找自己需要的内容,最后再选择内容进入相关页面。


这样的操作流程步骤过长,点击转化率的丢失便会变多,因此我们需要精简流程,让用户能快速到达目的地。






我们在联想词面板中,增加了可视的快速跳转,即能达到快速操作的目的,同时也让用户对于下一步的操作有相符的心理预期。




进行优化后的联想面板 ↓



用户搜索了内容后,会根据所输入的内容,在联想面板中优先展示最匹配内容,如搜索精准房间,会匹配展示对应房间,若搜索分区,则会在联想面板中直接展示对应分区信息。


并且在鼠标移动到列表时,右侧会显示直播间或者分类,点击会快速跳转至对应的页面,让用户对于后续操作有明确的心理预期。




搜索结果页




在旧版本搜索的数据表现中,历史搜索内容相对来说点击高,使用率较高。


因此我们在整体页面的布局上增加了内容区有效宽度,并使用左右分栏结构,在右侧新增历史模块,同时也增加热搜榜单以增加曝光,提高热词的点击转化率。


而对左侧的楼层,进行了内容数量的控制,删减了召回内容。




根据用户搜索的内容信息,会优先展示精准匹配的结果,快速命中用户


强化关键信息的透出,能帮助用户快速定位目标内容,召回质量优化、召回排序优化,也是提升转化效率的一种手段







当搜索到违规词&屏蔽词&敏感词&无搜索数据时,新增了该情况下的结果页,展示热搜和历史搜索





服务器崩溃的情况下,也增加了兜底机制,会展示热门的top直播间,增加转化率







数据表现




搜索改版上线后,数据表现稳中有升,特别是因为更容易找到精准结果,因此无效点击降低。

在精准结果模块添加了关注按钮,因为现在召回逻辑更加精准,而且交互布局也会更突出精准结果,有效信息字段增多,再加上搜索本身就是强意图场景,所以关注转化得到了提升。








「 关注 」



关注是页面流量分发的关键页面,基础流量入口处直接分发关注房间,并透出主播开关播信息,因此要培养用户关注后常浏览、查看习惯。



背景



目前关注页的主要问题是,当关注列表较多时,用户无法快速高效的找到想要的直播间。







策略



对于关注页来说,我们的核心目的是提高转化率,针对不易查找直播间的核心问题,我们增加了新的排序逻辑、新增了筛选维度、以及特别关注功能,来帮助用户更快的找到想要的直播间,后续还会规划其他功能来帮助用户对于中长尾直播间的查找效率。






易查找


新增排序逻辑、特别关注筛选、特别关注功能






视觉风格


卡片样式区分了开播与未开播的直播间






开播提示


加强了关注页面外的提醒






细节体验


增加了未登录情况下的离线关注,增加流量

低频使用的标签进行了收起处理





数据表现




整体数据表现稳重有升,最常访问排序下的点击转化约比热度排序下的点击转化提升5%+。用户侧关注列表转化明显提升,后续会着重关注页分发能力提升,提升关注页房间分发数量,并不断盘活关注页中的中长尾主播。







「 尾声 」



在做体验优化时,有时候不需要大动干戈,全盘皆否,从小的问题点着手去深挖和思考,找到合适的解决方案并不断打磨细节给用户创造惊喜,也是一种创新。




174
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息