【堆糖】是今年參加的最后一個實習招聘，也是唯一一個拿到offer的公司，非常感謝堆糖的小伙伴們。

希望把自己筆試中遇到的問題跟大家分享交流一下，有兩道題，都是圍繞著產品改版的，先放上來第一個，另一個是微博改版問題。

基本思路就是先從用戶角度體驗，然后站在產品角度分析目的需求、研究架構、深入體驗功能、任務走查、感受設計及用戶體驗、提出改進思路。

堆糖界面改版

信息架構工具：Mindmanager

原型工具：Axure RP

背景知識：

目標：

鏈接人與興趣，重組信息流動方式，建立更多元的人與物、人與人、物與物之間的連接。

發展方向：

基于興趣的圖片社交、多元化信息分享、個性化信息推薦、商品精準營銷的社會化媒體。

特點：

1. 基于主題的內容重組、信息分類；
2. 基于Club在用戶維度分類；
3. 有擅長特定領域的達人用戶提供高質量信息；
4. 圖片展示快捷直觀；
5. 以tab形式為信息分類，展示方式多，信息沉淀速度慢，傳播效率高；
6. 用戶提供圖片標簽，為數據挖掘提供強大支持。

用戶特點：

女性占70%以上，年輕化，對生活品質追求較高，興趣廣泛，多集中于一線二線城市。

現存問題：

1. 信息量大、篩選信息難度較高；
2. 部分操作較繁瑣、層級多；
3. 商品營銷力度不足；
4. 用戶參與度不足，人與人的連接待提高；
5. 用戶結構較單一，待尋找突破點。

發現界面：

發現界面作用是為用戶提供快速找到感興趣的主題、群體、活動、達人、商品等信息的入口。

信息架構：

以下是原版發現界面、子界面及相關模塊的信息架構。

?發現界面信息架構

用戶模塊信息架構

圖片模塊信息架構

俱樂部模塊信息架構

專輯模塊信息架構

主題頁面信息架構

活動模塊信息架構

圖片瀑布流信息架構

團購推薦頁面信息架構

特賣商品模塊信息架構

改版方案：

由于不可見用戶行為數據以及內部相關信息不足，此改版基于個人使用體驗、周圍同學的體驗反饋及類似應用對比。以下改變多是基于信息展現形式更簡潔、用戶操作更方便、功能多樣化提出。

發現界面調整

改變1：發現界面風格微調，由原來的三區域風格，統一成扁平化分區

理由：發現界面為用戶最常用界面之一，風格統一更能帶來整齊簡潔的感受，避免界面割裂，同時強調各部分關系并非完全獨立或者有明顯的優先級。

改變2：流行趨勢欄中“活動”和“團購”添加相應的標簽

理由：目前流行趨勢欄中有top榜單、熱門主題、熱門活動、推薦團購等，內容較多且混在一起，提供標簽標識，一目了然，方便用戶點擊希望前往的頁面。

改變3：增大“良品購”和“特賣惠”按鈕

理由：這兩個主題為用戶提供商品購買的便捷入口，增加顯示面積更醒目，提升點擊率，可以收集到更多用戶的購買（或不購買）行為數據，為后續精準營銷或廣告投放等提供數據參考。

改變4：微調發現頁面主題的順序及標簽

理由：使界面更加整齊簡潔，按照活躍度排序更方便用戶查找（完全是小范圍調查和個人感受，暫無數據支持），同時優化主頁顯示的主題類別，使得受眾更廣泛（主要目標用戶不變），促進平臺成長。

達人列表界面改版

改變1：將原分塊兒顯示列表下拉形式改為左側選擇類別右側顯示列表形式

理由：原有形式如果需要查找一定領域的達人需要下拉瀏覽全部類別，同時每個類別都需要單獨點擊查看更多，增加操作復雜度及信息檢索成本，改成左側邊欄為達人領域右側即為達人列表，一目了然，方便查找。

改變2：將原有堆糖認證信息改為圖章形式

理由：降低相同格式文字造成的信息瀏覽復雜度，認證信息更醒目、更直觀，方便用戶瀏覽及篩選。

Club列表界面改版

改變1：將原版先顯示24小時熱門列表，下拉顯示【查看全部按鈕】改為左側類別欄，右側Club列表形式

理由：原形式需要瀏覽全部熱門俱樂部下拉至底部才能查看全部，同時需要增加一次點擊，操作不方便，改成兩側形式，類別一目了然，方便用戶查找，操作更快捷。

