客户预览入口 2026-03-17 模块化线框方案

Hiphop 交互预览导航

这一页不是内部文档目录，而是给客户直接看整体交互的入口。建议按从左到右、从上到下的顺序浏览，每一页都已经把“用户先做什么、为什么这样走、下一步去哪里”写进左侧注释卡片里，可以直接用于讲解。

建议浏览顺序

第一步: 先看基础链路，理解新用户怎么进入产品、怎么补信息、怎么建立初始兴趣。

第二步: 再看社区与内容，理解用户怎么逛社区、进圈子、发内容以及继续互动。

第三步: 然后看搭子、找 Homie、评分、演出和消息，理解“被内容吸引、决定去看、下单、继续聊”这一整段闭环。

第四步: 最后看“我的”，理解用户最终如何回看自己的身份、内容、门票资产和关系沉淀。

这一组回答的是: 新用户怎么进入、怎么完成资料、怎么告诉系统自己喜欢什么。

看用户第一次进入 App 时先看到什么，以及有广告和无广告两种开场状态怎么切换。

看用户怎么用手机号进入产品，以及验证码、绑定手机这些动作怎么收口。

看用户怎么把头像、昵称、年龄、性别这些最基本的身份补完整。

看用户怎么告诉系统自己偏好的圈子、艺人和内容方向。

这一组回答的是: 用户怎么逛社区、怎么进痞友圈、怎么发帖，以及怎么把内容互动继续下去。

建议优先看这一页，它已经把首页、圈子、发起、海报、筹备态和帖子链路放在同一张图里。

单独看推荐状态，适合放大理解社区首页的第二种浏览视角。

单独看热榜状态，适合补充说明用户为什么会被话题热度吸引停留。

单独看用户如何发布内容，适合补充说明发帖动作本身。

单独看用户进入帖子后，怎么继续看评论、继续回复、继续互动。

这一组回答的是: 用户怎么认识人、怎么先被内容吸引、怎么去看演出和下单、怎么继续聊天、最后这些关系和资产怎么沉淀回个人中心。

看用户怎么在在线、同城、推荐三种视角里找搭子，以及交流前为什么会先补资料。

看用户怎么把自己介绍清楚、怎么打招呼、怎么等待确认，以及关系怎么转进消息。

看用户怎么先从艺人、专辑、演出评分进入内容场，再决定是否继续深入。

看用户怎么挑场次、看详情、补实名、完成购票，再顺势回到同场搭子列表。

看刚认识的人怎么慢慢变成正式聊天对象，以及会面计划怎么在消息里继续维护。

看用户最后如何回看自己的身份、动态、关系、门票资产和设置管理。

建议重点看左列注释卡片。 每个模块页左侧都已经改成客户可读口径，可以直接拿来讲“用户为什么会这么走”。

当前重点是交互逻辑和页面承接关系。 这一轮主要确认用户路径是否顺、信息是否够解释清楚，不是最终视觉稿。

模块页是拆开的。 这样做是为了客户单独 review 一个模块时更容易聚焦，也方便后面继续改局部而不影响全局。