本篇文章從業(yè)務(wù)流程及交互邏輯這兩個方面入手，對一款生活類手機(jī)軟件——淘票票進(jìn)行了分析。

寫在前面的話：筆者作為一個有意向進(jìn)入產(chǎn)品崗位的菜鳥，希望通過倒推產(chǎn)品需求文檔的方式，鍛煉自己的邏輯思維能力、文檔撰寫能力以及軟件操作能力，多有不足之處，歡迎各位前輩批評指正。

一、文檔綜述

1.1 產(chǎn)品介紹

淘票票是由中國淘寶軟件有限公司開發(fā)的一款生活類手機(jī)軟件，提供豐富的正在熱映和即將上映的電影資訊信息，包括預(yù)告片、高清海報與劇照、劇情介紹，以及網(wǎng)友評論等。

淘票票業(yè)務(wù)于2014年底上線，目前已成為內(nèi)地最主要的電影線上售票平臺之一，提供全國超過5000家影院線上選座購票服務(wù)，覆蓋影院票房約占全國總票房95%。

1.2 文檔屬性

1.3 需求整理

二、產(chǎn)品結(jié)構(gòu)

2.1 產(chǎn)品功能結(jié)構(gòu)圖

2.2 產(chǎn)品信息結(jié)構(gòu)圖

三、全局說明

3.1 功能權(quán)限

分為登錄和未登錄狀態(tài)：

（1）登錄狀態(tài)：可進(jìn)行APP內(nèi)所有操作。

（2）未登錄狀態(tài)：可正常瀏覽APP內(nèi)所有內(nèi)容，但無法購票，APP內(nèi)購物功能也? ? ? ? ? 無法使用，無法發(fā)起討論、點(diǎn)贊、評論、加關(guān)注等。

3.2 頁面內(nèi)交互

（1）頂部彈窗和底部彈窗：

（2）toast彈窗和dialog彈窗

3.3 鍵盤說明

（1）點(diǎn)擊手機(jī)號、校驗碼輸入框時頁面底部彈出數(shù)字鍵盤；

（2）點(diǎn)擊其他輸入框時頁面底部彈出字母全鍵盤。

3.4 頁面異常

3.5 頁面間交互方式

四、部分業(yè)務(wù)邏輯

4.1 登錄注冊業(yè)務(wù)邏輯

4.2 電影購票業(yè)務(wù)邏輯

五、部分功能說明

5.1 登錄頁面

使用場景：

• 用戶第一次使用淘票票APP；
• 未登錄用戶執(zhí)行如購票、評論、點(diǎn)贊、加關(guān)注等需要賬戶信息的操作；
• 退出登錄/重新登錄。

頁面邏輯：

• 點(diǎn)擊手機(jī)淘寶登錄或支付寶登錄，跳轉(zhuǎn)到手機(jī)淘寶或支付寶授權(quán)登錄；
• 點(diǎn)擊賬戶/密碼登錄，輸入賬戶和密碼進(jìn)行登錄；
• 忘記密碼時，可點(diǎn)擊“忘記密碼”跳轉(zhuǎn)到找回密碼頁面，按照提示進(jìn)行密碼重置。

交互需求：

• 點(diǎn)擊賬戶、驗證碼輸入框時，數(shù)字鍵盤從底部彈出；點(diǎn)擊其他輸入框時，字母全鍵盤從底部彈出，輸入密碼時可點(diǎn)擊右側(cè)圖標(biāo)設(shè)置是否顯示密碼；
• 獲取驗證碼后，按鈕內(nèi)容變?yōu)椤?0s”并降低灰度開始60秒倒數(shù)，60秒后按鈕內(nèi)容變?yōu)椤包c(diǎn)擊重新獲取”，恢復(fù)原來的灰度；
• 忘記密碼時，可點(diǎn)擊“忘記密碼”跳轉(zhuǎn)到找回密碼頁面，輸入登錄名后滑動滑塊驗證獲取驗證碼，輸入驗證碼后點(diǎn)擊下一步進(jìn)行密碼重置。

5.2 首頁界面

首頁主要包括定位、日簽、搜索、banner，以及熱映影片、即將上映影片和精選推薦等。

交互需求：

