晉江文學(xué)城是一個非常老牌的原創(chuàng)文學(xué)網(wǎng)站，前段時間有朋友向我推薦了它的移動端。我在使用過程中發(fā)現(xiàn)了許多問題，干脆對其做個重設(shè)計。
文章分為兩個板塊：產(chǎn)品體驗報告和重設(shè)計過程。
“晉江小說閱讀”產(chǎn)品體驗報告
概覽
體驗產(chǎn)品：晉江小說閱讀
軟件版本：3.3.0
設(shè)備型號：iPhone 5s
操作系統(tǒng)：iOS 9.3.1
主要功能
為讀者提供由網(wǎng)友獨立創(chuàng)作的小說。
用戶群分布
數(shù)據(jù)由百度提供。
用戶畫像：劉小姐，24歲，某二線城市白領(lǐng)，平時經(jīng)常看網(wǎng)絡(luò)小說，但網(wǎng)絡(luò)小說質(zhì)量良莠不齊，且風(fēng)格多種多樣，要花時間篩選。
用戶需求與痛點
需求：空閑時間閱讀網(wǎng)絡(luò)小說來娛樂自己
痛點：不容易找到質(zhì)量高的并且符合自己口味的小說
解決方式
1.簽約大量優(yōu)秀的網(wǎng)絡(luò)寫手，產(chǎn)出高質(zhì)量的小說。
2.對小說進(jìn)行細(xì)致分類，每一種分類都提供了多種排名方式，“上榜”的作品質(zhì)量有保證，讀者無需費神尋找。
3.提供模糊搜索和精確搜索兩種方式，讀者可以準(zhǔn)確找到符合個人喜好的作品。
產(chǎn)品結(jié)構(gòu)
優(yōu)點：1.多種排名方式保證了出現(xiàn)在各種分類首頁的小說質(zhì)量
? ? ? ? ? 2.標(biāo)簽系統(tǒng)支持了精確搜索
缺點：1.沒有關(guān)注的作者和作品更新連載后推送通知功能
? ? ? ? ? 2.產(chǎn)品部分流程邏輯混亂，操作過于復(fù)雜
重設(shè)計過程
1.目標(biāo)用戶
2.使用場景
3.用戶目標(biāo)
選擇哪種類型作為產(chǎn)品的目標(biāo)用戶需要綜合權(quán)衡用戶對公司的價值以及潛在需求量，優(yōu)先考慮潛在用戶量大和商業(yè)價值大(推廣成本低)的群體。這款app是晉江文學(xué)城網(wǎng)站的移動端，本身已有了大量的用戶基礎(chǔ)，而現(xiàn)在手機(jī)閱讀是大趨勢， 2016年城市居民通過手機(jī)閱讀電子書的比例達(dá)到88.38%。因此不僅在結(jié)構(gòu)上需要符合app平臺設(shè)計規(guī)范，同時還要注重閱讀體驗，吸引老用戶的同時進(jìn)一步發(fā)掘潛在用戶。
數(shù)據(jù)表明：晉江文學(xué)城的閱讀人群主要集中在年齡在20～39歲的青年女性，19歲以下的女性也占據(jù)了相當(dāng)?shù)谋戎亍τ谝呀?jīng)工作的有一定的經(jīng)濟(jì)實力的用戶，她們有能力也愿意為喜歡的作品和作者花錢。而沒有收入來源的學(xué)生群體和低收入人群，大部分無法負(fù)擔(dān)購買付費章節(jié)，往往最后會下載盜版小說，但年輕學(xué)生是一個龐大的群體，以后相當(dāng)一部分會轉(zhuǎn)化成有經(jīng)濟(jì)實力支持正版的人群。
綜上所述，對產(chǎn)品有以下定位并據(jù)此篩選需求：
目標(biāo)用戶：20到39歲之間，對高質(zhì)量小說需求大，且有能力，愿意付費的學(xué)生和上班族女性。
主要功能：閱讀網(wǎng)絡(luò)小說
產(chǎn)品特色：有大量優(yōu)質(zhì)寫手的專欄，作品質(zhì)量高。
用戶目標(biāo)：隨時看高品質(zhì)小說/追連載/只看某一頻道的小說/搜索某本小說或某個作者/離線閱讀/無目的閑逛……
關(guān)鍵詞：高品質(zhì)、更新提醒、熱門小說、分類清晰、夜間模式、單手操作便捷、收藏功能……
根據(jù)用戶需求，可以判斷用戶在希望該應(yīng)用功能齊全的同時，還有方便和友好的閱讀體驗。
重設(shè)計
主導(dǎo)航重設(shè)計
使用過程中可發(fā)現(xiàn)該應(yīng)用的主導(dǎo)航不僅混亂，而且許多方面不符合設(shè)計規(guī)范：
原應(yīng)用使用了滾動選項卡（Scrolling Tabs）作為主導(dǎo)航模式?！芭判小保胺诸悺?，“完結(jié)”，“限免”這幾個選項邏輯上屬于“書城”的子分類，卻和“書城”并列在一行滾動選項卡中，難免讓用戶誤會。而“言情”，“純愛”，“原創(chuàng)”，“衍生”這幾個同屬“書城”子分類的重要選項隱藏在點擊后才出現(xiàn)的操作列表（Action Sheet）中?！秈OS Human Interface Guidelines》中對Action Sheet的使用已有說明：
An action sheet:
Appears as the result of a user action
Displays two or more buttons
Use an action sheet to:
Provide alternative ways to complete a task.An action sheet lets you to provide a range of choices that make sense in the context of the current task, without giving these choices a permanent place in the UI.
Get confirmation before completing a potentially dangerous task.An action sheet prompts users to think about the potentially dangerous effects of the step they’re about to take and gives them some alternatives.
使用Action Sheet來提供完成一項任務(wù)的不同方法或者在用戶完成一項可能有風(fēng)險的操作前獲得用戶的確認(rèn)。原應(yīng)用將其作為子導(dǎo)航的作法顯然是不恰當(dāng)?shù)摹?/p>
原應(yīng)用還采用了側(cè)邊抽屜（Side Drawer）用來放置“設(shè)置”和“條件搜索“功能，考慮到側(cè)邊抽屜式帶來的功能不可見的缺點，我重新梳理了一下產(chǎn)品結(jié)構(gòu)，將信息進(jìn)行分類，最后得到這樣的結(jié)構(gòu)圖：
這樣的導(dǎo)航在深度和廣度上都比較平衡，且信息結(jié)構(gòu)較扁平。蘋果自第一版iOS系統(tǒng)發(fā)布以來，就建議把標(biāo)簽欄（Tab Menu）作為扁平式應(yīng)用的導(dǎo)航：
因為所有的主要類別都可以從主頁面進(jìn)入，所以用戶可以直接從一個主要類別切換到另一個。
“搜索”作為一個不太常用的功能，不必在標(biāo)簽欄中占一個位置，可固定在頁面右上角。四個選項卡的標(biāo)簽欄也比較清爽。
重設(shè)計“書城”首頁如下，“排行”“完結(jié)”“限免”這幾個子分類排列在頂部的固定選項卡（Fixed Tabs）中，用戶左右滑動界面即可自由切換。
重設(shè)計后“頻道”的子導(dǎo)航使用了跳板式（Launchpad），點擊icon即進(jìn)入不同頻道首頁。因為不同頻道之間沒有任何優(yōu)先級，地位平等。
重設(shè)計“頻道”頁如下：
“書架”界面重設(shè)計
可以看到原設(shè)計似乎是照搬了pc端的排序和篩選模式，不僅不美觀而且可用性差。我在試用過程中還發(fā)現(xiàn)，該應(yīng)用有促使用戶為個人書架分類的傾向，結(jié)合產(chǎn)品目標(biāo)和用戶目標(biāo)來分析，“為書架分類”并不是一個重要的功能。為了保持功能和界面的精簡，重設(shè)計的過程中將這個功能去掉了。
“書架”結(jié)構(gòu)圖梳理后如下：
重設(shè)計“書架”界面如下：
其中“最近閱讀”中的書籍一級顯示，不設(shè)列表菜單（List Menu），因為考慮到用戶有個頻繁的使用場景是打開App接著讀上次沒有讀完的小說，方便用戶直接點擊。
若“我的收藏”中有小說更新了連載，則在列表菜單上出現(xiàn)紅點提示用戶。
“我的收藏”重設(shè)計界面如下：
點擊右上角“更多功能”圖標(biāo)出現(xiàn)浮層，可在浮層中調(diào)整排序方式和視圖，點擊后下方被遮罩的界面即時發(fā)生變化，保證了功能的可見性。
小說詳情頁重設(shè)計
梳理小說詳情頁結(jié)構(gòu)圖如下：
考慮到用戶不論是從哪個入口進(jìn)入詳情頁的，絕大部分都是因為對這本小說產(chǎn)生了興趣，已經(jīng)有了閱讀的欲望，因此“開始閱讀”是詳情頁的核心功能，在重設(shè)計中將其醒目顯示。
至于小說的類型，簡介和讀者評論等信息是一種提供給用戶的參考，用戶通過它們進(jìn)一步了解這本小說。但由于”簡介“是由作者個人編寫，往往會在里面放一些與小說內(nèi)容無關(guān)的公告聲明之類，或者簡介本身質(zhì)量太低，不能概括小說內(nèi)容，篇幅長的還占用大量空間，因此參考價值不高，不如讀者評論能反映作品質(zhì)量。因此在重設(shè)計中將“簡介”默認(rèn)顯示兩行，超出則需要點擊展開查看。
炸霸王票（打賞作者）是一個從商業(yè)角度來說被鼓勵的用戶行為，寫評論能幫助作品積累積分，助其上榜，從作者角度來說重要度不亞于炸霸王票，因此在重設(shè)計中將這兩個行為并列展示，并且固定在屏幕底部。
去掉右上角“專欄”按鈕，用戶直接點擊作者名字即可進(jìn)入專欄。
重設(shè)計后界面如下：
總結(jié)：
