Soul匹配筛选功能产品原型设计

2021-07-02 09:42

<article class="article" id="mp-editor" style="display: block; border: 0px; margin: 0px; padding: 5px 0px 0px; font-size: 16px; color: rgb(25, 25, 25); line-height: 1.9; overflow: hidden auto; box-sizing: border-box; outline: 0px; tab-size: 4; text-align: left; overflow-wrap: break-word; width: 640px; font-family: "PingFang SC", Arial, 微软雅黑, 宋体, simsun, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;">

编辑导语：Soul 的匹配筛选功能是其自身的亮点之一，本文作者关于这个功能制作了一份原型图，一起来看看吧。

image

修订记录：

一、 前言 1.1 需求背景

匹配环节是陌生人社交行为链的开始，良好的匹配体验（效率、匹配机制等）可以提升用户在匹配环节的体验，为后续用户的互动破冰、建立关系打下良好基础。

通过对Soul进行竞品分析，找到了产品在匹配环节的改进方向。把进一步优化匹配功能及体验，降低无效匹配提升匹配效率，更好地沉淀用户关系作为产品迭代目标。

1.2 项目目标

1. 通过匹配时增加匹配对象筛选选项设置、自主选择恋爱铃开启关闭时间等提升匹配时的用户自主性，降低无效匹配。
2. 通过载入时特权卡优惠弹出和匹配前特权卡使用确认，提升特权卡使用率及匹配时的用户体验，实现后续更有效的社交。

二、功能概述 2.1 产品功能描述

多样化的匹配方式满足用户多社交场景下的使用需求，完善匹配功能，从而更好地提升匹配效率以及用户体验，增强用户粘性，为后续社交环节做铺垫，沉淀用户关系。

2.2 匹配功能结构图

（注：红色部分为新增功能）

image

三、特性 3.1 需求列表

image

3.2 筛选

• 功能简介

在筛选页面可以对恋爱对象进行年龄、距离、星球、星座设置。通过增加筛选选项，实现用户的自主个性化选择，减少无效匹配，提升用户体验。

• 功能原型与主逻辑

image

image

主逻辑：

1. 点击星球页筛选按钮，发现筛选页面想上弹出，至于顶层；
2. 默认性别筛选为异性；页面年龄、距离筛选默认为最大范围，自动扩大搜索距离开启；期待星球为系统匹配；星座速配为今日最配；
3. 点击切换选项，单选，无法取消选中。左右滑动设置匹配对象年龄及距离范围；
4. 上下滑动显示更多筛选信息；
5. 点击“×”后执行系统默认筛选设置，从搜索页面退回星球页；点击“√”后执行设定后的筛选设置，从搜索页面退回星球页。

3.3 恋爱铃设置

• 功能简介

新增对恋爱铃的开启时段、铃声是否震动等进行编辑设置的功能。通过增加恋爱铃设置功能，能够让用户合理选择规划恋爱铃开启时间，避免打扰用户正常生活工作，提升用户体验。

• 功能原型与主逻辑

a）恋爱铃开启关闭

image

主逻辑

1. 点击星球页恋爱铃按钮，恋爱零开启，星球页显示心形；
2. 点击心形显示关闭恋爱铃选项。点击后弹出关闭提示；
3. 点击关闭提示弹窗中的确认关闭后恋爱铃关闭，页面恢复初始星球页。点击保持开启，恋爱铃继续保持开启。

b）编辑恋爱铃

image

主逻辑：

1. 点击心形按钮，弹出恋爱铃设置选项，点击后恋爱铃设置页面向上弹出，至于顶层。点击空白区域或进行任意操作后将收起；
2. 恋爱铃设置页面默认全天开启，自定义时间开启后，全天开启关闭。 左滑某一自定义恋爱铃显示删除按钮，点击新建按钮新建自定义恋爱铃；
3. 点击某一恋爱铃后显示编辑恋爱铃页面。 页面包含恋爱铃起止时间设置、一周开启时间选择、名称、铃声、是否震动设置以及删除当前恋爱铃按钮；
4. 重复默认为不选择，点击切换选项，单选，可取消选中；
5. 点击“×”后设置不更改，返回恋爱铃 设置页；点击“√”后执行设定后的设置，返回恋爱铃设置页。

3.4 特权卡设置

• 功能简介

星球页载入时弹出特权卡优惠信息提示弹窗，显示优惠信息，通过弹窗提示提升特权卡使用及购买率。

• 功能原型与主逻辑

image

主逻辑

1. 星球页面载入时，弹出特权卡优惠信息提示弹窗。显示匹配福袋优惠信息以及Soul币充值抵扣优惠；
2. 点击“灵魂更好地遇见”按钮页面跳转至匹配福袋特惠页面，点击“立即使用”页面跳转至Soul币充值页面。点击关闭按钮关闭优惠提示。

四、数据统计需求

image

</article>