網易LOFTER是網易旗下一款「讓興趣 更有趣」的社交APP ，LOFTER匯聚了數百萬的攝影、膠片玩家，繪畫及動漫愛好者，並不斷衍生出更多的興趣圈子，無論是設計、藝術、科技、時尚、旅行、讀書、電影評論都有精彩的人與內容不斷產出，本文就LOFTER的信息架構作為重點，結合競品進行討論，嘗試使用卡片分類法為 LOFTER 做一些信息架構設計的升級
體驗版本：V6.7 體驗機型：Huawei Mate 20 Pro
一、LOFTER的信息架構
LOFTER的信息架構
二、競品對比
目前在圖片社交行業中，直觀而言，LOFTER主要的競品有IN、綠洲、Instagram以及nice等
圖片社交產品分類
而圖片社交產品也可以分為以下幾類：
分享+社區類(創作型用戶) Instagram，LOFTER，綠洲
找圖+存圖類(消費型用戶) 堆糖
標籤+貼紙類(消遣型用戶) IN，nice
下面簡單梳理一下部分競品的信息架構圖
1. IN
IN的信息架構
2. 綠洲
綠洲的信息架構
3. Instagram
Instagram的信息架構
4. nice
nice的信息架構
5. 競品定位分析
競品定位分析
三、功能卡片提取
1. 卡片分類
在梳理完產品的信息架構後，將LOFTER的功能點以及自己的新增功能的想法羅列了出來
整理出來的一些功能卡片
接著對這些功能卡片進行了歸類
功能卡片歸類
2. 目標用戶選擇
在這裡我邀請自己的一些好友來幫我進行產品體驗，通過他們的心智模型來優化產品的信息架構
關於目標用戶的選擇，尋找了對LOFTER有不同的需求的三位用戶，兼顧發佈型用戶和瀏覽型用戶
目標用戶選擇
3. 用戶心智模型整理
（1）Xuan的心智模型
Xuan認為這些功能頁面應該這樣分佈：
Xuan的心智模型
（2）Meng的心智模型
Meng認為這些功能頁面應該這樣分佈：
Meng的心智模型
（3）Ran的心智模型
Ran認為這些功能頁面應該這樣分佈：
Ran的心智模型
4. 用戶心智模型總結
（1）對比分析，可以看出，3位目標用戶對“首頁”、“發現”、“發佈”、“市集”、“我的”這幾個分類理解大致相同，這也應證了用戶對圖片社交應用的認知有哪些慣性思維
（2）“發現”頁面有差異，Xuan的發現頁只有搜索，推薦相關的內容也都集合在搜索子頁面中，在上述提到的競品中與Instagram相似
（3）同時Ran表示，現有LOFTER的“消息”分類已經被市集所替代，這樣子的話可能會導致用戶不能及時接收到來自其他方的消息；同時市集裡面所交易的商品比較雜亂，不能像其他社交電商平臺裡面所經營的商品那樣定位明確
（4）Meng則覺著在剛開始使用的時候很暈，LOFTER的橫向滑動雖然很有趣，但是太多而導致不知道該看哪一類，每一類都想點進去看一下，而且頁面響應較慢，相關圖片加載不出來，懷疑是自己手機的原因
（5）Xuan和Meng希望能夠在市集裡面買到自己想買的東西，因為LOFTER偏攝影分類，而且Xuan也是攝影相關的專業，她比較期待能在市集裡面看見攝影的類別商品；同時Meng也希望能將用戶所發佈的單品照片可以與商城結合起來，快速跳轉到相應的商品信息頁面
（6）目前市面上的圖片社交類產品功能較趨同，所找的幾位用戶都比較希望在LOFTER看到更多的特色功能，來塑造自己的競爭力
四、改版後的信息架構
1. 總結改版優化點
針對上面信息架構的調研，我也總結了一些LOFTER可以考慮的優化功能點：
（1）針對Xuan和Meng提出的建議，將把“發現”模塊合併在“首頁”模塊中，同時“發現”的“分類”模塊變為用戶可自定義的添加或減少，讓用戶根據自己的習慣來調整，這樣能保證LOFTER對綜合興趣社區的需求不變，用戶第一次使用的時候會添加用戶引導，分類模塊是用戶第一次使用產品時作出的挑選，用戶可以在“發現”頁面中進行修改
（2）針對Meng的建議，將“市集”模塊中的商品進行分類，同時用戶在進行發佈圖片的時候，如果圖片所包含的商品在樂乎市集中存在，可以在圖片上增加圖片所包含商品的標籤，通過點擊標籤可以快速跳轉到商品的詳情頁
（3）針對Xuan的建議，在“市集”中也可以增加一欄關於攝影器材的分類，同時也可以增加攝影相關的線上課程，通過付費教學的方式增加一項收入來源，同時作為圖片社交類軟件，可以考慮再多多關注後期功能，如增加濾鏡數量，開發出更加強大的特效等
（4）根據Ran的建議，對“消息”板塊進行迴歸，方便用戶接收到來自系統或者其他用戶的交互，從而增強其社交功能
2. 改版優化後的信息架構
改版優化後的信息架構
五、改版後的原型文件
針對上述提及的功能優化點，也做出了相應的原型文件：
優化後的原型文件
下面挑選一些重要的模塊總體佈局頁面來談談我的想法：
1. “看見”模塊
模塊總體佈局
A1. 【改動】通過左右滑動的方式可以切換“關注”頁面與“發現頁面”，原先的“訂閱”頁面現已替換成為了“發現”
A2. 此icon為添加關注功能
A3. 原先的“訂閱”區域現已移至關注頁面上方，通過用戶調研分析，訂閱在某一種程度上也屬於“關注”
A4. 【改動】用戶在發佈動態時如果設計一些潮流單品，可以添加標籤將它們顯示出來，若在樂乎市集中存在，則自動連接至相應的頁面
B1. 此控件為搜索欄，用戶可以在此控件裡面搜索自己喜歡的主題
B2. 【改動】這些分類為用戶自己第一次進入軟件後所選擇的分類，相較之前將所有分類都羅列在一起顯得更加有重點
B3. 【改動】由之前下拉icon變更為管理icon，管理用戶想看見的分類
B4. 點擊進入相應的文章詳情頁
2. “消息”模塊
模塊總體佈局
A1. 【改動】第二個板塊由之前的“發現”變更為了“消息”，用以幫助用戶更好地查看交互信息
A2. 【改動】此icon為反饋信息，用戶可以通過此接口對開發人員提出建議
A3. 【改動】當有相應數量的消息傳送給用戶時，也會以氣泡的形式告知用戶
3. “發佈”模塊
板塊總體佈局
A1. 當點擊中間的“發佈”icon時，icon會自動旋轉90度
A2. 同時頁面也會覆蓋一層陰影
4.“商場”頁面
模塊總體佈局
A1. 【改動】在電商板塊中增加了“課程”模塊，與“市集”模塊並列
A2. 點擊此icon會跳轉至分類詳情頁
A3. 點擊此區域會跳轉至相應的活動頁面
A4. 點擊此區域icon會跳轉至相應的商品分類列表
A5. 跳轉至活動列表
A6. 跳轉至購物車頁面
A7. 跳轉至個人頁面
B1. 跳轉至相應的活動頁面
B2. 跳轉至相應的熱銷商品列表
B3. 跳轉至相應的上新商品列表
B4. 通過左右滑動或者點擊顯示不同的商品列表
B5. 點擊進入商品詳情頁面
5. “我的”模塊
模塊總體佈局
A1. 【改動】點擊此區域可以修改個人信息
A2. 【改動】點擊此icon顯示更多App功能，將一些其他的功能整合在這裡面做成功能列表
A3. 點擊此區域可以顯示相應的人員列表
A4. 通過左右滑動或單擊的方式來顯示相應的推文
A5. 點擊進入相應的文章詳情頁
一些拙見，希望能與大家多多討論～
完稿時間：2020.1.20
閱讀更多 SlowStep 的文章
