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

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

基本思路就是先從用戶角度體驗(yàn)，然后站在產(chǎn)品角度分析目的需求、研究架構(gòu)、深入體驗(yàn)功能、任務(wù)走查、感受設(shè)計(jì)及用戶體驗(yàn)、提出改進(jìn)思路。

堆糖界面改版

信息架構(gòu)工具：Mindmanager

原型工具：Axure RP

背景知識(shí)：

目標(biāo)：

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

發(fā)展方向：

基于興趣的圖片社交、多元化信息分享、個(gè)性化信息推薦、商品精準(zhǔn)營(yíng)銷(xiāo)的社會(huì)化媒體。

特點(diǎn)：

1. 基于主題的內(nèi)容重組、信息分類(lèi)；
2. 基于Club在用戶維度分類(lèi)；
3. 有擅長(zhǎng)特定領(lǐng)域的達(dá)人用戶提供高質(zhì)量信息；
4. 圖片展示快捷直觀；
5. 以tab形式為信息分類(lèi)，展示方式多，信息沉淀速度慢，傳播效率高；
6. 用戶提供圖片標(biāo)簽，為數(shù)據(jù)挖掘提供強(qiáng)大支持。

用戶特點(diǎn)：

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

現(xiàn)存問(wèn)題：

1. 信息量大、篩選信息難度較高；
2. 部分操作較繁瑣、層級(jí)多；
3. 商品營(yíng)銷(xiāo)力度不足；
4. 用戶參與度不足，人與人的連接待提高；
5. 用戶結(jié)構(gòu)較單一，待尋找突破點(diǎn)。

發(fā)現(xiàn)界面：

發(fā)現(xiàn)界面作用是為用戶提供快速找到感興趣的主題、群體、活動(dòng)、達(dá)人、商品等信息的入口。

信息架構(gòu)：

以下是原版發(fā)現(xiàn)界面、子界面及相關(guān)模塊的信息架構(gòu)。

?發(fā)現(xiàn)界面信息架構(gòu)

用戶模塊信息架構(gòu)

圖片模塊信息架構(gòu)

俱樂(lè)部模塊信息架構(gòu)

專(zhuān)輯模塊信息架構(gòu)

主題頁(yè)面信息架構(gòu)

活動(dòng)模塊信息架構(gòu)

圖片瀑布流信息架構(gòu)

團(tuán)購(gòu)?fù)扑]頁(yè)面信息架構(gòu)

特賣(mài)商品模塊信息架構(gòu)

改版方案：

由于不可見(jiàn)用戶行為數(shù)據(jù)以及內(nèi)部相關(guān)信息不足，此改版基于個(gè)人使用體驗(yàn)、周?chē)瑢W(xué)的體驗(yàn)反饋及類(lèi)似應(yīng)用對(duì)比。以下改變多是基于信息展現(xiàn)形式更簡(jiǎn)潔、用戶操作更方便、功能多樣化提出。

發(fā)現(xiàn)界面調(diào)整

改變1：發(fā)現(xiàn)界面風(fēng)格微調(diào)，由原來(lái)的三區(qū)域風(fēng)格，統(tǒng)一成扁平化分區(qū)

理由：發(fā)現(xiàn)界面為用戶最常用界面之一，風(fēng)格統(tǒng)一更能帶來(lái)整齊簡(jiǎn)潔的感受，避免界面割裂，同時(shí)強(qiáng)調(diào)各部分關(guān)系并非完全獨(dú)立或者有明顯的優(yōu)先級(jí)。

改變2：流行趨勢(shì)欄中“活動(dòng)”和“團(tuán)購(gòu)”添加相應(yīng)的標(biāo)簽

理由：目前流行趨勢(shì)欄中有top榜單、熱門(mén)主題、熱門(mén)活動(dòng)、推薦團(tuán)購(gòu)等，內(nèi)容較多且混在一起，提供標(biāo)簽標(biāo)識(shí)，一目了然，方便用戶點(diǎn)擊希望前往的頁(yè)面。

改變3：增大“良品購(gòu)”和“特賣(mài)惠”按鈕

理由：這兩個(gè)主題為用戶提供商品購(gòu)買(mǎi)的便捷入口，增加顯示面積更醒目，提升點(diǎn)擊率，可以收集到更多用戶的購(gòu)買(mǎi)（或不購(gòu)買(mǎi)）行為數(shù)據(jù)，為后續(xù)精準(zhǔn)營(yíng)銷(xiāo)或廣告投放等提供數(shù)據(jù)參考。

改變4：微調(diào)發(fā)現(xiàn)頁(yè)面主題的順序及標(biāo)簽

理由：使界面更加整齊簡(jiǎn)潔，按照活躍度排序更方便用戶查找（完全是小范圍調(diào)查和個(gè)人感受，暫無(wú)數(shù)據(jù)支持），同時(shí)優(yōu)化主頁(yè)顯示的主題類(lèi)別，使得受眾更廣泛（主要目標(biāo)用戶不變），促進(jìn)平臺(tái)成長(zhǎng)。

