目錄

一、引言

1.0文檔屬性

1.1產(chǎn)品綜述

1.2產(chǎn)品使用規(guī)則

1.3名詞術(shù)語表

二、全局功能說明

2.0常用交互

2.1頁面間交互

三、產(chǎn)品說明

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

3.1產(chǎn)品結(jié)構(gòu)圖

3.2產(chǎn)品流程圖

3.3產(chǎn)品線框圖

四、產(chǎn)品詳細(xì)功能說明

4.0歡迎頁 & 引導(dǎo)頁

4.1登錄 & 注冊

4.2 忘記密碼 & 修改密碼

4.3 操作臺 & 鏈接管理

4.4 設(shè)置&反饋頁面

4.5 購買 &分享

一、引言

1.0 文檔屬性

1.1 產(chǎn)品綜述

1.2 產(chǎn)品使用規(guī)則

1.3 名詞術(shù)語表

二、全局功能說明

2.0 常用交互

2.0.1 打斷后重新打開App

2.0.2 App關(guān)于字體

2.0.3 點(diǎn)擊空白區(qū)域或無網(wǎng)絡(luò)情況

2.0.4 頁面內(nèi)交互

說明：

1. 選擇類提示框均用系統(tǒng)自帶的提示框，操作按鈕“確定”在右，“取消”在左。
2. Toast、Alert控件顯示效果：淡入淡出

2.0.5 鍵盤類型說明

1. 點(diǎn)擊（密碼、郵箱、驗證碼）輸入框時，彈出字母鍵盤
2. 點(diǎn)擊（手機(jī)號）輸入框時，彈出數(shù)字鍵盤。

2.1 頁面間交互

三、產(chǎn)品說明

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

3.1 產(chǎn)品結(jié)構(gòu)圖

3.2 產(chǎn)品流程圖

3.2.1 第一次進(jìn)入我是紅人App

3.2.2 關(guān)于操作臺

3.3 產(chǎn)品線框圖

四、產(chǎn)品詳細(xì)功能說明

4.0 歡迎頁 & 引導(dǎo)頁

頁面名稱：歡迎頁

入口：進(jìn)入App

邏輯：有廣告和無廣告。頁面都停3秒。然后自動進(jìn)入引導(dǎo)頁或者登錄頁面或者操作臺。如果第一次進(jìn)入，則進(jìn)入引導(dǎo)頁。如果第二次進(jìn)入并且沒有登錄過，則進(jìn)入登錄頁面。如果第二次進(jìn)入并且登錄過，則進(jìn)入操作臺頁面。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

頁面名稱：引導(dǎo)頁

入口：歡迎頁

邏輯：

1. 從歡迎頁自動跳轉(zhuǎn)過來。
2. 向左滑動或點(diǎn)擊“進(jìn)入App”按鈕，跳轉(zhuǎn)至登錄頁面。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

4.1 登錄 & 注冊?

頁面名稱：登錄頁面

入口：歡迎頁自動跳轉(zhuǎn)過來

邏輯：當(dāng)文本框沒有字符的時候，登錄按鈕不可點(diǎn)擊，灰色狀態(tài)，當(dāng)帳號和密碼輸入后，按鈕亮起，可以點(diǎn)擊登錄成功后，進(jìn)入操作臺，否則Toast提示“帳號或密碼錯誤”

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

頁面名稱：用戶注冊頁面

入口：點(diǎn)擊登錄頁面的注冊按鈕

邏輯：

1. 鍵盤類型說明：點(diǎn)擊（密碼、郵箱、驗證碼）輸入框時，彈出字母鍵盤；點(diǎn)擊（手機(jī)號）輸入框時，彈出數(shù)字鍵盤。
2. 按鈕說明：如果手機(jī)號輸入框有字符，則發(fā)送驗證碼按鈕點(diǎn)亮，可點(diǎn)擊。否則按鈕變灰，不可點(diǎn)擊。如果所有輸入框有字符，則注冊按鈕點(diǎn)亮可點(diǎn)擊，否則變灰，不可點(diǎn)擊。
3. 如果點(diǎn)擊發(fā)送驗證碼后，按鈕文本信息倒計時 60秒開始，不可點(diǎn)擊。
4. 如果倒計時到第0秒，按鈕文本信息改變“再次發(fā)送”，可點(diǎn)擊。
5. 注冊成功，跳轉(zhuǎn)至操作臺頁面。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

4.2 忘記密碼 & 修改密碼

頁面名稱：忘記密碼頁面

入口：點(diǎn)擊登錄頁面的“忘記密碼”按鈕

邏輯：

1. 點(diǎn)擊“手機(jī)號找回密碼”按鈕，進(jìn)入“手機(jī)號找回密碼－忘記密碼頁面”
2. 點(diǎn)擊“郵箱找回密碼”按鈕，進(jìn)入“郵箱找回密碼－忘記密碼頁面”

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

頁面名稱：手機(jī)號找回密碼－忘記密碼頁面

邏輯：

1. ?點(diǎn)擊手機(jī)號輸入框時，彈出數(shù)字鍵盤。點(diǎn)擊驗證碼輸入框，彈出字母鍵盤。
2. 按鈕說明：如果手機(jī)號輸入框有字符，則發(fā)送驗證碼按鈕點(diǎn)亮，可點(diǎn)擊。否則按鈕變灰，不可點(diǎn)擊。如果所有輸入框有字符，則注冊按鈕點(diǎn)亮可點(diǎn)擊，否則變灰，不可點(diǎn)擊。
3. 如果點(diǎn)擊發(fā)送驗證碼后，按鈕文本信息倒計時 60秒開始，不可點(diǎn)擊。
4. 如果倒計時到第0秒，按鈕文本信息改變“再次發(fā)送”，可點(diǎn)擊。
5. 驗證成功后，跳轉(zhuǎn)至操作臺頁面（2分鐘內(nèi)將原密碼發(fā)送至用戶手機(jī)信息）。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

