文/莔莔有神
最近一直沉浸在研究Feed流的樂趣里责循。作為APP最常見的信息展示方式糟港，F(xiàn)eed流的產(chǎn)品設(shè)計其實有很多門道可以探討，并不是抄來抄去那么簡單院仿。今天的話題是：如何設(shè)計出一個性感撩人的信Feed流秸抚？
1 Feed流
首先還是追概念。我們先來看什么是Feed：
A web feed (or news feed) is a?data format?used for providing users with?frequently updated content. Content distributors?syndicate?a web feed, thereby allowing users to?subscribe?to it.
嚴(yán)謹(jǐn)?shù)貜亩x出發(fā)歹垫，我們可以關(guān)注如下三點：
①Feed本身是一種數(shù)據(jù)格式剥汤；
②內(nèi)容提供方為用戶提供Feed的訂閱功能并更新；
③雖然形式上是提供方推送內(nèi)容給用戶排惨，但實際上是用戶主動發(fā)起訂閱吭敢。
然而在實際使用中，我們發(fā)現(xiàn)有些Feed流并不是主動選擇多個訂閱源暮芭，可能是基于搜索或推薦而形成的Feed流省有，如果搜索是用戶主動發(fā)起內(nèi)容檢索，而推薦是基于用戶特性實現(xiàn)的個性化推薦谴麦，那么也可算作一種廣義的Feed流蠢沿，也包含在本文的討論范圍之中。畢竟本文的關(guān)注點是Feed流的產(chǎn)品設(shè)計匾效，概念上只做科普舷蟀。
2 性感
接下來我們討論下性感。
拋開“什么樣的產(chǎn)品設(shè)計可以叫性感“這種話題面哼，我們回歸現(xiàn)實世界野宜，你覺得什么樣的女神算性感？
（以下多圖高能預(yù)警魔策，請注意鼻血匈子，注意觀賞環(huán)境←←）
拿我上面選的這幾個例子來說虎敦，宇宙的蒼老師自然是宅男最愛游岳，胸器一出全場制霸；一馬平川的杜鵑則有東方女性的性感風(fēng)骨其徙，眼角加紅唇的必殺技簡直是戳中心臟胚迫；而同樣是維密天使，有Candice的火辣唾那，也有Kerr的撩人……至于說哪個最性感访锻，真的是見仁見智。
性感在新華字典的定義是“富有性的誘惑力”闹获，關(guān)鍵在于“誘惑”期犬。所以無論什么樣的性感，其實際效應(yīng)無非是以下三個效果：第一避诽，一定是針對目標(biāo)受眾的喜好龟虎，在第一時間吸引人的眼球；第二茎用，凸顯這種類型性感的特質(zhì)遣总，夠觸動目標(biāo)受眾的興奮點睬罗；第三轨功，性感是一種氣場的交互，不光能吸引目標(biāo)受眾容达，還能讓目標(biāo)受眾被誘惑古涧，引發(fā)遐想。從這個角度看花盐，無論是以上哪種風(fēng)情羡滑，都足夠稱得上“性感撩人”。
3 性感+Feed流
那么回歸到Feed流本身算芯，什么樣的Feed流能夠稱得上性感柒昏？
像美女一樣，一個性感的Feed流應(yīng)當(dāng)滿足如下特征：
3.1 塑造第一印象——在第一時間抓住你
性感的Feed流在顏值上自然有一定的要求熙揍，雖然不同用戶群在審美會有差異职祷，但硬要從王寶強身上說性感還是有些勉強（寶寶躺槍……）。尤其是現(xiàn)在主流市場幾乎被瓜分完畢的環(huán)境下届囚，想要瞄準(zhǔn)細(xì)分市場有梆，滿足細(xì)分市場用戶的更多要求，F(xiàn)eed流在視覺設(shè)計上要花些巧思意系。
3.2 刺激目標(biāo)用戶的核心需求——觸動興奮點
比第一印象更重要的是泥耀，性感的Feed流應(yīng)當(dāng)直擊用戶的核心需求。使用Feed流的APP很多蛔添，APP之間相互借鑒屢見不鮮痰催，然而不同類別兜辞、不同目標(biāo)群體的APP之間若只是對Feed流的設(shè)計生搬硬套，就有些盲目了陨囊。想要設(shè)計一款適合自家APP的性感的Feed流弦疮，思路應(yīng)當(dāng)是圍繞自家目標(biāo)用戶的核心訴求去外延、擴散蜘醋。以購物類APP為例胁塞，這個需求拆解應(yīng)當(dāng)是：
①用戶核心需求是？——找到想要購買的商品并成功購物压语；
②什么是想要購買的商品啸罢？——圖片清晰（認(rèn)清商品本身）、價格清晰（認(rèn)清價格）胎食、活動清晰（進一步促進下單）扰才、交易保障（無后患之憂，也是為了促進下單）厕怜、發(fā)貨地衩匣、送達方式……
③如何展示？——這時候就要考慮到基于用戶群不同粥航，這些信息展示的優(yōu)先級也不同琅捏。對于價格比較敏感的用戶，應(yīng)當(dāng)突出價格和優(yōu)惠递雀；對于商品質(zhì)量比較敏感的用戶柄延，則應(yīng)當(dāng)突出商品細(xì)節(jié)和售后保障；對于收獲速度比較敏感的用戶缀程，則應(yīng)當(dāng)適當(dāng)強調(diào)和物流相關(guān)的信息……
通過以上拆解搜吧，就可以初步確認(rèn)Feed上應(yīng)當(dāng)呈現(xiàn)的信息及這些信息的優(yōu)先級，從根本上刺激用戶的興奮點杨凑，保證Feed流足夠性感滤奈。之后再從排版、視覺上進行包裝撩满，提升性感的個性和質(zhì)感就容易多了蜒程。
3.3 優(yōu)化交互，保持可運營性和可拓展性——引發(fā)遐想
第三點比較容易被人忽略：一個性感的Feed流應(yīng)當(dāng)能和用戶產(chǎn)生互動鹦牛。這個互動可以從狹義上理解為操作上的交互搞糕，也可以從廣義上理解為通過某種手段給用戶不同以往的刺激，讓用戶保持有新鮮感和好奇心曼追。
這就要求在產(chǎn)品設(shè)計時就考慮到Feed流的互動性窍仰，而這個互動性同樣要從兩方面進行落實：一方面，產(chǎn)品經(jīng)理在進行產(chǎn)品設(shè)計時要考慮到用戶的交互方式礼殊，給用戶以流暢的使用體驗驹吮，通過與Feed流的互動提高用戶的沉浸度针史；另一方面，則是要求Feed流保持一定的可運營性和可拓展性碟狞，尤其是內(nèi)容啄枕、社交、電商類的APP族沃，經(jīng)常會依賴于運營手段實現(xiàn)目標(biāo)频祝，那么Feed流這樣的基本產(chǎn)品形態(tài)在設(shè)計是就要預(yù)留給運營一定的可操作能力，以后的話脆淹，也需要有能力在不影響基本產(chǎn)品架構(gòu)的前提下拓展更多的運營需求常空。
4 案例
性感這件事見仁見智，有的APP喜歡花大力氣改版盖溺，有的則是小細(xì)節(jié)撩人漓糙。為了說得更明白，這里舉兩個顆撩到我的栗子來闡釋下如何表達產(chǎn)品設(shè)計中的性感烘嘱。
（下文中涉及到的APP都是iOS版）
第一顆栗子：Instagram
先來一顆無人不知無人不曉的栗子Instagram，國內(nèi)社區(qū)類APP的Feed流多效仿此款蝇庭。話說Ins新改版的Icon被罵死了醉鳖，然而今年Feed流的改版真是愛死了！Ｒ牌酢７簟女淑！
①第一印象：這次Feed流的大改版雖然與舊版本藍(lán)色調(diào)相比谈况，F(xiàn)eed布局并沒有太大的變化陷虎，然而換上黑白色的視覺設(shè)計，并將元素之間的空隙拉大（也就是布局更松散了）鲫竞，時尚度立刻翻了100倍！比起原來的藍(lán)色+橙色的主色調(diào)逼蒙，沒有性格的黑白色系更容易與各種色調(diào)的圖片搭配从绘，板式設(shè)計微調(diào)后也減少了信息的壓迫感，更與潮流審美接軌是牢，在用戶打開APP的第一時間就帶來視覺沖擊僵井。
②刺激核心需求：圖片社交的用戶核心需求一是瀏覽圖片驳棱，二是互動（包括與別人互動和被別人互動）批什。想要判斷Feed設(shè)計的成功度，如何優(yōu)化瀏覽圖片的體驗和刺激用戶參與互動就成了關(guān)鍵社搅。單獨分析Ins的Feed可能不夠直觀驻债，我們通過和Nice的對比來分析下怎樣能更好地實現(xiàn)對核心訴求的刺激乳规。上圖是對標(biāo)Ins的Nice的Feed流，我們可以看到整體設(shè)計基本一致合呐，但細(xì)節(jié)上的區(qū)別則很多暮的。簡單分析幾個：
第一，為了凸顯用戶發(fā)布的圖片淌实，提升瀏覽圖片的流暢度冻辩，Ins對發(fā)布人信息的強調(diào)方式采用了上滑時將發(fā)布人信息cell置頂?shù)姆绞剑?dāng)整個Feed滑出屏幕拆祈，由下一個發(fā)布人信息cell替換微猖。這樣做的好處是，弱化頭像在屏幕中的比重缘屹，通過昵稱突出發(fā)布人信息凛剥，而黑色文字對主要圖片的沖擊遠(yuǎn)低于圖片；而Nice對發(fā)布人信息的強調(diào)方式則是采用方形的頭像并增加身份標(biāo)識轻姿，雖然從UGC的層面能一定程度上起到刺激用戶的作用犁珠，但卻分散了用戶的視覺焦點。
第二互亮，Ins對用戶互動功能的處理是使用大圖標(biāo)（且比Ins原來版本的圖標(biāo)更大更清晰）并排放置在圖片下方犁享，緊隨其后的是被點贊數(shù)，之后才是圖片本身的配文豹休，最下方是評論炊昆。這樣的優(yōu)先級處理，已經(jīng)把互動功能放在了非常高的位置威根，而且用戶 看到圖片——觸發(fā)互動欲望——點擊互動功能凤巨，這樣的操作非常順暢。同時洛搀，這也說明在實際應(yīng)用中敢茁，引發(fā)用戶產(chǎn)生互動欲望的還是圖片本身，文字僅僅是個輔助留美。
Nice則是將圖片的說明文字放置在了圖片下方彰檬，其次是點贊功能、點贊用戶谎砾、分享逢倍、評論、評論發(fā)布框景图，這些信息和功能之間的優(yōu)先級并不清晰较雕，有可能帶來的問題就是互動功能不突出。比如症歇，點贊的功能采用灰色郎笆，且和點贊用戶谭梗、分享平級排列，顯然其中最突出的是點贊用戶的一排彩色頭像宛蚓，而點贊功能占據(jù)的空間也小激捏、顏色也采用灰色，容易讓人誤會成不可點擊凄吏。另外远舅，評論框雖然直接顯示在Feed中，看似直觀引導(dǎo)用戶參與痕钢，然而評論框放置在最末端图柏，容易讓用戶困擾當(dāng)?shù)厥窃u論圖片還是回復(fù)他人的評論？然而實際上任连，有價值的用戶評論是非常少的蚤吹。
其他還有一些細(xì)節(jié)，比如兩個Feed之間的分割方式随抠，發(fā)布時間的展示裁着，評論的展示，都可以認(rèn)真比較下拱她。Ins的Feed流二驰，所營造出的是一種簡約、潮流秉沼、沉浸的性感桶雀，讓人欲罷不能；而相對于Ins唬复，感覺Nice更希望凸顯用戶矗积、營造社交氛圍，然而對于一個圖片社交的APP盅抚，如果在強調(diào)圖片（內(nèi)容）和強調(diào)用戶（關(guān)系）之間難以區(qū)分優(yōu)先級漠魏，就容易讓產(chǎn)品設(shè)計臃腫雜亂倔矾，失去性感的味道妄均。
③交互與運營：Ins的圖片在Feed上是1:1無邊縫展示，不設(shè)置點擊查看大圖的功能哪自，所以利用點擊實現(xiàn)了另外兩種功能：單擊顯示圖片標(biāo)簽丰包，雙擊即可點贊（并且在圖片正中間會出現(xiàn)一個大大的心形）。這樣就可以讓用戶在快速瀏覽多張圖片時壤巷，用最簡單的方式實現(xiàn)與圖片的互動邑彪。而像評論這樣參與門檻比較高的交互功能，則引導(dǎo)到了二級頁面胧华，直接調(diào)起評論欄寄症。這樣做的好處是不干擾Feed流中主要信息的凸顯宙彪，保持其調(diào)性，同時對于希望參與評論的用戶有巧，能在二級頁面獲取更多評論信息释漆，也沒有增加任何操作步驟（同樣是點擊評論——輸入文字——發(fā)送）。至于運營層面篮迎，排序和推薦這種基本的運營干預(yù)就不說了（反正也拿不到人家的策略- -）男图，最直觀的就是Feed流廣告了。
第二顆栗子：MANGO
第二顆栗子有點小眾逊笆。許多人知道MANGO的門店、天貓店岂傲，可能并沒有關(guān)注MANGO其實有自己的全球購物APP难裆。創(chuàng)立于1984年的西班牙快時尚品牌MANGO堅持全球門店風(fēng)格一致，而這種風(fēng)格也延續(xù)到了MANGO自家的購物APP里镊掖。依舊從三個方面看MANGO家的Feed流：
①第一印象：MANGO的設(shè)計風(fēng)格一直強調(diào)時尚差牛、流行與大都會感，服裝和門店的設(shè)計風(fēng)格一直維持著簡約且具有品質(zhì)的品牌形象堰乔。APP中的Feed流設(shè)計也不例外偏化，除了商品相關(guān)的信息，沒有增加任何設(shè)計元素镐侯，用簡潔的黑白灰作為設(shè)計基調(diào)侦讨，體現(xiàn)頁面質(zhì)感的同時，也突出了核心信息——服裝本身苟翻。
②刺激核心需求：雖然與其他購物APP看上去布局一致韵卤，然而在Feed流的細(xì)節(jié)上卻增加了許多巧思，促進核心信息的展示崇猫。
首先沈条，商品圖片素材被統(tǒng)一為長方形，在Feed流中的展示也是等比縮小的長方形诅炉，比起1：1的圖片比例蜡歹，能夠最大化利用空間展示服裝細(xì)節(jié)；
第二涕烧，商品名僅展示到分類月而，并沒有在Feed流里展示具體的商品名。我們可以回一下议纯，購買一件衣服的時候誰會注意到這件衣服叫什么父款？無論是線下還是線上購物，商品名和編號幾乎都會被消費者忽略，這兩個字段本身在絕大部分場景下都是對商家具有意義憨攒。MANGO的Feed信息中大膽地把商品名去除世杀，起到了簡化頁面的作用，同時也讓人更加聚焦到商品圖片本身肝集；
最后玫坛，很明顯可以看到在為數(shù)不多的信息里，原價和售價被放在了一個非常突出的位置包晰，且原價的字號是和售價一樣的湿镀。很顯然，MANGO作為一個快時尚品牌伐憾，面向的消費者對價格非常敏感勉痴，想要促進消費者下單，價格信息自然需要凸顯树肃。
③交互：MANGO的Feed流本身的交互中規(guī)中矩蒸矛，然而點擊圖片進入商品詳情頁的交互則非常讓人驚喜：除了用大圖填滿屏幕，還采用海報式上下翻頁的交互查詢多張圖片胸嘴，用左上角色塊切換同款其他顏色繼續(xù)查詢更多圖片雏掠。右下角添加到購物車的設(shè)計，點擊會出現(xiàn)透明浮層展示可購尺碼劣像。幾乎所有的信息和交互都停留在同一個畫面里乡话，不讓用戶跳出，自然就增加了沉浸感耳奕。
看完這兩顆栗子绑青，覺得我對性感的審美其實還挺一致的……
5 一句話總結(jié)
無論是波濤洶涌怒放如歌，還是精雕細(xì)琢風(fēng)情萬種屋群，圍繞目標(biāo)用戶的興奮點去釋放產(chǎn)品本身的性感讓用戶真正享受這份性感闸婴，才是正途。
（……感覺這個產(chǎn)品設(shè)計思路在找對象上也適用Ｉ瞩铩Ｐ罢А！）
2016.07.18
莔 莔 有 神
互聯(lián)網(wǎng)產(chǎn)品專欄作家对竣，愛好是女性視角看產(chǎn)品庇楞，產(chǎn)品思維看世界。
文章主要寫產(chǎn)品設(shè)計柏肪、自我管理姐刁，以及產(chǎn)品狗的生活片段。
總之烦味，愛寫啥寫啥，圖個開心，希望你也能開心地有收獲谬俄！
