交互预览入口 2026-03-17 Wireframe 基线

Hiphop 产品交互预览

建议按“进入产品、开始浏览、建立关系、沉淀到个人中心”这条顺序往下看。每个模块页左侧都已经写成顺着页面就能讲清楚的注释卡片。

建议浏览顺序

如果第一次看,按这四步讲最顺,不需要在页面之间来回跳。

01

先进入

看开屏、登录、资料完善和兴趣选择,理解新用户怎么被接进系统。

02

再逛内容

看社区主链路,理解用户怎么逛首页、进圈子、发帖、看详情和继续互动。

03

形成关系

看搭子、Find Homie、评分和演出,理解内容如何转成同行、购票和建联。

04

回到长期入口

看消息和我的,理解关系、门票和个人身份最后怎么沉淀下来。

模块入口

模块之间通过箭头和动作说明连接,不是单纯的一组文件列表。

完成基础身份后,开始告诉系统你喜欢什么,并正式进入登录后内容流
从内容浏览进入建联,再把关系导向更明确的互动,过程中会经过资料补全和次数限制
确认关系与完成交易后,默认沉淀到长期沟通和个人资产入口,并由全局弹层、空状态、反馈入口统一收口

讲解提醒

这几条是当前最适合理解这套稿子的观看方式。

先看左侧注释卡片

每个模块页左侧都已经改成顺着页面就能讲清楚的口径。

重点是交互承接

当前主要确认用户路径是否顺、页面之间承接是否合理,不是最终视觉稿。

模块可单独讨论

每个模块拆开是为了方便单独 review,但首页这里仍然保留整条关系流。

留意权限门槛

首页已经标出游客可见、登录后和实名门槛,避免后续开发漏掉拦截逻辑。

留意全局状态

评论弹层、分享面板、空状态、反馈入口这类全局组件,不再散落理解,而是默认贯穿所有模块。

更新应能回跳页面

后续如果继续维护更新日志,建议直接带页面锚点,减少“改动到底在哪页”的沟通成本。