很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經(jīng)錄用會有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒埪?lián)系：鳥哥筆記小羽毛（ngbjxym）
今天和大家聊一個很多鐵汁長年卡在P5/P6需要關(guān)心的命題——如何從業(yè)務(wù)出發(fā)打造具有商業(yè)價值還能兼顧用戶體驗的設(shè)計，此篇不談理論，就通過5個經(jīng)典的重量級產(chǎn)品案例就給大家安排明白啥是“一拳超人”式體驗設(shè)計——就一個字“強”。
滴滴出行應(yīng)該屬于大家的高頻使用app，但是使用的功能一般還是集中在叫車流程，所以鐵汁們可能不太會關(guān)注到CDX設(shè)計團隊一個非常核心的設(shè)計成果——xpanel。
簡單來說xpanel就是一個附著于第一信息架構(gòu)層級上，垂直Y軸且支持X軸拓展滑動的Feed卡片位。內(nèi)容上分為“消息卡片”“主體卡片”“拓展卡片”三個維度，首屏保障除了“消息”與“主體”外三分之一“拓展卡片1”的露出。
但在簡單的交互背后蘊藏的是基于業(yè)務(wù)的UGD（用戶增長設(shè)計）設(shè)計思考，這里引用2018IXDC會上滴滴主講人的原話來說就是：
對特定場景垂直領(lǐng)域的深耕和挖掘，尋找“接觸點”，幫助獲取更多的功能、內(nèi)容、服務(wù)、特性、品牌、運營甚至是喜好...進而實現(xiàn)業(yè)務(wù)的“有效增長”(轉(zhuǎn)化、變現(xiàn)、留存）。
通俗一點解釋就是xpanel利用主卡與拓展卡之間的信息架構(gòu)關(guān)系，把拓展卡平衡的分為幾類，比如“與產(chǎn)品功能相關(guān)的卡片”“與運營相關(guān)的卡片”等。
把本來被LBS地圖一屏內(nèi)搶占的空間通過簡易的交互模式補償回來了，這樣既不打破用戶的核心體驗focus在地圖與主卡上，同時又增強了運營、功能的玩法與拓展，可謂雙贏。
根據(jù)這幾年滴滴xpanel的線上應(yīng)用，拓展卡片基本挖掘涵蓋了以下場景的露出：優(yōu)惠福利、出現(xiàn)卡券、會員體系、安全相關(guān)、出行提醒、拉新導(dǎo)流、運營活動等，未來可拓展的價值內(nèi)容會更多?？粗髀烦鲂蓄恆pp又紛紛長期沿用xpanel的設(shè)計，想必線上的數(shù)據(jù)反饋應(yīng)該也是很正向的。
在文章《多維度解析 | 抖音vs快手的產(chǎn)品設(shè)計策略差異》中的商業(yè)化模塊里簡要提及過抖音的Topiew超級廣告位，這里單獨拿出來和大家解析一下它究竟有多6。
從功能角度看，它是一個從開屏延續(xù)到端內(nèi)視頻信息流的廣告位，占據(jù)了用戶從進入抖音的第一視覺。
從交互角度看，topview主要展現(xiàn)以開屏沉浸式視頻3s播放→淡出互動轉(zhuǎn)化組件3s（完美融入原生視頻信息流），剩余操作手勢與功能等同原生視頻信息流。
在這樣一個有著1億+第一曝光的產(chǎn)品位置，單純只做常規(guī)靜態(tài)開屏穩(wěn)當(dāng)入賬不香嗎？事實是抖音確實讓它不香了，沒有創(chuàng)新就沒有新的收獲?；跇I(yè)務(wù)和當(dāng)前產(chǎn)品形態(tài)下的交互模式使抖音有一個天時地利的優(yōu)勢——沉浸式體驗，在這樣的交互模式下給視頻化的開屏提供了很好的承接入口。從開屏開啟到融入信息流，在交互形態(tài)的切換中又為廣告內(nèi)容的播放時長的贏得了更多時間。
更可怕的一點是3s播放后融入原生視頻信息流中的TopView除了正常收割廣告轉(zhuǎn)化帶來的單量，還可以通過右側(cè)的主頁鏈接輕松引流進行粉絲沉淀（今天就算你不買，先關(guān)注我，成為我的潛在用戶，來日我再推一個新商品視頻，你可以第一時間看見也許感興趣就買單了）。
說完這些大家仔細回憶一下平常我們接觸的有視頻廣告的視頻平臺，別說60s、30s，15s我們都嫌長，但為啥TopView顯得相對沒那么惹人煩呢（上次留的思考題）？個人認為除了抖音在選擇合作品牌時會傾向符合平臺氣質(zhì)的品牌合作（細數(shù)它合作過的品牌：Mac、寶馬、林肯、vivo等）保障廣告質(zhì)量和提供“跳過”外，直接融入信息淡出的互動組件會不僅會給用戶新奇感，還會激發(fā)用戶的互動欲望。
最后看一組數(shù)據(jù)（與寶馬合作數(shù)據(jù)），曝光數(shù)：1.1億+；有效播放率：53.82%；點擊率：13.26%。所以你猜一個最長可以展示60s的品牌視頻內(nèi)容、同時進行品牌粉絲沉淀、良好體驗帶來更高有效播放的億級曝光廣告位能值多少錢？
2016年淘寶啟動了一個項目要做一款內(nèi)容化欄目——以視頻為主，每晚更新一期，類比“一千零一夜”的故事。
那么在滿滿當(dāng)當(dāng)?shù)奶詫氝\營區(qū)里該選擇哪一個來試玩這個有趣的“新欄目”呢？是在頭部的10宮格里再擠進去一個圖標(biāo)呢？還是在熱門推薦里擠出一個tab呢？還是做一個懸浮的右下角的運營位？顯然都不太合適。
根據(jù)這款產(chǎn)品每晚6點鐘才可以使用，早上7點就會消失的游戲規(guī)則，最適配它的入口是一個不占界面原生空間，同時又有一定儀式感的位置。于是下拉loading的大空區(qū)成為了設(shè)計師們考慮的陣地。
不知道這個banner為什么要排擠我
但地方選好了，又有了新顧慮。因為iOS的用戶基本被系統(tǒng)洗腦了下拉手勢，對于他們來說下拉=刷新，冒然在下拉刷新的手勢基礎(chǔ)上再疊加一個無關(guān)聯(lián)的結(jié)果顯然是有風(fēng)險的。因此從交互上需要界定2個維度的指標(biāo)來保障新欄目的體驗。
1.下拉速度（速度臨界值：速度多快？→刷新，多慢？→新欄目）——以速度為優(yōu)先衡量指標(biāo)（只要速度快，拉的距離再大也是→刷新）
2.下拉距離（距離臨界值：拉到多少距離進入新欄目？）——兼顧單手用戶操作難度
反復(fù)試錯2個指標(biāo)數(shù)據(jù)的實際體驗之后，新欄目有了安身之所，賜名“二樓”。進入“二樓”的整體交互和現(xiàn)在的短視頻產(chǎn)品玩法基本類同，全屏豎滑切換，小圖標(biāo)帶貨。下拉加載位的開發(fā)，從普通loading動效到運營位的植入基本被各類電商平臺輕松復(fù)刻了，因此這一切看上去更沒什么了得，但對于原創(chuàng)來說那畢竟是4年前。
談到豆瓣我算是半個老用戶了，豆瓣自身是個比較復(fù)雜的集合多條業(yè)務(wù)線分支（“小組”“同城”“閱讀”“音影”...）的多生態(tài)產(chǎn)品，這里我們主要拿它18年6.0大改版中影音模塊的詳情頁大改造來說事兒。
可能有很多人已經(jīng)忘記6.0前的豆瓣電影詳情頁長啥樣了，帶你回顧一下。
看完對比圖，視力正常的鐵汁咋一看都能看出6.0版詳情頁整容的有多成功。但具體成功在哪里，可能不僅僅是好看這么簡單。
大背景從海報上智能取色雖然不算是什么稀奇的做法，但是加了適度的漸變應(yīng)用在這里也可以說是非常的恰到好處了。另外深底色和視覺比重加大的外鏈區(qū)都突顯了“第三方播放”與“購票選座”的視覺感知。讓用戶沉浸在電影詳情中并引導(dǎo)他們走向“豆瓣的主要收入來源之一——電影票分銷與第三方視頻播放產(chǎn)品引流”正好是6.0豆瓣改版一個“小小的目標(biāo)”——更務(wù)實（商業(yè)化）。
從交互層面看，且不說評論頭部吸底這個事情是不是也是因為6.0商業(yè)化的影響（評論區(qū)增加“話題”進行重點運營），這個交互本身我覺得還是很強大的。強大的體現(xiàn)在于良好的空間收納能力與信息拓展能力。我給它起了個好聽的名字叫-疊加上滑板（不好聽也認了吧，畢竟也沒有內(nèi)部人員告訴我他們是不是起名字了）
這里可能又會有很多鐵汁質(zhì)疑它與用戶已洗腦的上滑手勢之間的沖突，這點解釋起來和上文淘寶“二樓”有些類似，區(qū)別是豆瓣并沒有做上滑速度or距離的臨界值，只是把滑動區(qū)域做了隔離。而對比它的效仿者boss直聘，人家倒是在交互上做了進一步優(yōu)化，適配自己的產(chǎn)品情況做了上滑疊層卡隱藏和上滑距離臨界值。
這個故事告訴我們，要抄也要抄的比人家的交互更優(yōu)秀才不丟人昂。
到這里4個經(jīng)典的體驗設(shè)計case就和大家盤點完畢了，我們在日常設(shè)計中如果需要借鑒也最好不要生搬硬套，根據(jù)自己的產(chǎn)品業(yè)務(wù)情況進行適配，有理有據(jù)的抄~
最后多說一句，看完此文最大的收獲可能不是今天你又學(xué)會了多少種設(shè)計界面的方法，而是一種設(shè)計的思維，具體點說也就是下次面試的時候再遇到面試官問你“你覺得現(xiàn)在產(chǎn)品設(shè)計里有哪些你覺得好的設(shè)計可以聊聊嗎”的時候希望你能想起我。
-END-
本文為作者獨立觀點，不代表鳥哥筆記立場，未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權(quán)及免責(zé)申明》 如對文章、圖片、字體等版權(quán)有疑問，請點擊 反饋舉報
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容，同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權(quán)，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結(jié)；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權(quán)益；
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡(luò)欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內(nèi)容；
2. 不友善：不尊重用戶及其所貢獻內(nèi)容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應(yīng)，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容，或進行相關(guān)行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容；
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容，如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容，如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內(nèi)容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容；
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息，主要表現(xiàn)為：
1)可能存在事實性錯誤或者造謠等內(nèi)容；
2)存在事實夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構(gòu)或個人存在關(guān)聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治??；
2)求推薦算命看相大師；
3)針對具體風(fēng)水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標(biāo)題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶；
2)內(nèi)容與標(biāo)題之間存在嚴(yán)重不實或者原意扭曲；
3)使用夸張標(biāo)題，內(nèi)容與標(biāo)題嚴(yán)重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內(nèi)容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的；
2)不當(dāng)評述自然災(zāi)害、重大事故等災(zāi)難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個用戶發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴(yán)重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富，本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的，將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)