• 下拉頁面時隱藏導(dǎo)航欄，釋放時顯示導(dǎo)航欄并刷新推薦內(nèi)容，連續(xù)下拉可進(jìn)入日簽頁面；
• 上滑超過導(dǎo)航欄高度時，切換導(dǎo)航欄顯示狀態(tài)，只包含定位城市以及搜索框，并固定在頁面頂端；下滑回初始位置時導(dǎo)航欄切換回初始狀態(tài)；
• 定位：點(diǎn)擊左上角城市進(jìn)入選擇城市頁面，包含搜索框、當(dāng)前定位城市、熱門城市以及主要城市列表，可在搜索框輸入城市名稱或拼音進(jìn)行搜索，點(diǎn)擊關(guān)閉按鈕返回首頁；
• 日簽：點(diǎn)擊日簽icon進(jìn)入日簽頁面，點(diǎn)擊關(guān)閉返回首頁；
• 搜索：點(diǎn)擊搜索icon進(jìn)入搜索頁面，輸入搜索內(nèi)容后顯示搜索結(jié)果，點(diǎn)擊取消返回首頁；
• Banner：自動循環(huán)切換，也可左右滑動查看，點(diǎn)擊進(jìn)入詳情頁；
• 熱映影片：左右滑動可查看更多影片，點(diǎn)擊海報進(jìn)入電影詳情頁，點(diǎn)擊購票按鈕進(jìn)入購票頁面，點(diǎn)擊全部跳轉(zhuǎn)到熱映影片頁面；
• 即將上映：左右滑動可查看更多影片，點(diǎn)擊海報進(jìn)入電影詳情頁，點(diǎn)擊全部跳轉(zhuǎn)到即將上映頁面；
• 精選推薦：點(diǎn)擊換一換可替換當(dāng)前推薦內(nèi)容，點(diǎn)擊內(nèi)容進(jìn)入詳情頁。

5.3 購票界面

頁面邏輯：

• 點(diǎn)擊定位icon進(jìn)入影片地圖頁面；
• 點(diǎn)擊搜索icon進(jìn)入影院搜索頁面；
• 點(diǎn)擊日期切換到相應(yīng)標(biāo)簽內(nèi)容區(qū)；
• 點(diǎn)擊全稱、品牌、時段等可篩選影院；
• 影院列表優(yōu)先顯示收藏影院，點(diǎn)擊影院進(jìn)入影院詳情頁，選擇影片及觀影時間后點(diǎn)擊購票進(jìn)入選座頁面，選座完成后點(diǎn)擊確認(rèn)選座進(jìn)入支付頁面。

交互需求：

影院選擇頁面：

• 屏幕底部顯示當(dāng)前位置信息，點(diǎn)擊可刷新定位，滑動頁面時隱藏位置，滑動結(jié)束時顯示位置；
• 在影院列表區(qū)上下滑動可查看更多影院；
• 點(diǎn)擊影院熱區(qū)進(jìn)入影院詳情頁。

影院詳情頁：

• 在影片海報展示區(qū)可點(diǎn)擊海報或左右滑動選擇影片，被選的影片海報放大且居中顯示；
• 點(diǎn)擊日期標(biāo)簽切換到對應(yīng)日期；
• 上下滑動可查看放映場次；
• 點(diǎn)擊購票按鈕進(jìn)入選座頁面。

選座頁面：

• 點(diǎn)擊推薦座位或空余座位后，頁面底部顯示座位詳情及票價；
• 點(diǎn)擊確認(rèn)選座按鈕后進(jìn)入付款頁面。

付款頁面：

• 點(diǎn)擊右下角應(yīng)付金額底部彈出結(jié)算明細(xì)窗口；
• 點(diǎn)擊立即付款底部彈出確認(rèn)付款窗口，付款后完成購票。

六、總結(jié)

整個淘票票APP的功能及信息架構(gòu)十分龐大，且操作界面眾多交互動作復(fù)雜，筆者作為一個菜鳥，此次僅根據(jù)現(xiàn)有淘票票APP進(jìn)行文檔倒推，只對部分業(yè)務(wù)流程及交互邏輯進(jìn)行簡要分析。也許這還稱不上產(chǎn)品需求文檔，只是自己的一點(diǎn)點(diǎn)見解，管中窺豹而已，多有不足之處，還望前輩們批評指正。

本文參考@小白菜——《用Axure寫PRD：倒推網(wǎng)易云音樂APP產(chǎn)品需求文檔》，在此表示感謝！

本文由 @林中散步 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash ，基于 CC0 協(xié)議