本篇文章从业务流程及交互逻辑这两个方面入手,对一款生活类手机软件——淘票票进行了分析。 写在前面的话:笔者作为一个有意向进入产品岗位的菜鸟,希望通过倒推产品需求文档的方式,锻炼自己的逻辑思维能力、文档撰写能力以及软件操作能力,多有不足之处,欢迎各位前辈批评指正。 一、文档综述 1.1 产品介绍 淘票票是由中国淘宝软件有限公司开发的一款生活类手机软件,提供丰富的正在热映和即将上映的电影资讯信息,包括预告片、高清海报与剧照、剧情介绍,以及网友评论等。 淘票票业务于2014年底上线,目前已成为内地最主要的电影线上售票平台之一,提供全国超过5000家影院线上选座购票服务,覆盖影院票房约占全国总票房95%。 1.2 文档属性 1.3 需求整理 二、产品结构 2.1 产品功能结构图 2.2 产品信息结构图 三、全局说明 3.1 功能权限 分为登录和未登录状态: (1)登录状态:可进行APP内所有操作。 (2)未登录状态:可正常浏览APP内所有内容,但无法购票,APP内购物功能也 无法使用,无法发起讨论、点赞、评论、加关注等。 3.2 页面内交互 (1)顶部弹窗和底部弹窗: (2)toast弹窗和dialog弹窗 3.3 键盘说明 (1)点击手机号、校验码输入框时页面底部弹出数字键盘; (2)点击其他输入框时页面底部弹出字母全键盘。 3.4 页面异常 3.5 页面间交互方式 四、部分业务逻辑 4.1 登录注册业务逻辑 4.2 电影购票业务逻辑 五、部分功能说明 5.1 登录页面 使用场景: 用户第一次使用淘票票APP; 未登录用户执行如购票、评论、点赞、加关注等需要账户信息的操作; 退出登录/重新登录。 页面逻辑: 点击手机淘宝登录或支付宝登录,跳转到手机淘宝或支付宝授权登录; 点击账户/密码登录,输入账户和密码进行登录; 忘记密码时,可点击"忘记密码"跳转到找回密码页面,按照提示进行密码重置。 交互需求: 点击账户、验证码输入框时,数字键盘从底部弹出;点击其他输入框时,字母全键盘从底部弹出,输入密码时可点击右侧图标设置是否显示密码; 获取验证码后,按钮内容变为"60s"并降低灰度开始60秒倒数,60秒后按钮内容变为"点击重新获取",恢复原来的灰度; 忘记密码时,可点击"忘记密码"跳转到找回密码页面,输入登录名后滑动滑块验证获取验证码,输入验证码后点击下一步进行密码重置。 5.2 首页界面 首页主要包括定位、日签、搜索、banner,以及热映影片、即将上映影片和精选推荐等。 交互需求: 下拉页面时隐藏导航栏,释放时显示导航栏并刷新推荐内容,连续下拉可进入日签页面; 上滑超过导航栏高度时,切换导航栏显示状态,只包含定位城市以及搜索框,并固定在页面顶端;下滑回初始位置时导航栏切换回初始状态; 定位:点击左上角城市进入选择城市页面,包含搜索框、当前定位城市、热门城市以及主要城市列表,可在搜索框输入城市名称或拼音进行搜索,点击关闭按钮返回首页; 日签:点击日签icon进入日签页面,点击关闭返回首页; 搜索:点击搜索icon进入搜索页面,输入搜索内容后显示搜索结果,点击取消返回首页; Banner:自动循环切换,也可左右滑动查看,点击进入详情页; 热映影片:左右滑动可查看更多影片,点击海报进入电影详情页,点击购票按钮进入购票页面,点击全部跳转到热映影片页面; 即将上映:左右滑动可查看更多影片,点击海报进入电影详情页,点击全部跳转到即将上映页面; 精选推荐:点击换一换可替换当前推荐内容,点击内容进入详情页。 5.3 购票界面 页面逻辑: 点击定位icon进入影片地图页面; 点击搜索icon进入影院搜索页面; 点击日期切换到相应标签内容区; 点击全称、品牌、时段等可筛选影院; 影院列表优先显示收藏影院,点击影院进入影院详情页,选择影片及观影时间后点击购票进入选座页面,选座完成后点击确认选座进入支付页面。 交互需求: 影院选择页面: 屏幕底部显示当前位置信息,点击可刷新定位,滑动页面时隐藏位置,滑动结束时显示位置; 在影院列表区上下滑动可查看更多影院; 点击影院热区进入影院详情页。 影院详情页: 在影片海报展示区可点击海报或左右滑动选择影片,被选的影片海报放大且居中显示; 点击日期标签切换到对应日期; 上下滑动可查看放映场次; 点击购票按钮进入选座页面。 选座页面: 点击推荐座位或空余座位后,页面底部显示座位详情及票价; 点击确认选座按钮后进入付款页面。 付款页面: 点击右下角应付金额底部弹出结算明细窗口; 点击立即付款底部弹出确认付款窗口,付款后完成购票。 六、总结 整个淘票票APP的功能及信息架构十分庞大,且操作界面众多交互动作复杂,笔者作为一个菜鸟,此次仅根据现有淘票票APP进行文档倒推,只对部分业务流程及交互逻辑进行简要分析。也许这还称不上产品需求文档,只是自己的一点点见解,管中窥豹而已,多有不足之处,还望前辈们批评指正。 本文参考@小白菜——《用Axure写PRD:倒推网易云音乐APP产品需求文档》,在此表示感谢!