網易LOFTER是網易旗下一款「讓興趣 更有趣」的社交APP ，LOFTER彙聚了數百萬的攝影、膠片玩家，繪畫及動漫愛好者，并不斷衍生出更多的興趣圈子，無論是設計、藝術、科技、時尚、旅行、讀書、電影評論都有精彩的人與内容不斷産出，本文就LOFTER的信息架構作為重點，結合競品進行讨論，嘗試使用卡片分類法為 LOFTER 做一些信息架構設計的升級

體驗版本：V6.7 體驗機型：Huawei Mate 20 Pro

LOFTER的信息架構

數據來源：易觀千帆

目前在圖片社交行業中，直觀而言，LOFTER主要的競品有IN、綠洲、Instagram以及nice等

圖片社交産品分類

而圖片社交産品也可以分為以下幾類：

分享 社區類(創作型用戶) Instagram，LOFTER，綠洲

找圖 存圖類(消費型用戶) 堆糖

标簽 貼紙類(消遣型用戶) IN，nice

下面簡單梳理一下部分競品的信息架構圖

IN的信息架構

綠洲的信息架構

Instagram的信息架構

nice的信息架構

競品定位分析

在梳理完産品的信息架構後，将LOFTER的功能點以及自己的新增功能的想法羅列了出來

整理出來的一些功能卡片

接着對這些功能卡片進行了歸類

功能卡片歸類

在這裡我邀請自己的一些好友來幫我進行産品體驗，通過他們的心智模型來優化産品的信息架構

關于目标用戶的選擇，尋找了對LOFTER有不同的需求的三位用戶，兼顧發布型用戶和浏覽型用戶

目标用戶選擇

（1）Xuan的心智模型

Xuan認為這些功能頁面應該這樣分布：

Xuan的心智模型

（2）Meng的心智模型

Meng認為這些功能頁面應該這樣分布：

Meng的心智模型

（3）Ran的心智模型

Ran認為這些功能頁面應該這樣分布：

Ran的心智模型

（1）對比分析，可以看出，3位目标用戶對“首頁”、“發現”、“發布”、“市集”、“我的”這幾個分類理解大緻相同，這也應證了用戶對圖片社交應用的認知有哪些慣性思維

（2）“發現”頁面有差異，Xuan的發現頁隻有搜索，推薦相關的内容也都集合在搜索子頁面中，在上述提到的競品中與Instagram相似

（3）同時Ran表示，現有LOFTER的“消息”分類已經被市集所替代，這樣子的話可能會導緻用戶不能及時接收到來自其他方的消息；同時市集裡面所交易的商品比較雜亂，不能像其他社交電商平台裡面所經營的商品那樣定位明确

（4）Meng則覺着在剛開始使用的時候很暈，LOFTER的橫向滑動雖然很有趣，但是太多而導緻不知道該看哪一類，每一類都想點進去看一下，而且頁面響應較慢，相關圖片加載不出來，懷疑是自己手機的原因

（5）Xuan和Meng希望能夠在市集裡面買到自己想買的東西，因為LOFTER偏攝影分類，而且Xuan也是攝影相關的專業，她比較期待能在市集裡面看見攝影的類别商品；同時Meng也希望能将用戶所發布的單品照片可以與商城結合起來，快速跳轉到相應的商品信息頁面

（6）目前市面上的圖片社交類産品功能較趨同，所找的幾位用戶都比較希望在LOFTER看到更多的特色功能，來塑造自己的競争力

針對上面信息架構的調研，我也總結了一些LOFTER可以考慮的優化功能點：

（1）針對Xuan和Meng提出的建議，将把“發現”模塊合并在“首頁”模塊中，同時“發現”的“分類”模塊變為用戶可自定義的添加或減少，讓用戶根據自己的習慣來調整，這樣能保證LOFTER對綜合興趣社區的需求不變，用戶第一次使用的時候會添加用戶引導，分類模塊是用戶第一次使用産品時作出的挑選，用戶可以在“發現”頁面中進行修改

（2）針對Meng的建議，将“市集”模塊中的商品進行分類，同時用戶在進行發布圖片的時候，如果圖片所包含的商品在樂乎市集中存在，可以在圖片上增加圖片所包含商品的标簽，通過點擊标簽可以快速跳轉到商品的詳情頁

（3）針對Xuan的建議，在“市集”中也可以增加一欄關于攝影器材的分類，同時也可以增加攝影相關的線上課程，通過付費教學的方式增加一項收入來源，同時作為圖片社交類軟件，可以考慮再多多關注後期功能，如增加濾鏡數量，開發出更加強大的特效等

（4）根據Ran的建議，對“消息”闆塊進行回歸，方便用戶接收到來自系統或者其他用戶的交互，從而增強其社交功能

改版優化後的信息架構

針對上述提及的功能優化點，也做出了相應的原型文件：

優化後的原型文件

下面挑選一些重要的模塊總體布局頁面來談談我的想法：

模塊總體布局

A1. 【改動】通過左右滑動的方式可以切換“關注”頁面與“發現頁面”，原先的“訂閱”頁面現已替換成為了“發現”

A2. 此icon為添加關注功能

A3. 原先的“訂閱”區域現已移至關注頁面上方，通過用戶調研分析，訂閱在某一種程度上也屬于“關注”

A4. 【改動】用戶在發布動态時如果設計一些潮流單品，可以添加标簽将它們顯示出來，若在樂乎市集中存在，則自動連接至相應的頁面

B1. 此控件為搜索欄，用戶可以在此控件裡面搜索自己喜歡的主題

B2. 【改動】這些分類為用戶自己第一次進入軟件後所選擇的分類，相較之前将所有分類都羅列在一起顯得更加有重點

B3. 【改動】由之前下拉icon變更為管理icon，管理用戶想看見的分類

B4. 點擊進入相應的文章詳情頁

模塊總體布局

A1. 【改動】第二個闆塊由之前的“發現”變更為了“消息”，用以幫助用戶更好地查看交互信息

A2. 【改動】此icon為反饋信息，用戶可以通過此接口對開發人員提出建議

A3. 【改動】當有相應數量的消息傳送給用戶時，也會以氣泡的形式告知用戶

闆塊總體布局

A1. 當點擊中間的“發布”icon時，icon會自動旋轉90度

A2. 同時頁面也會覆蓋一層陰影

模塊總體布局

A1. 【改動】在電商闆塊中增加了“課程”模塊，與“市集”模塊并列

A2. 點擊此icon會跳轉至分類詳情頁

A3. 點擊此區域會跳轉至相應的活動頁面

A4. 點擊此區域icon會跳轉至相應的商品分類列表

A5. 跳轉至活動列表

A6. 跳轉至購物車頁面

A7. 跳轉至個人頁面

B1. 跳轉至相應的活動頁面

B2. 跳轉至相應的熱銷商品列表

B3. 跳轉至相應的上新商品列表

B4. 通過左右滑動或者點擊顯示不同的商品列表

B5. 點擊進入商品詳情頁面

模塊總體布局

A1. 【改動】點擊此區域可以修改個人信息

A2. 【改動】點擊此icon顯示更多App功能，将一些其他的功能整合在這裡面做成功能列表

A3. 點擊此區域可以顯示相應的人員列表

A4. 通過左右滑動或單擊的方式來顯示相應的推文

A5. 點擊進入相應的文章詳情頁

一些拙見，希望能與大家多多讨論～

完稿時間：2020.1.20

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!