晉江文學城是一個非常老牌的原創(chuàng)文學網(wǎng)站，前段時間有朋友向我推薦了它的移動端祟蚀。我在使用過程中發(fā)現(xiàn)了許多問題水援，干脆對其做個重設計。
文章分為兩個板塊：產品體驗報告和重設計過程宴杀。
“晉江小說閱讀”產品體驗報告
概覽
體驗產品：晉江小說閱讀
軟件版本：3.3.0
設備型號：iPhone 5s
操作系統(tǒng)：iOS 9.3.1
主要功能
為讀者提供由網(wǎng)友獨立創(chuàng)作的小說癣朗。
用戶群分布
數(shù)據(jù)由百度提供。
用戶畫像：劉小姐旺罢，24歲旷余，某二線城市白領绢记，平時經(jīng)常看網(wǎng)絡小說正卧，但網(wǎng)絡小說質量良莠不齊蠢熄，且風格多種多樣，要花時間篩選炉旷。
用戶需求與痛點
需求：空閑時間閱讀網(wǎng)絡小說來娛樂自己
痛點：不容易找到質量高的并且符合自己口味的小說
解決方式
1.簽約大量優(yōu)秀的網(wǎng)絡寫手签孔，產出高質量的小說。
2.對小說進行細致分類窘行，每一種分類都提供了多種排名方式饥追，“上榜”的作品質量有保證，讀者無需費神尋找罐盔。
3.提供模糊搜索和精確搜索兩種方式但绕，讀者可以準確找到符合個人喜好的作品。
產品結構
優(yōu)點：1.多種排名方式保證了出現(xiàn)在各種分類首頁的小說質量
? ? ? ? ? 2.標簽系統(tǒng)支持了精確搜索
缺點：1.沒有關注的作者和作品更新連載后推送通知功能
? ? ? ? ? 2.產品部分流程邏輯混亂惶看，操作過于復雜
重設計過程
1.目標用戶
2.使用場景
3.用戶目標
選擇哪種類型作為產品的目標用戶需要綜合權衡用戶對公司的價值以及潛在需求量捏顺，優(yōu)先考慮潛在用戶量大和商業(yè)價值大(推廣成本低)的群體。這款app是晉江文學城網(wǎng)站的移動端纬黎，本身已有了大量的用戶基礎幅骄，而現(xiàn)在手機閱讀是大趨勢， 2016年城市居民通過手機閱讀電子書的比例達到88.38%莹桅。因此不僅在結構上需要符合app平臺設計規(guī)范昌执，同時還要注重閱讀體驗，吸引老用戶的同時進一步發(fā)掘潛在用戶诈泼。
數(shù)據(jù)表明：晉江文學城的閱讀人群主要集中在年齡在20～39歲的青年女性，19歲以下的女性也占據(jù)了相當?shù)谋戎孛呵荨τ谝呀?jīng)工作的有一定的經(jīng)濟實力的用戶铐达，她們有能力也愿意為喜歡的作品和作者花錢。而沒有收入來源的學生群體和低收入人群檬果，大部分無法負擔購買付費章節(jié)瓮孙，往往最后會下載盜版小說，但年輕學生是一個龐大的群體选脊，以后相當一部分會轉化成有經(jīng)濟實力支持正版的人群杭抠。
綜上所述，對產品有以下定位并據(jù)此篩選需求：
目標用戶：20到39歲之間恳啥，對高質量小說需求大偏灿，且有能力，愿意付費的學生和上班族女性钝的。
主要功能：閱讀網(wǎng)絡小說
產品特色：有大量優(yōu)質寫手的專欄翁垂，作品質量高铆遭。
用戶目標：隨時看高品質小說/追連載/只看某一頻道的小說/搜索某本小說或某個作者/離線閱讀/無目的閑逛……
關鍵詞：高品質、更新提醒沿猜、熱門小說枚荣、分類清晰、夜間模式啼肩、單手操作便捷橄妆、收藏功能……
根據(jù)用戶需求，可以判斷用戶在希望該應用功能齊全的同時祈坠，還有方便和友好的閱讀體驗害碾。
重設計
主導航重設計
使用過程中可發(fā)現(xiàn)該應用的主導航不僅混亂，而且許多方面不符合設計規(guī)范：
原應用使用了滾動選項卡（Scrolling Tabs）作為主導航模式颁虐÷“排行”，“分類”另绩，“完結”儒陨，“限免”這幾個選項邏輯上屬于“書城”的子分類，卻和“書城”并列在一行滾動選項卡中笋籽，難免讓用戶誤會蹦漠。而“言情”，“純愛”车海，“原創(chuàng)”笛园，“衍生”這幾個同屬“書城”子分類的重要選項隱藏在點擊后才出現(xiàn)的操作列表（Action Sheet）中∈讨ィ《iOS 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來提供完成一項任務的不同方法或者在用戶完成一項可能有風險的操作前獲得用戶的確認研铆。原應用將其作為子導航的作法顯然是不恰當?shù)摹?/p>
原應用還采用了側邊抽屜（Side Drawer）用來放置“設置”和“條件搜索“功能，考慮到側邊抽屜式帶來的功能不可見的缺點州叠，我重新梳理了一下產品結構棵红，將信息進行分類，最后得到這樣的結構圖：
這樣的導航在深度和廣度上都比較平衡咧栗，且信息結構較扁平逆甜。蘋果自第一版iOS系統(tǒng)發(fā)布以來，就建議把標簽欄（Tab Menu）作為扁平式應用的導航：
因為所有的主要類別都可以從主頁面進入致板，所以用戶可以直接從一個主要類別切換到另一個交煞。
“搜索”作為一個不太常用的功能，不必在標簽欄中占一個位置斟或，可固定在頁面右上角素征。四個選項卡的標簽欄也比較清爽。
重設計“書城”首頁如下，“排行”“完結”“限免”這幾個子分類排列在頂部的固定選項卡（Fixed Tabs）中稚茅，用戶左右滑動界面即可自由切換纸淮。
重設計后“頻道”的子導航使用了跳板式（Launchpad），點擊icon即進入不同頻道首頁亚享。因為不同頻道之間沒有任何優(yōu)先級咽块，地位平等。
重設計“頻道”頁如下：
“書架”界面重設計
可以看到原設計似乎是照搬了pc端的排序和篩選模式欺税，不僅不美觀而且可用性差侈沪。我在試用過程中還發(fā)現(xiàn)，該應用有促使用戶為個人書架分類的傾向晚凿，結合產品目標和用戶目標來分析亭罪，“為書架分類”并不是一個重要的功能。為了保持功能和界面的精簡歼秽，重設計的過程中將這個功能去掉了应役。
“書架”結構圖梳理后如下：
重設計“書架”界面如下：
其中“最近閱讀”中的書籍一級顯示，不設列表菜單（List Menu）燥筷，因為考慮到用戶有個頻繁的使用場景是打開App接著讀上次沒有讀完的小說箩祥，方便用戶直接點擊。
若“我的收藏”中有小說更新了連載肆氓，則在列表菜單上出現(xiàn)紅點提示用戶袍祖。
“我的收藏”重設計界面如下：
點擊右上角“更多功能”圖標出現(xiàn)浮層，可在浮層中調整排序方式和視圖谢揪，點擊后下方被遮罩的界面即時發(fā)生變化蕉陋，保證了功能的可見性。
小說詳情頁重設計
梳理小說詳情頁結構圖如下：
考慮到用戶不論是從哪個入口進入詳情頁的拨扶，絕大部分都是因為對這本小說產生了興趣凳鬓，已經(jīng)有了閱讀的欲望，因此“開始閱讀”是詳情頁的核心功能患民，在重設計中將其醒目顯示村视。
至于小說的類型，簡介和讀者評論等信息是一種提供給用戶的參考酒奶，用戶通過它們進一步了解這本小說。但由于”簡介“是由作者個人編寫奶赔，往往會在里面放一些與小說內容無關的公告聲明之類惋嚎，或者簡介本身質量太低，不能概括小說內容站刑，篇幅長的還占用大量空間另伍，因此參考價值不高，不如讀者評論能反映作品質量。因此在重設計中將“簡介”默認顯示兩行摆尝，超出則需要點擊展開查看温艇。
炸霸王票（打賞作者）是一個從商業(yè)角度來說被鼓勵的用戶行為，寫評論能幫助作品積累積分堕汞，助其上榜勺爱，從作者角度來說重要度不亞于炸霸王票，因此在重設計中將這兩個行為并列展示讯检，并且固定在屏幕底部琐鲁。
去掉右上角“專欄”按鈕，用戶直接點擊作者名字即可進入專欄人灼。
重設計后界面如下：
總結：
