1、【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.產(chǎn)品經(jīng)理用戶界面和用戶體驗(yàn)需求文檔 V1.0.2【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.博易創(chuàng)為閱讀博易創(chuàng)為閱讀 APPAPP用戶體驗(yàn)和用戶界面（UI 和 UE）需求文檔編 寫 人： 王學(xué)昱 編寫時(shí)間：2014-12-16版本編號(hào)版本編號(hào)文件編號(hào)000003作者王學(xué)昱文檔版本V1.0.2最后修訂日期2014-12-16修訂控制表修訂控制表【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.目錄目錄1. 概述31.1. UI 部分術(shù)語解釋.41.2. UE 部分術(shù)語解釋.41.3. UI 和 UE

2、 規(guī)劃.42. 使用者需求 42.1. 需求描述.43.和需求詳情43.1. 需求細(xì)節(jié)說明 .5編號(hào)文檔版本修訂章節(jié)修訂原因修訂日期修訂人1 1V1.0.0所有需求不明2014-12-07王學(xué)昱2 2V1.0.1部分需求補(bǔ)充2014-12-11王學(xué)昱3 3V1.0.2部分UEUI 需求 2014-12-16王學(xué)昱4 45 56 67 78 8【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.4. 非功能需求 344.1. 產(chǎn)品相關(guān)說明需求.344.2. 產(chǎn)品溫馨提示說明需求.345. 上下線需求 355.1. 上線時(shí)限需求.351. 1.概述概述1.1.1.1.UIUI（user

3、user interfaceinterface）部分名詞解釋）部分名詞解釋名稱名稱說明說明可用性最簡單的 UE 原則，只保證能用UI 易用性便于不同的人在不同的環(huán)境以不同性能的設(shè)備使用 UI 一致性部件色彩功能保持一致UI 需求性滿足用戶想法，期望，特點(diǎn)UI 簡潔性界面簡潔大方UI 共鳴型設(shè)計(jì)的功能或整體可以引起用戶共鳴UI 有序性功能之間有序井然UI 可逆性操作邏輯之間可逆UI 靈活性可以不通過鼠標(biāo)鍵盤對(duì)功能進(jìn)行操作UI 習(xí)慣性滿足大多數(shù)人的視覺，瀏覽習(xí)慣UI 創(chuàng)新性保持 UI 微創(chuàng)新【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.1.2.1.2.UEUE（useruser

4、experienceexperience）部分名詞解釋）部分名詞解釋UI 適量性內(nèi)容的信息量要保持在一定范圍內(nèi)UI 平衡性各個(gè)頁面之間的內(nèi)容信息設(shè)計(jì)不可以偏頗UI 適當(dāng)性積極愉快正當(dāng)?shù)脑O(shè)計(jì)UI 特色性不同 app 的特色不同名稱名稱說明說明UE 清晰性保證字體清晰內(nèi)容和功能清晰UE 整潔性整體布局干凈利落，協(xié)調(diào) UE 預(yù)期性用戶對(duì)于接下來的頁面信息有心理預(yù)判并且一致UE 主題性每一個(gè)頁面有一個(gè)核心主題，整個(gè) app 有一個(gè)主題UE 界面過渡性頁面前后有一定的銜接UE 匹配性外觀樣式，圖形大小要匹配所賦予他的功能UE 一致性每個(gè)頁面不同部件顏色，樣式要一致UE 層次性相同部件，同一頁面不同部件要

5、有層次增減關(guān)系UE 相關(guān)性部件之間要有某種相關(guān)性，減輕用戶認(rèn)知負(fù)荷UE 幫助的存在性可以存在也可以去掉UE 無形性優(yōu)秀即無形UE 多元性系統(tǒng)根據(jù)自定義或某種規(guī)則將書籍排列UE 價(jià)值性產(chǎn)品包含使用價(jià)值，視覺審美價(jià)值，交換價(jià)值UE 主次性功能要分主次【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.1.3.1.3.產(chǎn)品概述及目標(biāo)產(chǎn)品概述及目標(biāo)這是一款類似于搜狗，但是又具有自己特點(diǎn)的第一版閱讀APP，在模仿搜狗的基礎(chǔ)上進(jìn)行一定程度的改進(jìn)，需要滿足功能較為齊全，內(nèi)容信息量較大，用戶界面和用戶體驗(yàn)需要達(dá)到一個(gè)較高水平的 APP。1.4.1.4.UEUE 和和 UIUI 規(guī)劃規(guī)劃UE 當(dāng)下性