頁面名稱：郵箱找回密碼－忘記密碼頁面

邏輯：用戶輸入郵箱后，點(diǎn)擊確定，驗證郵箱是否正確。

1. 不正確：彈出Toast，提示“請檢查您的郵箱是否正確”。
2. 正確：跳轉(zhuǎn)至登錄頁面（2分鐘內(nèi)將原密碼發(fā)送至用戶郵箱）。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

頁面名稱：修改密碼頁面

入口：

1. 點(diǎn)擊設(shè)置頁面的“修改密碼”按鈕。

邏輯：

1. 當(dāng)文本框沒有字符的時候，按鈕不可點(diǎn)擊，灰色狀態(tài)。
2. 當(dāng)所有輸入框有字符后，按鈕亮起，可以點(diǎn)擊。
3. 舊密碼輸入錯誤，提示彈框“舊密碼有誤”。
4. 修改成功后，進(jìn)入操作臺

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

4.3 操作臺 & 鏈接管理

頁面名稱：操作臺頁面

入口：登錄進(jìn)入，或者歡迎頁進(jìn)入(之前登錄過)

邏輯：

1. 點(diǎn)擊“啟動”，如果之前未添加鏈接，則直接彈出添加窗口。否則執(zhí)行鏈接 ，并且“啟動”文本更改為“暫?！?。
2. 點(diǎn)擊“暫?！敝?，并暫停執(zhí)行，文本更改為“啟動”
3. 點(diǎn)擊“點(diǎn)擊添加鏈接”按鈕之后，彈出提示框，如上圖，POST選項默認(rèn)選中。POST與GET不能同時選中，不能一個都不選。
4. 美拍用戶ID輸入框、鏈接地址輸入框必填，參數(shù)輸入框選填。
5. 在有鏈接的情況下，當(dāng)用戶點(diǎn)擊“啟動按鈕”，視頻的播放量、轉(zhuǎn)發(fā)量、用戶的粉絲量、視頻點(diǎn)贊等都是按照美拍上熱門的算法匹配遞增。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

4.4 設(shè)置&反饋

頁面名稱：設(shè)置頁面

入口：點(diǎn)擊操作臺頁面的“設(shè)置”按鈕

邏輯：

1. 點(diǎn)擊“查看數(shù)據(jù)庫”按鈕，彈出提示框如上圖，內(nèi)容為“所有添加過的鏈接集合”。
2. 點(diǎn)擊“分享”按鈕，向上滑動菜單，下面會提到。
3. 點(diǎn)擊“購買”按鈕，向上滑動菜單，下面會提到。
4. 點(diǎn)擊“會員剩余天數(shù)”按鈕，彈出提示框如上圖。以“還剩n天”的形式呈現(xiàn)。
5. 點(diǎn)擊“反饋”按鈕，進(jìn)入反饋頁面。
6. 點(diǎn)擊“修改密碼”按鈕，進(jìn)入修改密碼頁面。
7. 點(diǎn)擊“查看版本”按鈕，彈出提示框如上圖。如果有新版本，則提示新版本的更新內(nèi)容；如果沒有新版本，則提示版本號即可，如內(nèi)容“產(chǎn)品版本：1.0.0”。
8. 點(diǎn)擊標(biāo)題返回圖標(biāo)，返回到操作臺頁面。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

頁面名稱：反饋頁面

入口：點(diǎn)擊設(shè)置頁面的“反饋”按鈕進(jìn)入。

邏輯：

1. 聯(lián)系方式的輸入框選填，反饋內(nèi)容必填。
2. 點(diǎn)擊提交按鈕，反饋內(nèi)容輸入框字符小于0時，Toast提示“親忘記了寫反饋內(nèi)容”。
3. 反饋成功后，Toast提示“感謝您的反饋”。
4. 字?jǐn)?shù)限制：最少字?jǐn)?shù)無限制，最高不高于500漢字，包括500漢字。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

4.5 購買 &分享

功能名稱：支付功能

入口：點(diǎn)擊設(shè)置頁面的“購買”按鈕

邏輯：

1. 當(dāng)點(diǎn)擊設(shè)置頁面的“購買”按鈕，從底部滑出彈框，點(diǎn)擊圖標(biāo)跳入該圖標(biāo)的第三方界面。
2. 支付成功跳轉(zhuǎn)回“設(shè)置”頁面，提示“恭喜您，成為紅人會員”。
3. 支付取消跳轉(zhuǎn)回“設(shè)置”頁面，無提示。
4. 支付失敗跳轉(zhuǎn)回“設(shè)置”頁面，提示“很遺憾，未能購買成功”。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

功能名稱：分享功能

入口：點(diǎn)擊設(shè)置頁面的“分享”按鈕

邏輯：

1. 當(dāng)點(diǎn)擊設(shè)置頁面的“分享”按鈕，從底部滑出彈框，點(diǎn)擊圖標(biāo)跳入該圖標(biāo)的第三頁面。
2. 分享成功跳轉(zhuǎn)回“設(shè)置”頁面，提示“分享成功”。
3. 分享取消跳轉(zhuǎn)回“設(shè)置”頁面，無提示。
4. 分享失敗跳轉(zhuǎn)回“設(shè)置”頁面，提示“很遺憾，分享失敗”。

頁面樣式：按照設(shè)計標(biāo)注開發(fā)。

一個小型工具類App，但是感覺還是有很多需要完善的地方。希望哥哥姐姐們能提出批評、和建議，謝謝啦

作者：Bass，微信號：zouwei1228

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