作者：T.zh  来源：简书

以下我的Axure原型截图：

目录：

1.概述

1.1产品介绍

1.2需求整理

2.版本信息

2.1修订历史

2.2版本规划

3.产品逻辑

3.1产品信息图

3.2产品结构图

3.3部分业务流程图

4.产品设计

4.1全局说明

4.2部分功能需求说明

4.3部分交互设计

1. 概述

1.1 产品介绍

1.1.1 文档属性

1.1.2 产品综述

1.2 需求整理

1.2.1用户画像

1.2.2 需求汇总

2. 版本信息

2.1 修订历史

数据来自：ASO100

2.2 版本规划

在现阶段将需求转化功能和对产品的完善后，我们还需对下一阶段的产品进行规划。

3. 产品逻辑

3.1 产品信息图

即刻这个产品的信息很复杂，我就以四个主要页面进行罗列，下面的结构图也是如此。

相信很多小白和我一样，会分不清产品信息结构图和产品功能图的区别，以下有段话供大家理解：

产品结构图：通常是指产品功能结构图，就是说这个产品的所有功能模块结构图。比如微信分四个大模块：消息、通讯录、发现、我的，依次每个模块里面还有对应的功能。

信息结构图：指脱离实际页面，将产品所有的数据抽象出来，组合分类的图表。比如：微信的用户资料包括：昵称、头像、微信号、二维码、地址、性别等。再比如：微信在朋友圈中，发布信息包括：文字、图片或小视频、时间等。

对这段话我的理解就是：产品结构图就是把产品的功能模块罗列出来，这个页面有什么功能？这个功能的跳转是什么？都要尽可能列出来。而产品信息结构图就是你这个页面给用户所呈现的是什么。

举个例子：

微信朋友圈的信息包括：朋友圈这个标题，好友的头像，昵称，发布的内容列表，评论内容等。

微信朋友圈的功能包括：发布朋友圈的方式（图文还是纯文本），点赞，评论等。

3.2 产品结构图

3.3 部分业务流程图

3.3.1 注册与登录流程图

4. 产品设计

4.1 全局说明

4.1.1 角色说明

4.1.2 常用部分交互说明

（1）打断后重新打开app

（2）点击空白区域或无网络情况

（3）页面内交互

（4）页面间交互

Android

切换方式：进入页面，向左平推

触发方式：点击切换页面，左滑切换下一页，右滑上一页

4.2 部分功能需求说明

4.2.1 注册界面

用户场景：用户第一次使用即刻app

功能描述：输入手机号、获取验证码、第三方登录入口、切换到登录界面

优先级：高

输入/前置条件：打开App选择【我的】——选择【点击登陆账号】

页面逻辑：

1. 选择【+86】可切换其他国家地区的手机号码

2. 输入合法的手机号码后才能点击【获取验证码】

3. 点击【登录】可切换登录界面

4. 可选择第三方平台进行注册登录

4.2.2 登录界面

用户场景：用户打开App进行用户登录

功能描述：输入手机号、获取验证码、使用密码登录、第三方登录入口、切换到注册界面

优先级：高

输入/前置条件：打开App选择【我的】——选择【点击登录账号】

页面逻辑：

1. 选择【+86】可切换其他国家地区的手机号码

2. 输入合法的手机号码后才能点击【获取验证码】

3. 点击【使用密码登录】可切换到手机号密码登录界面

4. 可选择第三方平台进行注册登录

5. 若曾经以用户名的方式注册过即刻账号，可选择【即刻账号】登录，切换到用户名登录界面

4.2.3 关注界面

用户场景：用户打开App想看ta关注的主题的发布的内容

功能描述：消息、动态、搜索、最近热门、最近热门推荐内容、关注的主题内容列表、推荐、关注、发现、我的

优先级：高

输入/前置条件：打开App在底部选择【关注】

页面逻辑：

1. 下拉刷新，上拉内容加载

2. 在WiFi下，自动播放gif动画和视频

3. 点击页面上的功能，跳转到相应的功能界面

4.2.4 搜索界面

用户场景：用户想在即刻中搜索ta喜欢的主题或内容

功能描述：搜索输入、综合、主题、消息、用户、推荐词、输入键盘、搜索历史、清除

优先级：高

输入/前置条件：用户在关注页面点击搜索图标或者在发现页面点击顶部

页面逻辑：

1. 底部自动弹出键盘

2. 在搜索输入框输入内容后自动搜索

3. 为用户在综合界面推荐热搜词

4. 用户在输入关键字和点击热搜词后，会相应变为搜索历史，点击清除键可以清除搜索历史

4.3 部分交互设计

4.3.1 注册登录界面交互演示

交互说明：

• 点击【登录】，黑线右移，显示使用密码登录，微信微博QQ左移，显示即刻账号

• 点击【注册】，黑线左移，隐藏使用密码登录，微信微博QQ右移，隐藏即刻账号

4.3.2 关注进入搜索界面演示

交互说明：

• 点击【搜索图标】，右划进入搜索界面

• 点击【清除图标】，隐藏清除图标，清除历史，旅游，绝地求生

• 点击【空白区】，下拉隐藏键盘

• 点击【搜索】，上拉显示键盘

• 点击【返回按钮】，左划返回关注界面

此外把此篇文章转发到朋友圈或者产品/运营微信群的小伙伴可凭截图找微信：chanpin628 领取《电商产品经理》电子书一份。

此外我们的官方网站也上线了，每日分享高质量的文章、原型素材和行业报告，小伙伴可自行前往索取，支持搜索，需要的小伙伴可点击底部的阅读原文直接查看，或者复制网址：www.dadaghp.com 打开。

更多干货可关注微信公众号：产品刘

想学习更多关于产品、职场、心理、认知等干货，可长按右边二维码，关注我们。

··················END··················

RECOMMEND

推荐阅读

B端产品经理需要着重锻炼自己这些能力

懂技术对产品有哪些帮助？

线下实战2.0

淘汰率最高的腾讯产品面试题

产品经理如何做好信息架构

点击“阅读原文”

查看更多干货