6、可以解決目前部件支持的問題UE 創(chuàng)新性AppUE 保持創(chuàng)新性UE 需求性可以解決用戶的心里需求UE 好奇性能夠解決需求并引起作者好奇的交互就是好的UE 誘導(dǎo)性通過界面設(shè)計(jì)和體驗(yàn)層層誘導(dǎo)用戶完成支付產(chǎn)品發(fā)展階段產(chǎn)品發(fā)展階段階段描述階段描述時(shí)間時(shí)間V1.0.0用戶可以通過該 APP 完成基本的閱讀，購買，搜索以及設(shè)置等操作并有較高體驗(yàn)，用戶粘度較高。V2.0.0用戶除了可以通過該 APP 完成基本的閱讀，購買，搜索以及設(shè)置等操作外，還可以與作者和網(wǎng)友進(jìn)行社區(qū)互動(dòng)，以及增加自己的書單。，【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.2. 2.使用者需求使用者需求. . .需求描述需

7、求描述性能會(huì)比較好，無論功能還是視覺的體驗(yàn)都帶給用戶全新感覺。書籍的數(shù)量和質(zhì)量以及更新速度也都有了明顯的提高。目標(biāo)客戶目標(biāo)客戶需求描述需求描述場景描述場景描述優(yōu)先級(jí)優(yōu)先級(jí)全國范圍內(nèi)初中以上的學(xué)生和社會(huì)中產(chǎn)階級(jí)（包括） ，年齡在 1434 歲之間，性別不限，目標(biāo)區(qū)域在中東部，西部少數(shù)省份城市。用戶希望花最少的金額（最好免費(fèi)）可以看到優(yōu)秀的，有名的，連載和更新及時(shí)的，功能和視覺體驗(yàn)極致，能夠較容易完成搜索找到心意的書的書籍，較容易閱讀自己選中的書，并作調(diào)試。【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔. .和和需求詳情需求詳情. . .需求細(xì)節(jié)說明需求細(xì)節(jié)說明PRDPRD 1.

8、1.書架首頁 界面原型界面原型 和修改建議和修改建議搜索圖片建議換一張公告欄的顏色可以在淺一點(diǎn)去掉書架上面書籍的邊框。加邊框和加號(hào)設(shè)置顏色為紅色書籍名稱的寬度要和書籍的寬度相同再次說明：名稱隔秒滾動(dòng)一回書籍狀態(tài)圖標(biāo)和本地圖標(biāo)有待調(diào)節(jié)書籍名稱變?yōu)楹谏笈_(tái)暫無封面需要替換圖片要適配和邊框PRDPRD 2. 2.點(diǎn)擊功能集合按鈕頁面點(diǎn)擊功能集合按鈕頁面 界面原型界面原型 和修改建議和修改建議功能功能 buttonbutton 次序需要調(diào)換次序需要調(diào)換PRDPRD 3. 3.智能導(dǎo)入書籍頁面智能導(dǎo)入書籍頁面 界面原型界面原型【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔. 和修改建議和

9、修改建議1 1 加搜索圖標(biāo)（已有）加搜索圖標(biāo)（已有）2 2 搜索路徑不換行（已有）搜索路徑不換行（已有）3 3 居中搜索路徑居中搜索路徑4 4 調(diào)節(jié)全選，刪除，加入書架按鈕，字體放小，調(diào)節(jié)調(diào)節(jié)全選，刪除，加入書架按鈕，字體放小，調(diào)節(jié)buttonbutton 寬度寬度5 5 去掉搜索路徑去掉搜索路徑6 6 放大鏡動(dòng)態(tài)展示放大鏡動(dòng)態(tài)展示PRDPRD 4. 4.智能掃描結(jié)果展示頁面智能掃描結(jié)果展示頁面 界面原型界面原型 和修改建議和修改建議1 書籍圖標(biāo)放小2 字體需要調(diào)節(jié)3 對(duì)勾圖標(biāo)需要換4 背景和顏色需要調(diào)節(jié)5 全選，刪除，加入書架按鈕需要調(diào)節(jié)按照書架書城個(gè)人中心效果。PRDPRD 5. 5.手動(dòng)