活動界面改版

改變1：刪除“更多活動“版塊，統一為下拉列表顯示，活動顯示圖文，話題只顯示文字

理由：活動和話題數量較少，展開展示有利于用戶快速獲取信息，同時活動是基于圖片的，增加圖片展示更直觀，瀏覽速度更快，而話題是基于討論的，則不用展示圖片，同時用不同形式更好的區分了活動和話題。

改變2：熱門活動/話題、最新活動/話題增加圖章標識“新“、”熱“

理由：用戶可以更直觀看到新的活動和熱門活動，降低信息篩選成本，提高運營效率。

更多流行趨勢頁面改版

改變1：弱化日期占比，增加團購、活動標志

理由：突出主題，減少日期在屏幕上的占比，減少信息干擾，提供類別標識，方便用戶的信息篩選，降低信息獲取成本。

圖片詳情改版

改變1：用戶信息和圖片所屬專輯分離

理由：原版點擊用戶頭像或用戶名跳轉用戶詳情，點擊專輯名稱或右側空白部分跳轉至專輯詳情，兩者過于接近，且沒有提示信息，易造成操作失誤及用戶理解困難，將兩者分離，操作錯誤率下降，同時一目了然，用戶可直達目標操作。

改變2：評論欄超過三條顯示更多按鈕，點擊進入更多評論

理由：統一風格，降低學習成本，界面整潔

改變3：點贊欄超過六人顯示更多按鈕，點擊進入點贊用戶列表

理由：統一風格，降低學習成本，界面整潔

改變4：收藏到專輯固定顯示前三個，其他的點擊更多顯示

理由：原版左右滑動可顯示前五個，但是在圖片界面中左右滑動可切換圖片，易造成誤操作（在列表首位時提示信息容易誤解），同時更多和滑動顯示功能部分重疊，可以更簡化，降低用戶學習成本。

主題頁面及圖片瀑布流改版

改變1：頂欄增加【購】按鈕，點亮時只顯示有購物鏈接的圖片和主題

理由：可快速分離普通圖片、主題和帶購物鏈接的圖片、主題，方便又購買需求的用戶查找相關信息

改變2：放大特殊連接標志，如購買、穿衣搭配、其他軟件來源

理由：明顯的提示，更方便信息篩選，降低信息獲取成本

改變3：用戶和專輯信息分離

理由：瀑布流形式可操作面積較小，用戶信息和專輯挨的較近，容易產生誤操作，且不容易理解，分離可改善用戶操作體驗

改變4：無相關主題也顯示頂部背景圖和標題

理由：原版相關主題時，從頂部開始顯示瀑布流，為保持風格統一，界面更美觀，無相關主題時，也顯示主題圖標、標題、背景圖

改變5：如相關主題中各主題間互相相關，無額外相關主題，則點擊某個主題后，只刷新界面不打開新頁面

理由：相關主題間跳轉會產生過多層級的新頁面，使用戶產生困惑，且返回操作麻煩，若無新的相關主題，則只刷新不打開新界面可以部分解決此問題。但是此問題仍然存在于多次點擊相關主題的使用場景中，如何消除重復打開的相關主題頁面使得操作邏輯更簡單清晰是亟須解決的問題。不過考慮到用戶有回溯之前頁面的需求，所以完全刪除查找過程頁面也不可行，可以在打開過多頁面時（如超過10層）在返回鍵處添加打開層級頁數提醒，或者出現重復頁面時出現toast提示。

主題墻改版

改變1：在主題墻頂欄添加【更多主題】按鈕

理由：提供的主題標簽多為熱門主題，用戶如果要查找其他主題，需要通過點擊主題然后查看相似主題，且不一定能獲得有用信息，或者返回發現界面搜索，提供同一類別下的更多熱門主題標簽，方便用戶更快捷、更自由的找到更多相關主題信息，起到分類檢索作用。

總結：

此改版多數是對細節稍作調整，涉及信息展現形式、交互操作、功能增刪等。優化界面及信息呈現方式，提升信息流通便利性，降低信息獲取復雜度，改善用戶操作體驗，提供新的便捷功能，在精準營銷部分進一步加強。同時可以增加用戶間互動的形式，促進人與人之間的信息交流。未展現頁面則為未修改。

這是第一次自己發文章，還希望大家多多指出不足，共同成長。

本文由 @迷糊 原創投稿，并經人人都是產品經理編輯。未經許可，禁止轉載。