Redesign:Lofter的信息架構(gòu)改版設(shè)計(jì)
信息架構(gòu),是交互設(shè)計(jì)師成長(zhǎng)的一個(gè)關(guān)鍵點(diǎn),也是交互設(shè)計(jì)大局觀的錘煉基石。
在做信息架構(gòu)改版的時(shí)候分為前期調(diào)查,中期產(chǎn)出和后期評(píng)判。值得注意的是,在你開(kāi)始著手做改版工作的時(shí)候很容易陷入其中而忘記思路,所以需要一個(gè)清晰的方法指導(dǎo)你完成整個(gè)改版設(shè)計(jì)而不迷失自己。除了上篇文章提到的在設(shè)計(jì)方案之前要做好需求分析,競(jìng)品分析之外,還需要靈活運(yùn)用各個(gè)研究方法,比較卡片分析法,用戶訪談,尼爾森十項(xiàng)原則等等,這些方法很好的幫助你完成你的設(shè)計(jì),也讓你的設(shè)計(jì)更專業(yè)有理可循。
什么是信息架構(gòu)?
信息架構(gòu)是對(duì)信息進(jìn)行結(jié)構(gòu),組織方式以及歸類的設(shè)計(jì),好讓使用者與用戶容易使用與理解的一項(xiàng)藝術(shù)與科學(xué)。簡(jiǎn)單來(lái)說(shuō),就是讓用戶更容易理解你的產(chǎn)品,容易上手,被用戶接受。那作為交互設(shè)計(jì)師,這方面是交互設(shè)計(jì)師成長(zhǎng)的一個(gè)關(guān)鍵點(diǎn),也是交互設(shè)計(jì)大局觀的錘煉基石。
為何產(chǎn)品需要合理的信息架構(gòu)?
第一,讓用戶明白產(chǎn)品做什么,怎么用。
第二,用戶都能在需要的時(shí)候容易找到功能。做到這些,會(huì)提高你的產(chǎn)品的留存率和體驗(yàn)度。
信息架構(gòu)為何需要設(shè)計(jì)?
信息架構(gòu)不是功能的簡(jiǎn)單堆疊,所以我們需要更有邏輯的方法。從前中后期去設(shè)計(jì)一個(gè)合理的信息架構(gòu)。
一. LOFTER產(chǎn)品信息架構(gòu)的前期
1.了解用戶,場(chǎng)景,習(xí)慣
在產(chǎn)品信息架構(gòu)的前期,【persona】和【用戶場(chǎng)景】能夠幫助自己很好的了解產(chǎn)品,了解用戶。那么“persona”是一個(gè)很好的方法。
【persona】是用戶角色模型。就像經(jīng)濟(jì)學(xué)家創(chuàng)造模型來(lái)描述市場(chǎng),物理學(xué)家創(chuàng)造模型描述亞原子粒子行為一樣,研究發(fā)現(xiàn),用研究結(jié)果來(lái)創(chuàng)建關(guān)于用戶的描述型模型,是交互設(shè)計(jì)中一個(gè)獨(dú)特而強(qiáng)有力的工具,這些用戶模型叫做“persona”。
用戶的行為如何?他們?cè)趺此伎??他們的預(yù)期目標(biāo)是什么?為何制定這種目標(biāo)?對(duì)于這些問(wèn)題,人物模型會(huì)提供一種精確思考和交流的方法。而人物模型并非真正的人,但它們來(lái)源于研究中眾多真實(shí)用戶的行為和動(dòng)機(jī)。
【用戶場(chǎng)景】是用戶如何使用你的產(chǎn)品。從persona和用戶場(chǎng)景中提取用戶習(xí)慣并且尊重用戶的習(xí)慣。往往我們會(huì)先問(wèn)自己四個(gè)問(wèn)題:用戶通常用你的產(chǎn)品做什么?用戶用這列產(chǎn)品最關(guān)心什么?用戶有哪些思維定式?用戶用什么類型的產(chǎn)品?
- 用戶通常用LOFTER 做什么?
發(fā)圖片、看圖片,偶爾發(fā)點(diǎn)文字、音樂(lè)。這些人以前大多看攝影類的圖片,現(xiàn)在對(duì)二次元、時(shí)尚、明星有興趣的人也慢慢增多。女性較多,約占七成,年輕人較多,一半都是 95 后。他們共同在移動(dòng)互聯(lián)網(wǎng)上聚集一群年輕人形成了一個(gè)圖片社區(qū)。
- 用戶用這一類產(chǎn)品最關(guān)心什么?
從產(chǎn)品架構(gòu)開(kāi)看,用戶比較關(guān)注有共同興趣(標(biāo)簽)的人都關(guān)注什么,都發(fā)布了什么?從產(chǎn)品內(nèi)容來(lái)看,用戶比較關(guān)注圖片質(zhì)量(高),原創(chuàng)度(高),信息來(lái)源是否和別的平臺(tái)內(nèi)容不重復(fù)有個(gè)性。
- 用戶有哪些思維定式?
社交圖片類APP 都有“關(guān)注”“發(fā)布”“發(fā)現(xiàn)”“消息”“我的”“話題”等功能。具體參考競(jìng)品分析。
- 用戶用什么類似的產(chǎn)品?
Ins,nice,in,pinterest 等等。具體參考競(jìng)品分析。
2.了解業(yè)務(wù)需求
只有很好的了解業(yè)務(wù)需求才能結(jié)合在信息架構(gòu)的設(shè)計(jì)中,加入足夠的思考,把握重點(diǎn),不突出與業(yè)務(wù)無(wú)關(guān)的內(nèi)容。而好的信息架構(gòu)可以在業(yè)務(wù)和運(yùn)營(yíng)的推廣,有更好的拓展性。
從LOFTER 的不斷更新可以看出,LOFTER 從最開(kāi)始的“專注興趣,分享創(chuàng)作”到現(xiàn)在的“記錄生活,發(fā)現(xiàn)同好”已經(jīng)從關(guān)注原創(chuàng)到不只為創(chuàng)作者服務(wù)的角度定位產(chǎn)品。更多的關(guān)注人類深層次的自我表達(dá)和群體認(rèn)同的本質(zhì)需求。
從LOFTER ART 和LOFTER 印品的探索,不難推測(cè)LOFTER 正在進(jìn)軍電商領(lǐng)域,整合網(wǎng)易電商的供應(yīng)鏈優(yōu)勢(shì),以“生活美學(xué)消費(fèi)平臺(tái)”為核心,打造“興趣領(lǐng)域+達(dá)人+粉絲”的社區(qū)生態(tài),探索一種社區(qū)和泛設(shè)計(jì)師品牌相結(jié)合的電商模式。作為一個(gè)以內(nèi)容出眾的UGC 產(chǎn)品,除了延續(xù)自傳播的方式運(yùn)營(yíng)之外,還應(yīng)符合中國(guó)市場(chǎng)。(下圖來(lái)自百度百科)
”意見(jiàn)領(lǐng)袖人物”的概念在電商產(chǎn)品“良品”中是一個(gè)很好借鑒。而LOFTER的“達(dá)人”也起到同樣的作業(yè),在LOFTER 探索的新領(lǐng)域中,對(duì)于社區(qū)用戶來(lái)說(shuō),大量的互動(dòng)數(shù)據(jù)能夠精確分析用戶需求,幫助他們買到自己心儀的商品;對(duì)于泛設(shè)計(jì)師們來(lái)說(shuō),圖片變現(xiàn)的方式更加多元同時(shí)也提高了用戶忠誠(chéng)度。
LOFTER 正探索以內(nèi)容營(yíng)銷為核心的移動(dòng)營(yíng)銷新模式。精準(zhǔn)營(yíng)銷是LOFTER 商業(yè)化探索中的重要一環(huán),技術(shù)上標(biāo)簽廣告和信息流廣告的精準(zhǔn)投放是重中之中。那么從設(shè)計(jì)的角度來(lái)看,除了最大限度的將廣告推送給該領(lǐng)域的精準(zhǔn)目標(biāo)用戶以外,如何投放,如何將業(yè)務(wù)需求和用戶需求完美融合也是交互設(shè)計(jì)的重要突破點(diǎn)。
3.調(diào)研競(jìng)品的信息架構(gòu)
調(diào)研競(jìng)品分析非常重要,一般會(huì)找3-5個(gè)同類競(jìng)品分析他們的信息架構(gòu),并用MindMap整理出來(lái)樹(shù)狀圖體現(xiàn)產(chǎn)品信息架構(gòu)。如果是做改版迭代工作,那么過(guò)去的版本也是很好的競(jìng)品,同樣也需要做競(jìng)品分析。
而做競(jìng)品分析的目的便是為了歸納整理共性和差異性。找共性是為了遵循用戶習(xí)慣而差異性是可以找到創(chuàng)新點(diǎn),設(shè)計(jì)的機(jī)會(huì)點(diǎn)。
1)競(jìng)品選擇
我們可將目前市場(chǎng)中的主流圖片社交產(chǎn)品歸為以下三大類,他們剛好覆蓋了不同特征的用戶群體:
- 分享+社區(qū)類(Instagram、Flickr、LOFTER)——?jiǎng)?chuàng)作型用戶
- 找圖+存圖類(Pinterest、花瓣、堆糖)——消費(fèi)型用戶
- 標(biāo)簽+貼紙類(in、nice)——消遣型用戶
所以選擇現(xiàn)版本的LOFTER(5.3.1.1)Instagram 和nice 作為競(jìng)品。
2)信息架構(gòu)
- Instagram 的信息架構(gòu)
- Nice 的信息架構(gòu)
- LOFTER 現(xiàn)有版本的的信息架構(gòu)
對(duì)比現(xiàn)有的三個(gè)競(jìng)品的信息架構(gòu),都分為 “首頁(yè)”“發(fā)現(xiàn)”(搜索)“發(fā)布”“消息”“我的”這五項(xiàng)。這就是前面要思考的用戶的思維定式。從中也可以看到和更多共性和差異性,下面具體分析。
3)共性分析
如下圖,分別是Ins,LOFTER 和nice 的首頁(yè)視圖。
共性1:一級(jí)導(dǎo)航的選擇上,都使用了底部TAB 切換式導(dǎo)航。并且首頁(yè)都集中展示在所關(guān)注的人的更新內(nèi)容,展示方式高清大圖,多樣化。
原因:圖片社交類產(chǎn)品的有一個(gè)共同的業(yè)務(wù)需求就是吸引更多人來(lái)使用,并且提高用戶的留存率。將關(guān)注的動(dòng)態(tài)信息放在首頁(yè)能大大提高用戶的日活指數(shù)。
共性2:競(jìng)品都強(qiáng)調(diào)了核心功能——“發(fā)布”按鈕。Ins 在左上角設(shè)置了快捷功能“快拍”。LOFTER 和nice 則是將底部的按鈕突出化,做了顏色的區(qū)別。
原因:強(qiáng)調(diào)“發(fā)布”按鈕則是因?yàn)楣膭?lì)用戶多發(fā)布圖片內(nèi)容來(lái)達(dá)到社交的作業(yè)。
共性3:添加好友頁(yè)或者標(biāo)簽頁(yè)都有多個(gè)入口,不止在“發(fā)現(xiàn)”里。以LOFTER為例,在“首頁(yè)”和“發(fā)現(xiàn)”都有入口以此來(lái)強(qiáng)化其作用。
原因:產(chǎn)品的業(yè)務(wù)需求所決定了“添加好友”的重要級(jí)比較靠前。
共性4:個(gè)人主頁(yè),圖片展示頁(yè)和標(biāo)簽頁(yè)是圖片社交應(yīng)用的基礎(chǔ)頁(yè)。關(guān)注,喜歡(收藏),評(píng)論都是這些基礎(chǔ)頁(yè)的基本操作。所以在首頁(yè),發(fā)現(xiàn)和搜索等多個(gè)頁(yè)面和流程中都會(huì)提綱這些功能的入口。
原因:產(chǎn)品性質(zhì)所決定。
4)差異性分析
首頁(yè)
首頁(yè)的不同在lofter 有分段式的二級(jí)導(dǎo)航,關(guān)注和訂閱。訂閱用戶和訂閱標(biāo)簽,因?yàn)閘ofter 偏輕博客,再則后期加入很多二次元同人文的用戶需求,在查看文字方面“標(biāo)簽”可以兼顧所有用戶的需求。
發(fā)現(xiàn)頁(yè)
1.如圖2,在發(fā)現(xiàn)頁(yè)里,都為展示內(nèi)容為主,形式不同。Ins 和nice 都是平鋪形成瀑布流。Ins 主推圖片和短視頻。Nice 主推直播,這和最近nice 的產(chǎn)品轉(zhuǎn)型和市場(chǎng)熱點(diǎn)有關(guān)。Lofter 則注重圖片的展示分類,標(biāo)簽主題活動(dòng)的形式主動(dòng)讓用戶形成社群也符合lofter 的定位,一個(gè)綜合性的興趣社區(qū)。同時(shí)可以注意到的是,國(guó)內(nèi)應(yīng)用更注重標(biāo)簽化的呈現(xiàn),nice 通過(guò)標(biāo)簽無(wú)形中將用戶聚攏,而lofter 更積極的利用標(biāo)簽形成主體活動(dòng)社群。
2.這里值得一提的是,作為圖片設(shè)計(jì)類應(yīng)用,都有引導(dǎo)用戶發(fā)現(xiàn)好友關(guān)注相似用戶的設(shè)置。三則都有,但方式則完全不同。
ins 是搜索iocn 推薦更多猜你喜歡的視頻和圖片。從發(fā)現(xiàn)頁(yè)進(jìn)入點(diǎn)擊后轉(zhuǎn)入推薦列表,仍可以上下滑動(dòng)關(guān)注更多人。同事推薦頁(yè)可以橫向滑動(dòng)更多相似好友。無(wú)論是在推薦好友列表還是點(diǎn)擊進(jìn)入用戶主頁(yè)的推薦都可以看到推薦好友橫向滑動(dòng)這個(gè)頁(yè)面。路徑為圖片/視頻>發(fā)現(xiàn)頁(yè)列表>點(diǎn)擊圖片>個(gè)人主頁(yè)>點(diǎn)擊關(guān)注>跳出更多推薦(橫向滑動(dòng))。
LOFTER 的發(fā)現(xiàn)頁(yè)面結(jié)合業(yè)務(wù)目標(biāo),加入了banner 展位,推薦相應(yīng)的專題或話題。和ins 相同的是,利用標(biāo)簽進(jìn)入推薦用戶列表后,依舊可以上下滑動(dòng)查看相似好友。不同的是,需要點(diǎn)擊進(jìn)入個(gè)人主頁(yè)才可以跳出查看更多相似好友的推薦。路徑為精選分類(繪畫(huà))>分類推薦用戶(插畫(huà))>參與詳情頁(yè)>個(gè)人主頁(yè)>關(guān)注>推薦更多。
Nice 的路徑最短但是過(guò)程不可逆轉(zhuǎn),跳入推薦用戶列表后只能點(diǎn)擊查看一個(gè)用戶關(guān)注。關(guān)注后從下方彈出推薦,而且并不是每一個(gè)用戶都會(huì)田處推薦,存在空白的盲區(qū)??梢灾苯狱c(diǎn)頭像查看也可以直接關(guān)注。路徑同樣需要反復(fù)折返。路徑為圖片標(biāo)簽>個(gè)人主頁(yè)>用戶頭像>關(guān)注>推薦關(guān)注(并不是每一個(gè)用戶都有相似好友推薦)這方面的細(xì)節(jié)ins 做的更好,恰當(dāng)好處的引導(dǎo)用戶關(guān)注,同時(shí)也不影響其他內(nèi)容的閱讀,很巧妙。
發(fā)布頁(yè)
ins 為分段式的導(dǎo)航,分為圖庫(kù),照片,視頻。在最初ins 以濾鏡獲得了大量用戶,降低了目標(biāo)用戶的門(mén)檻。而Lofter 以圖庫(kù)為主,考慮到最初的目標(biāo)用戶是一群審美較好的攝影師設(shè)計(jì)師和插畫(huà)師等,他們的用戶場(chǎng)景多為直接選擇已經(jīng)編輯好的高質(zhì)量圖片發(fā)送即可。拍照被梳理在圖庫(kù)中只為滿足基礎(chǔ)用戶的需求。Nice 的發(fā)布分為照片,拍攝和直播。當(dāng)點(diǎn)擊到直播的時(shí)候,界面直接開(kāi)啟全屏直播模式,這符合nice 的產(chǎn)品定位和當(dāng)下直播APP 大熱的需求。
消息頁(yè)
在消息頁(yè)的位置,ins 和lofter 都放置了好友聯(lián)系的基本操作。而nice 則將其設(shè)置為私聊,可能和他之后的產(chǎn)品發(fā)展方向有關(guān)。
個(gè)人主頁(yè)
個(gè)人詳情頁(yè)是圖片社交應(yīng)用很關(guān)鍵的一部分,ins 注重展示用戶的內(nèi)容,lofter 和nice 的界面將用戶信息和用戶內(nèi)容一比一展示。
4.卡片分類法
從用戶側(cè)了解用戶的心智模型。讓用戶對(duì)功能卡片進(jìn)行分類,組織,并給相關(guān)功能的結(jié)合重新定義名稱的一種自下而上的整理方法。是設(shè)計(jì)師可以很好上手的簡(jiǎn)易方法。
需準(zhǔn)備:目標(biāo)用戶,功能信息卡片,2只筆,空白的卡片(在測(cè)試過(guò)程中需要添加的卡片做備用),筆記本。
第一次卡片分類
第二次卡片分類
經(jīng)過(guò)調(diào)整整理出第二次卡片分類。將信息架構(gòu)中的第二層樹(shù)葉作為卡片的主要來(lái)源,同時(shí)經(jīng)過(guò)第一次用戶簡(jiǎn)單的調(diào)查和分析,提取了一些用戶覺(jué)得是主要關(guān)注點(diǎn)的功能拆分加入其中,以此更好的找到信息架構(gòu)改版的突破點(diǎn),同時(shí)也避免了第一次卡片過(guò)多的現(xiàn)狀。但經(jīng)過(guò)用戶測(cè)試對(duì)比,均認(rèn)為第一次卡片分析比較好分類和理解。最終卡片測(cè)試采用了第一次的分類。
目標(biāo)用戶的選擇
關(guān)于目標(biāo)用戶的選擇,選擇了三個(gè)不用職業(yè)的用戶,但都是lofter 的目標(biāo)用戶。對(duì)lofer 有不同的需求,兼顧發(fā)布型用戶和瀏覽型用戶。
整理用戶心智模型
經(jīng)過(guò)訪談后用戶1 充分理解的第二次卡片整理:
總結(jié)用戶心智模型
1. 對(duì)比分析,可以看出,3 位目標(biāo)用戶對(duì)“發(fā)布”“我的”“消息”“首頁(yè)”的理解大致相同,這也應(yīng)證了用戶對(duì)圖片社交應(yīng)用的認(rèn)知有哪些慣性思維。
2. “發(fā)現(xiàn)”頁(yè)面有差異。用戶3 的發(fā)現(xiàn)頁(yè)命名為搜索,比較偏向ins 的信息架構(gòu),但又明顯具有l(wèi)ofter 的特色。其實(shí)我們對(duì)比ins 和lofter 的發(fā)現(xiàn)頁(yè)都有同城熱門(mén)的功能。只不過(guò)在ins 里叫“地點(diǎn)”放在和搜索標(biāo)簽下。同時(shí)用戶1表示,現(xiàn)有l(wèi)ofter 的“發(fā)現(xiàn)”頁(yè)在剛開(kāi)始使用的時(shí)候很暈,用了好久才理解和清楚怎么用這一部分。進(jìn)一步溝通分析是因?yàn)榉诸愄?,二而自己并不是關(guān)心所有分類。Lofter 的橫向滑動(dòng)雖然很有趣,但是太多而導(dǎo)致不知道該看哪一類,每一類都想點(diǎn)進(jìn)去看一下。跳轉(zhuǎn)到下一個(gè)頁(yè)面,和上一頁(yè)面的布局又不一樣了,剛開(kāi)始很困惑。
3. 用戶2 將“攝影課堂”“福利市集”“樂(lè)乎印品”放在了發(fā)現(xiàn)頁(yè)面里。結(jié)合用戶職業(yè)可以知道,用戶本身比較關(guān)心攝影這一部分。采訪得知,用戶比較希望在lofter 看到更多的特色功能,并且愿意去嘗試。
二.產(chǎn)出產(chǎn)品信息架構(gòu)(改版)
總結(jié)改版優(yōu)化點(diǎn)
1. 針對(duì)用戶1 和用戶2 提出的困惑。將在“發(fā)現(xiàn)”的“分類”模塊變?yōu)橛脩艨勺远x的添加或減少。讓用戶根據(jù)自己的習(xí)慣來(lái)調(diào)整,同時(shí)又能保證lofter 對(duì)綜合興趣社區(qū)的需求不變。并在用戶第一次使用的時(shí)候添加用戶引導(dǎo)。
2. 增加“添加好友”入口。在我的>我的關(guān)注>添加好友
3. 發(fā)現(xiàn)頁(yè)-精選分類-達(dá)人推薦頁(yè)面改為卡片式設(shè)計(jì)。利用手勢(shì)向上向下滑動(dòng)讓用戶做出選擇。
分析主要改版模塊
1. 發(fā)現(xiàn)頁(yè)-精選分類
a. 將原有的精選分類做減法。
根據(jù)用戶心智模型中的調(diào)研發(fā)現(xiàn),用戶的興趣點(diǎn)多數(shù)為2-5 個(gè),過(guò)多會(huì)導(dǎo)致用戶迷失于信息海洋中。所以對(duì)原有的精選分類部分默認(rèn)為3個(gè)常用的分類卡片。用戶可以根據(jù)自身需求添加更多。相應(yīng)的“添加更多”頁(yè)面也將分類改為縮略圖,勾選即可添加。
b. 精選分類里加入LOFTER 的特色功能“攝影課堂”“樂(lè)乎印品”“福利市集”,放置在“添加更多”頁(yè)里最低端。
相當(dāng)于在“發(fā)現(xiàn)”頁(yè)面給這樣功能添加了一個(gè)入口,滿足了對(duì)這些功能有頻繁需求的用戶,在同一個(gè)頁(yè)面里就能獲取自己最想了解的內(nèi)容,無(wú)需再切換Tab 到“我的”。以“攝影課堂”為例,添加此功能到精選分類的卡片里,滿足“攝影課堂”作為L(zhǎng)OFTER 的特色功能的業(yè)務(wù)需求,增加一個(gè)入口獲得很多的點(diǎn)擊量。而對(duì)攝影師設(shè)計(jì)師也是LOFTER 的一直以來(lái)最核心的目標(biāo)用戶,屬于大基數(shù),也都較為重視。對(duì)于那些對(duì)此功能沒(méi)有特別需求的用戶,將這些功能添加在最低端并不影響他們的正常操作?!皵z影課堂”等功能的標(biāo)題做顏色標(biāo)示,第一突出了這些功能是產(chǎn)品的特色功能,第二也創(chuàng)造了讓一開(kāi)始對(duì)此功能并沒(méi)有需求的用戶有想點(diǎn)擊了解的動(dòng)機(jī)。
c. 精選分類卡片增強(qiáng)和用戶之間的互動(dòng)。
用戶可根據(jù)需求(最關(guān)心的興趣卡片是放在中心位置)長(zhǎng)按移動(dòng)位置,向上滑動(dòng)刪除。
d. 同時(shí)“發(fā)現(xiàn)”-精選推薦的二級(jí)導(dǎo)航頁(yè)面也會(huì)相應(yīng)更改。根據(jù)用戶對(duì)分類添加的數(shù)量依次排列在二級(jí)導(dǎo)航上。
2. 發(fā)現(xiàn)頁(yè)-精選分類-達(dá)人推薦
原有的達(dá)人推薦頁(yè)的設(shè)計(jì)模式為頭像宮格列表,推薦6 個(gè)達(dá)人或者查看更多。改版后為卡片式設(shè)計(jì),和精選分類一樣,用戶可以橫向滑動(dòng)卡片。推薦6 個(gè)達(dá)人,或者發(fā)現(xiàn)更多。結(jié)合手勢(shì)向上滑動(dòng)卡片為“關(guān)注”此達(dá)人,向下滑動(dòng)卡片為“對(duì)此用戶不感興趣”不關(guān)注。
優(yōu)點(diǎn)分析:
利用手勢(shì)微交互增強(qiáng)了和用戶之間的互動(dòng),展現(xiàn)形式更有趣,同時(shí)卡片能承載了更多達(dá)人的信息和縮略圖,是達(dá)人更有感染力。讓用戶愿意主動(dòng)關(guān)注更多用戶,而不是原有版本的一眼而過(guò)。
缺點(diǎn)分析:
“達(dá)人推薦”在“發(fā)現(xiàn)”頁(yè)面的最低端,在整個(gè)頁(yè)面中的重要級(jí)較低,用戶有可能看到的幾率小。并不是整個(gè)頁(yè)面想要特別強(qiáng)調(diào)的部分。但是基于前面對(duì)精選分類卡片改版后,相比之前大大減少了用戶看的信息量,瀏覽速度提升,向下瀏覽的幾率就會(huì)有所提升。
缺點(diǎn)的初步解決方案是可以在用戶前幾次的使用中,添加模態(tài)化窗口,引導(dǎo)并告知用戶下面還有更多,如下圖。綜上,優(yōu)點(diǎn)大于缺點(diǎn)。
3. 我的-我的關(guān)注-添加關(guān)注入口
結(jié)合業(yè)務(wù)需求分析“添加關(guān)注”的重要級(jí)比較高,所以在LOFTER 設(shè)置了多個(gè)入口,路徑為:
- 首頁(yè)>添加關(guān)注
- 發(fā)現(xiàn)>添加關(guān)注
- 我的>我的關(guān)注>添加關(guān)注
(此路徑為改版后添加的入后,考慮到用戶在查看我的關(guān)注的時(shí)候,如果用戶關(guān)注的人過(guò)少,有添加用戶的需求時(shí),不再需要直返到“首頁(yè)”或者“發(fā)現(xiàn)”頁(yè)面。
驗(yàn)證核心流程
主要改版在“發(fā)現(xiàn)”里,所以以用戶在發(fā)現(xiàn)頁(yè)里添加興趣標(biāo)簽,進(jìn)入精選分類瀏覽達(dá)人內(nèi)容完成并找到感興趣的達(dá)人完成關(guān)注為例,來(lái)驗(yàn)證核心流程。此操作流程層級(jí)較多,能很好的檢測(cè)用戶是否能通過(guò)改版的信息架構(gòu)來(lái)完成任務(wù)。詳細(xì)頁(yè)面流程說(shuō)明圖請(qǐng)查看第三部分“評(píng)判產(chǎn)品信息架構(gòu)”。
新版本提示各個(gè)場(chǎng)景下的原型圖
三. 評(píng)判產(chǎn)品信息架構(gòu)
畫(huà)出頁(yè)面流程圖,以便查看,同時(shí)為討論做好準(zhǔn)備。
四. 關(guān)于改版各部門(mén)的任務(wù)預(yù)測(cè)
Step1:產(chǎn)品經(jīng)理根據(jù)業(yè)務(wù)需求和用戶心智模型重新整理需求。
Step2:交互設(shè)計(jì)師和產(chǎn)品經(jīng)理討論后共同確定信息架構(gòu)并產(chǎn)出原型圖交付視覺(jué)設(shè)計(jì)師和開(kāi)發(fā)人員。
Step3:視覺(jué)設(shè)計(jì)師和開(kāi)發(fā)人員根據(jù)改版后的內(nèi)容制定任務(wù)完成時(shí)間表。開(kāi)發(fā)人員對(duì)技術(shù)實(shí)現(xiàn)做難易判斷。
Step4:交互設(shè)計(jì)師根據(jù)各自提供的任務(wù)完成時(shí)間表,跟進(jìn)進(jìn)度并完善過(guò)程中遇到的問(wèn)題。
Step5:對(duì)來(lái)不及改版的內(nèi)容排入下一個(gè)迭代中。
Step6:用戶測(cè)試-反饋-調(diào)研修改-確認(rèn)改版完成-更新版本。
五. 關(guān)于信息架構(gòu)改版的思考
滿足“帶著不同需求而來(lái)”的用戶,使他們能在相同的內(nèi)容中尋找各自想要的東西。雖然還有很多不足,但是這也是成長(zhǎng)的必經(jīng)之路。就像信息架構(gòu),是交互設(shè)計(jì)大局觀的最好錘煉基石。
作者:糖糖Eilin ?個(gè)人博客:http://eilinchen.sxl.cn/blog/848ebdd0074
本文由 @糖糖Eilin 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
謝謝,比較好奇怎么找的三種類型用戶進(jìn)行訪談的呢?
第一點(diǎn)挺好的,我確實(shí)想這么改,不過(guò)每個(gè)版塊都凝聚了小編的心血,把它們折疊起來(lái)最后還是于心不忍
第二點(diǎn)不是特別有必要,1是因?yàn)樵擁?yè)面流量很低,你在這里放一個(gè)按鈕的點(diǎn)擊幾乎沒(méi)有 2是因?yàn)橛脩暨M(jìn)到這個(gè)頁(yè)面一般是用來(lái)尋找自己某個(gè)好友的,不會(huì)在這個(gè)場(chǎng)景下出現(xiàn)添加新好友的需求
第三點(diǎn)的話,交互方式挺有意思的,不過(guò)從整體考慮,我更傾向于把整塊全部拿掉,讓內(nèi)容推薦有更大的曝光露出
?? 我是LOFTER的產(chǎn)品經(jīng)理 很高興和你交流
謝謝您的分析和建議??我會(huì)多多思考,繼續(xù)努力的。我看到LOFTER 現(xiàn)在改了挺多了
親,謝啦,不過(guò)這好像是網(wǎng)易微專業(yè)的作業(yè)啊,