10、導(dǎo)入書籍頁面手動(dòng)導(dǎo)入書籍頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議 1 默認(rèn)目錄條底色需要換。 2 與之前相同的頁面修改相同【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.PRDPRD 6. 6.手動(dòng)導(dǎo)入書籍文件夾頁面手動(dòng)導(dǎo)入書籍文件夾頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 與之前相同的同上2 文件夾放小 PRDPRD 7. 7. 橫屏整理書籍頁面橫屏整理書籍頁面 界面原型界面原型 主流程主流程1. 對(duì)勾圖標(biāo)需要調(diào)換2. 圖片陰影需要調(diào)節(jié)3. 去掉書架書城個(gè)人中心換成全選刪除取消PRDPRD 15.15.簽到頁面說明和暢銷書推薦簽到頁面

11、說明和暢銷書推薦 簡要說明簡要說明簽到說明和推薦書展示 業(yè)務(wù)規(guī)則業(yè)務(wù)規(guī)則 簽到說明是非功能簽到說明是非功能 界面原型界面原型 執(zhí)行者執(zhí)行者所有用戶 前置條件前置條件無無 后置條件后置條件【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.無 主流程主流程 1 1 點(diǎn)擊推薦書籍，打開該書籍詳情頁面點(diǎn)擊推薦書籍，打開該書籍詳情頁面PRDPRD 8. 8.長按書籍頁面長按書籍頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 面板顏色放暗面板顏色放暗2 2 面板高度放低面板高度放低3 3 三個(gè)按鈕需要調(diào)節(jié)三個(gè)按鈕需要調(diào)節(jié)PRDPRD 17.17.分享頁面分享頁面 界面原型

12、界面原型 UIUI，UEUE 修改建議修改建議1 分享面板不需要單獨(dú)頁面，一個(gè)遮罩層就可以2 不需要原書籍圖片和內(nèi)容，直接兩個(gè)分享入口就可以3 遮罩層面板邊框需要調(diào)節(jié)PRDPRD 18.18. 朋友圈分享面板朋友圈分享面板 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 圖片需要放窄。圖片需要放窄。2 2來自：博易創(chuàng)為來自：博易創(chuàng)為 字體居中字體居中PRDPRD 1919 書架縱屏展示書架縱屏展示【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔. 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 導(dǎo)航條重新設(shè)計(jì)導(dǎo)航條重新設(shè)計(jì) 2 2 文章內(nèi)容位置需要重新

13、排布文章內(nèi)容位置需要重新排布3 3 書籍背景需要調(diào)節(jié)書籍背景需要調(diào)節(jié)PRDPRD 20.20.退出頁面退出頁面 簡要說明簡要說明用戶退出 app 時(shí)頁面 業(yè)務(wù)規(guī)則業(yè)務(wù)規(guī)則用戶不斷點(diǎn)擊后退按鈕，上滑退出操作面板 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 兩個(gè)按鈕需要單獨(dú)放置兩個(gè)按鈕需要單獨(dú)放置2 2 面板顏色需要調(diào)節(jié)面板顏色需要調(diào)節(jié)PRDPRD 2121 用戶中心首頁用戶中心首頁界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 登陸登陸 buttonbutton 往下放往下放PRDPRD 22.22.我的信息頁面我的信息頁面 界面原型界面原型 UIUI，UEUE

14、修改建議修改建議1 1 切換賬號(hào)底色設(shè)置為棕紅切換賬號(hào)底色設(shè)置為棕紅【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.2 2 需要重新設(shè)計(jì)或找一個(gè)需要重新設(shè)計(jì)或找一個(gè) copycopyPRDPRD 23.23.修改昵稱頁面修改昵稱頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 字體修改字體修改2 2 設(shè)置單獨(dú)設(shè)置單獨(dú) buttonbutton3 3 需要設(shè)置為輸入框需要設(shè)置為輸入框PRDPRD 24.24.綁定手機(jī)頁面綁定手機(jī)頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 現(xiàn)在正在修改，需要大改PRDPRD 25.25.找回密碼頁面找回密碼頁面