達(dá)人列表界面改版

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

理由：原有形式如果需要查找一定領(lǐng)域的達(dá)人需要下拉瀏覽全部類(lèi)別，同時(shí)每個(gè)類(lèi)別都需要單獨(dú)點(diǎn)擊查看更多，增加操作復(fù)雜度及信息檢索成本，改成左側(cè)邊欄為達(dá)人領(lǐng)域右側(cè)即為達(dá)人列表，一目了然，方便查找。

改變2：將原有堆糖認(rèn)證信息改為圖章形式

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

Club列表界面改版

改變1：將原版先顯示24小時(shí)熱門(mén)列表，下拉顯示【查看全部按鈕】改為左側(cè)類(lèi)別欄，右側(cè)Club列表形式

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

活動(dòng)界面改版

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

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

改變2：熱門(mén)活動(dòng)/話題、最新活動(dòng)/話題增加圖章標(biāo)識(shí)“新“、”熱“

理由：用戶可以更直觀看到新的活動(dòng)和熱門(mén)活動(dòng)，降低信息篩選成本，提高運(yùn)營(yíng)效率。

更多流行趨勢(shì)頁(yè)面改版

改變1：弱化日期占比，增加團(tuán)購(gòu)、活動(dòng)標(biāo)志

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

圖片詳情改版

改變1：用戶信息和圖片所屬專(zhuān)輯分離

理由：原版點(diǎn)擊用戶頭像或用戶名跳轉(zhuǎn)用戶詳情，點(diǎn)擊專(zhuān)輯名稱或右側(cè)空白部分跳轉(zhuǎn)至專(zhuān)輯詳情，兩者過(guò)于接近，且沒(méi)有提示信息，易造成操作失誤及用戶理解困難，將兩者分離，操作錯(cuò)誤率下降，同時(shí)一目了然，用戶可直達(dá)目標(biāo)操作。

改變2：評(píng)論欄超過(guò)三條顯示更多按鈕，點(diǎn)擊進(jìn)入更多評(píng)論

理由：統(tǒng)一風(fēng)格，降低學(xué)習(xí)成本，界面整潔

改變3：點(diǎn)贊?rùn)诔^(guò)六人顯示更多按鈕，點(diǎn)擊進(jìn)入點(diǎn)贊用戶列表

理由：統(tǒng)一風(fēng)格，降低學(xué)習(xí)成本，界面整潔

改變4：收藏到專(zhuān)輯固定顯示前三個(gè)，其他的點(diǎn)擊更多顯示

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

主題頁(yè)面及圖片瀑布流改版

改變1：頂欄增加【購(gòu)】按鈕，點(diǎn)亮?xí)r只顯示有購(gòu)物鏈接的圖片和主題

理由：可快速分離普通圖片、主題和帶購(gòu)物鏈接的圖片、主題，方便又購(gòu)買(mǎi)需求的用戶查找相關(guān)信息

改變2：放大特殊連接標(biāo)志，如購(gòu)買(mǎi)、穿衣搭配、其他軟件來(lái)源

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

改變3：用戶和專(zhuān)輯信息分離

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

改變4：無(wú)相關(guān)主題也顯示頂部背景圖和標(biāo)題

理由：原版相關(guān)主題時(shí)，從頂部開(kāi)始顯示瀑布流，為保持風(fēng)格統(tǒng)一，界面更美觀，無(wú)相關(guān)主題時(shí)，也顯示主題圖標(biāo)、標(biāo)題、背景圖

改變5：如相關(guān)主題中各主題間互相相關(guān)，無(wú)額外相關(guān)主題，則點(diǎn)擊某個(gè)主題后，只刷新界面不打開(kāi)新頁(yè)面

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

主題墻改版

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

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

總結(jié)：

此改版多數(shù)是對(duì)細(xì)節(jié)稍作調(diào)整，涉及信息展現(xiàn)形式、交互操作、功能增刪等。優(yōu)化界面及信息呈現(xiàn)方式，提升信息流通便利性，降低信息獲取復(fù)雜度，改善用戶操作體驗(yàn)，提供新的便捷功能，在精準(zhǔn)營(yíng)銷(xiāo)部分進(jìn)一步加強(qiáng)。同時(shí)可以增加用戶間互動(dòng)的形式，促進(jìn)人與人之間的信息交流。未展現(xiàn)頁(yè)面則為未修改。

這是第一次自己發(fā)文章，還希望大家多多指出不足，共同成長(zhǎng)。

本文由 @迷糊 原創(chuàng)投稿，并經(jīng)人人都是產(chǎn)品經(jīng)理編輯。未經(jīng)許可，禁止轉(zhuǎn)載。