每日閱讀APP的UI界面迭代設計研究

中文摘要

APP的UI界面迭代是提升用戶體驗的有效方法，隨著移動互聯網的高速發展，手機終端設備的普及，如今移動數字閱讀逐漸成為大眾主流的閱讀方式，近年體驗經濟的崛起用戶對移動APP的交互體驗要求也越來越高。一個產品的好壞顯性標準是用戶數量和用戶粘度。而應用的視覺界面和操作復雜程度是用戶體驗滿意度的關鍵。因此，基于UI界面迭代設計有著重要的挖掘價值。

本論文從探究移動閱讀行業的現狀入手通過介紹產品功能——競品分析——發現問題——提出迭代方案——驗證成果來展示整個UI界面的迭代流程，旨在提煉并完善UI界面設計的策略和方法，提高應用與用戶需求的匹配度，促進UI界面設計領域的進一步發展。

關鍵詞： UI設計、用戶體驗、競品分析        

目錄

緒論 …………………………………………………………………………………1

一、移動閱讀概念定義 ……………………………………………………………2

（一）移動閱讀發展現狀調查…………………………………………………2

（二）迭代改版的意義…………………………………………………………4

二、每日閱讀APP介紹及功能研究………………………………………………5

（一）應用描述…………………………………………………………………5

（二）產品定位  ………………………………………………………………5

（三）目標用戶  ………………………………………………………………5

（四）使用場景  ………………………………………………………………5

（五）產品功能結構圖…………………………………………………………5

（六）產品頁面  ………………………………………………………………6

三、產品現狀及問題 ………………………………………………………………6

（一）外部………………………………………………………………………6

1．競品選擇……………………………………………………………… 6

2．產品結構 ………………………………………………………………7

3．頁面布局 ………………………………………………………………7

4．視覺風格 ………………………………………………………………9

5．產品共性總結 …………………………………………………………11

6．產品差異性總結 ………………………………………………………12

（二）內部………………………………………………………………………13

1．用戶閱讀目的與需求分析…………………………………………… 13

2．使用前-觸發用戶閱讀的動機…………………………………………14

3．使用中-用戶的閱讀體驗………………………………………………14

4．使用后-吸引用戶再閱讀的方式………………………………………15

5．評價分析 ………………………………………………………………16

四、迭代目標及方案 ………………………………………………………………18

（一）提高用戶轉化……………………………………………………………18

（二）促進用戶活躍度…………………………………………………………18

（三）打造更好的視覺體驗……………………………………………………18

（四）心智模型分析說明………………………………………………………19

五、驗證及成果展示 ………………………………………………………………21

（一）每日閱讀界面迭代思維導圖……………………………………………21

（二）原型圖……………………………………………………………………22

（三）設計規范…………………………………………………………………30

（四）高保真視覺設計稿………………………………………………………31

（五）全部頁面展示……………………………………………………………37

結論………………………………………………………………………………… 38

參考文獻…………………………………………………………………………… 39

附錄一……………………………………………………………………………… 40

附錄二……………………………………………………………………………… 44