15、 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 同上PRDPRD 26.26.切換賬號(hào)切換賬號(hào)界面原型界面原型 UIUI，UEUE 修改建議修改建議1 登陸按鈕底色變?yōu)榧t色2 去掉其他登錄3 賬號(hào)密碼整體往下拉4 現(xiàn)在正在做【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.PRDPRD 27.27.修改頭像頁面修改頭像頁面 簡要說明簡要說明 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 改為 button2 字體調(diào)節(jié)3 面板顏色PRDPRD 2828 充值頁面充值頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 模仿搜狗模仿搜狗PRDPR

16、D 29.29.支付寶充值詳情頁面支付寶充值詳情頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1.模仿搜狗 PRDPRD 30.30.我的消費(fèi)充值記錄頁面我的消費(fèi)充值記錄頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 溫馨提示需要調(diào)節(jié)2tab 鍵需要調(diào)節(jié)3 需要加目錄【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.PRDPRD 31.31.我的消費(fèi)購書記錄頁面我的消費(fèi)購書記錄頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 同上PRDPRD 32.32.關(guān)于我們頁面關(guān)于我們頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1

17、 1 需要換需要換 logologo2 2 字體排布和大小調(diào)節(jié)字體排布和大小調(diào)節(jié)3 3 不需要的可以暫時(shí)去掉不需要的可以暫時(shí)去掉PRDPRD 3333 更新頁面更新頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 這個(gè)頁面可以暫時(shí)去掉，直接升級(jí)PRDPRD 3434 我的設(shè)置頁面我的設(shè)置頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1. 需要大改，可以模仿其他的設(shè)置如 QQ 閱讀PRDPRD 35.35.書城首頁書城首頁 界面原型界面原型 UIUI，UEUE 修改建議修改建議【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.1. 1. 模仿搜狗模仿搜狗

18、PRDPRD 36.36.點(diǎn)擊更多頁面點(diǎn)擊更多頁面界面原型界面原型 UIUI，UEUE 修改建議修改建議1 模仿搜狗PRDPRD 37.37.書籍詳情頁面書籍詳情頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議模仿搜狗PRDPRD 38.38.作者詳情頁作者詳情頁 界面原型界面原型 UIUI，UEUE 修改建議修改建議1. 模仿搜狗PRDPRD 39.39.閱讀目錄閱讀目錄 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 字體調(diào)節(jié)字體調(diào)節(jié)2 2 橫線顏色調(diào)節(jié)橫線顏色調(diào)節(jié)PRDPRD 40.40.閱讀頁面閱讀頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議【

19、精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔.1. 可以模仿 QQ 閱讀PRDPRD 41.41.閱讀設(shè)置頁面閱讀設(shè)置頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 1 模仿模仿 QQQQ 閱讀界面閱讀界面PRDPRD 42.42.即時(shí)目錄頁面即時(shí)目錄頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 字體位置調(diào)節(jié)2 當(dāng)前所讀章節(jié)用紅色顯示PRDPRD 43.43.推薦男頻頁面推薦男頻頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 模仿搜狗PRDPRD 44.44.分類頁面分類頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 男生圖標(biāo)去掉2 2 去掉輪播去掉輪播3 3 采用單獨(dú)矩形分開排布采用單獨(dú)矩形分開排布PRDPRD 45.45.書城分類頁面書城分類頁面【精品文檔】如有侵權(quán)，請聯(lián)系網(wǎng)站刪除，僅供學(xué)習(xí)與交流.精品文檔. 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 模仿搜狗PRDPRD 46.46.搜索頁面搜索頁面 界面原型界面原型 UIUI，UEUE 修改建議修改建議1 更改 tab2 搜索框高度放低3 搜索按鈕換一個(gè)樣式4 搜索書籍面板色彩調(diào)節(jié)，字體大小顏色調(diào)節(jié)PRDPRD 47