线框图

社区首页与痞友圈

这一页是在讲用户怎么从社区首页进入痞友圈、怎么发起自己的圈子、怎么发帖以及怎么继续追踪内容互动，目的是不用翻文档也能把整个社区交互讲明白。

怎么逛社区

用户先从首页进入社区，再在痞友圈、推荐、热榜三种看法之间切换。

这三页是同一个入口下的三种浏览状态，所以头部和底部导航保持一致；中间加号一直都在，代表随时可以发新帖子。

怎么进圈子

用户先看自己已经关注的圈子，也可以继续挑新的圈子，再决定要不要加入。

这一组页面讲的是“先管理已有关系，再挑新的兴趣圈，再看圈子详情做决定”，不是单独的静态信息页。

怎么发内容

用户既可以发一条普通帖子，也可以更进一步发起一个新的痞友圈。

所以这里把“发起圈子、生成海报、等待圈子进入筹备态、发帖、看帖子详情”连成一条完整动作链，客户可以直接按顺序讲给别人听。

管理动作

这里强调一个细节: 取消关注很轻，但删除自己创建的圈子是重动作，所以需要再确认一次，避免误删。

页面0101

痞友圈首页

9:41

马思唯派克特法老Jony J

马粉头子

刚刚更新

有人能讲讲马思唯为什么不去参加综艺节目吗？难道是怕输了？

赞 2评 12分享

热评

路人甲：也许是吧，人走国际化路线，不稀罕这些国内的综艺。

嘻哈情报局

10 分钟前

黑马王子这段 Verse 简直封神！风景绝美 MV，大家觉得这首能进今年前十吗？

赞 128评 45分享

点击底部 + 号

页面0102

帖子发布页

点击帖子卡片

页面0103

帖子详情页

9:41

马粉头子

有人能讲讲马思唯为什么不去参加综艺节目吗？

正文支持长文、话题标签和多媒体内容，这里用一张详情卡来承接主要阅读区。

分享评论 12点赞 2

广告位 A

一级评论

这里展示头像、昵称、评论内容和二级回复入口。

广告位 B

输入评论，支持语音 / 图片 / 表情

社区搭子评分演出消息我的

点击胶囊 + 号

页面0201

痞友圈管理页

删除自建圈子

页面0202

删除圈子验证码页

发现更多

页面0203

选择圈子页

点击圈子头像

页面0204

痞友圈属性页

点击发起圈子

页面0301

发起新痞友圈

生成预览

页面0302

分享海报页

开始助力传播

页面0303

发起新痞友圈筹备态页

页面0401

热榜页

9:41

请输入

火

热榜

1马思唯发布新专辑

2GAI 痛打 Bridge！！

3中国新说唱2024开播

热议

马粉头子

刚刚更新

# 中国新说唱2024

有人能讲讲马思唯为什么不去参加综艺节目吗？难道是怕输了？

赞 2评 12转 122

HOT 马思唯话题榜第1位

痞友圈首页

帖子发布页

发痞友圈

帖子详情页

有人能讲讲马思唯为什么不去参加综艺节目吗？

痞友圈管理页

痞友圈管理

删除圈子验证码页

选择圈子页

选择圈子

痞友圈属性页

马思唯

发起新痞友圈

发起新痞友圈

分享海报页

西南说唱局

发起新痞友圈筹备态页

痞友圈 Boosting

推荐页

热榜页

热榜

热议