中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文為我們盤點(diǎn)了從業(yè)務(wù)出發(fā)4個(gè)具有商業(yè)價(jià)值還能兼顧用戶體驗(yàn)的設(shè)計(jì)，并進(jìn)一步梳理了設(shè)計(jì)產(chǎn)品時(shí)的注意事項(xiàng)。

今天和大家聊一個(gè)很多鐵汁長(zhǎng)年卡在P5/P6需要關(guān)心的命題——如何從業(yè)務(wù)出發(fā)打造具有商業(yè)價(jià)值還能兼顧用戶體驗(yàn)的設(shè)計(jì)，此篇不談理論，就通過(guò)5個(gè)經(jīng)典的重量級(jí)產(chǎn)品案例就給大家安排明白啥是“一拳超人”式體驗(yàn)設(shè)計(jì)——就一個(gè)字“強(qiáng)”。

CASE 1：滴滴出行-xpanel

滴滴出行應(yīng)該屬于大家的高頻使用app，但是使用的功能一般還是集中在叫車流程，所以鐵汁們可能不太會(huì)關(guān)注到CDX設(shè)計(jì)團(tuán)隊(duì)一個(gè)非常核心的設(shè)計(jì)成果——xpanel。

簡(jiǎn)單來(lái)說(shuō)xpanel就是一個(gè)附著于第一信息架構(gòu)層級(jí)上，垂直Y軸且支持X軸拓展滑動(dòng)的Feed卡片位。內(nèi)容上分為“消息卡片”“主體卡片”“拓展卡片”三個(gè)維度，首屏保障除了“消息”與“主體”外三分之一“拓展卡片1”的露出。

但在簡(jiǎn)單的交互背后蘊(yùn)藏的是基于業(yè)務(wù)的UGD（用戶增長(zhǎng)設(shè)計(jì)）設(shè)計(jì)思考，這里引用2018IXDC會(huì)上滴滴主講人的原話來(lái)說(shuō)就是：

對(duì)特定場(chǎng)景垂直領(lǐng)域的深耕和挖掘，尋找“接觸點(diǎn)”，幫助獲取更多的功能、內(nèi)容、服務(wù)、特性、品牌、運(yùn)營(yíng)甚至是喜好…進(jìn)而實(shí)現(xiàn)業(yè)務(wù)的“有效增長(zhǎng)”(轉(zhuǎn)化、變現(xiàn)、留存）。

通俗一點(diǎn)解釋就是xpanel利用主卡與拓展卡之間的信息架構(gòu)關(guān)系，把拓展卡平衡的分為幾類，比如“與產(chǎn)品功能相關(guān)的卡片”“與運(yùn)營(yíng)相關(guān)的卡片”等。

把本來(lái)被LBS地圖一屏內(nèi)搶占的空間通過(guò)簡(jiǎn)易的交互模式補(bǔ)償回來(lái)了，這樣既不打破用戶的核心體驗(yàn)focus在地圖與主卡上，同時(shí)又增強(qiáng)了運(yùn)營(yíng)、功能的玩法與拓展，可謂雙贏。

根據(jù)這幾年滴滴xpanel的線上應(yīng)用，拓展卡片基本挖掘涵蓋了以下場(chǎng)景的露出：優(yōu)惠福利、出現(xiàn)卡券、會(huì)員體系、安全相關(guān)、出行提醒、拉新導(dǎo)流、運(yùn)營(yíng)活動(dòng)等，未來(lái)可拓展的價(jià)值內(nèi)容會(huì)更多?？粗髀烦鲂蓄恆pp又紛紛長(zhǎng)期沿用xpanel的設(shè)計(jì)，想必線上的數(shù)據(jù)反饋應(yīng)該也是很正向的。

CASE 2：抖音-TopView

在上篇文章《多維度解析 | 抖音vs快手的產(chǎn)品設(shè)計(jì)策略差異》中的商業(yè)化模塊里簡(jiǎn)要提及過(guò)抖音的Topiew超級(jí)廣告位，這里單獨(dú)拿出來(lái)和大家解析一下它究竟有多6。

從功能角度看，它是一個(gè)從開屏延續(xù)到端內(nèi)視頻信息流的廣告位，占據(jù)了用戶從進(jìn)入抖音的第一視覺。

從交互角度看，topview主要展現(xiàn)以開屏沉浸式視頻3s播放→淡出互動(dòng)轉(zhuǎn)化組件3s（完美融入原生視頻信息流），剩余操作手勢(shì)與功能等同原生視頻信息流。

在這樣一個(gè)有著1億+第一曝光的產(chǎn)品位置，單純只做常規(guī)靜態(tài)開屏穩(wěn)當(dāng)入賬不香嗎？事實(shí)是抖音確實(shí)讓它不香了，沒有創(chuàng)新就沒有新的收獲?；跇I(yè)務(wù)和當(dāng)前產(chǎn)品形態(tài)下的交互模式使抖音有一個(gè)天時(shí)地利的優(yōu)勢(shì)——沉浸式體驗(yàn)，在這樣的交互模式下給視頻化的開屏提供了很好的承接入口。從開屏開啟到融入信息流，在交互形態(tài)的切換中又為廣告內(nèi)容的播放時(shí)長(zhǎng)的贏得了更多時(shí)間。

更可怕的一點(diǎn)是3s播放后融入原生視頻信息流中的TopView除了正常收割廣告轉(zhuǎn)化帶來(lái)的單量，還可以通過(guò)右側(cè)的主頁(yè)鏈接輕松引流進(jìn)行粉絲沉淀（今天就算你不買，先關(guān)注我，成為我的潛在用戶，來(lái)日我再推一個(gè)新商品視頻，你可以第一時(shí)間看見也許感興趣就買單了）。

說(shuō)完這些大家仔細(xì)回憶一下平常我們接觸的有視頻廣告的視頻平臺(tái)，別說(shuō)60s、30s，15s我們都嫌長(zhǎng)，但為啥TopView顯得相對(duì)沒那么惹人煩呢（上次留的思考題）？個(gè)人認(rèn)為除了抖音在選擇合作品牌時(shí)會(huì)傾向符合平臺(tái)氣質(zhì)的品牌合作（細(xì)數(shù)它合作過(guò)的品牌：Mac、寶馬、林肯、vivo等）保障廣告質(zhì)量和提供“跳過(guò)”外，直接融入信息淡出的互動(dòng)組件會(huì)不僅會(huì)給用戶新奇感，還會(huì)激發(fā)用戶的互動(dòng)欲望。

最后看一組數(shù)據(jù)（與寶馬合作數(shù)據(jù)），曝光數(shù)：1.1億+；有效播放率：53.82%；點(diǎn)擊率：13.26%。所以你猜一個(gè)最長(zhǎng)可以展示60s的品牌視頻內(nèi)容、同時(shí)進(jìn)行品牌粉絲沉淀、良好體驗(yàn)帶來(lái)更高有效播放的億級(jí)曝光廣告位能值多少錢?？

CASE 3：淘寶-二樓

2016年淘寶啟動(dòng)了一個(gè)項(xiàng)目要做一款內(nèi)容化欄目——以視頻為主，每晚更新一期，類比“一千零一夜”的故事。

那么在滿滿當(dāng)當(dāng)?shù)奶詫氝\(yùn)營(yíng)區(qū)里該選擇哪一個(gè)來(lái)試玩這個(gè)有趣的“新欄目”呢？是在頭部的10宮格里再擠進(jìn)去一個(gè)圖標(biāo)呢？還是在熱門推薦里擠出一個(gè)tab呢？還是做一個(gè)懸浮的右下角的運(yùn)營(yíng)位？顯然都不太合適。

根據(jù)這款產(chǎn)品每晚6點(diǎn)鐘才可以使用，早上7點(diǎn)就會(huì)消失的游戲規(guī)則，最適配它的入口是一個(gè)不占界面原生空間，同時(shí)又有一定儀式感的位置。于是下拉loading的大空區(qū)成為了設(shè)計(jì)師們考慮的陣地。

不知道這個(gè)banner為什么要排擠我

但地方選好了，又有了新顧慮。因?yàn)閕OS的用戶基本被系統(tǒng)洗腦了下拉手勢(shì)，對(duì)于他們來(lái)說(shuō)下拉=刷新，冒然在下拉刷新的手勢(shì)基礎(chǔ)上再疊加一個(gè)無(wú)關(guān)聯(lián)的結(jié)果顯然是有風(fēng)險(xiǎn)的。因此從交互上需要界定2個(gè)維度的指標(biāo)來(lái)保障新欄目的體驗(yàn)。

1.下拉速度（速度臨界值：速度多快？→刷新，多慢？→新欄目）——以速度為優(yōu)先衡量指標(biāo)（只要速度快，拉的距離再大也是→刷新）

2.下拉距離（距離臨界值：拉到多少距離進(jìn)入新欄目？）——兼顧單手用戶操作難度

反復(fù)試錯(cuò)2個(gè)指標(biāo)數(shù)據(jù)的實(shí)際體驗(yàn)之后，新欄目有了安身之所，賜名“二樓”。進(jìn)入“二樓”的整體交互和現(xiàn)在的短視頻產(chǎn)品玩法基本類同，全屏豎滑切換，小圖標(biāo)帶貨。下拉加載位的開發(fā)，從普通loading動(dòng)效到運(yùn)營(yíng)位的植入基本被各類電商平臺(tái)輕松復(fù)刻了，因此這一切看上去更沒什么了得，但對(duì)于原創(chuàng)來(lái)說(shuō)那畢竟是4年前。

CASE 4：豆瓣-疊加上滑板

談到豆瓣我算是半個(gè)老用戶了，豆瓣自身是個(gè)比較復(fù)雜的集合多條業(yè)務(wù)線分支（“小組”“同城”“閱讀”“音影”…）的多生態(tài)產(chǎn)品，這里我們主要拿它18年6.0大改版中影音模塊的詳情頁(yè)大改造來(lái)說(shuō)事兒。

可能有很多人已經(jīng)忘記6.0前的豆瓣電影詳情頁(yè)長(zhǎng)啥樣了，帶你回顧一下。

看完對(duì)比圖，視力正常的鐵汁咋一看都能看出6.0版詳情頁(yè)整容的有多成功。但具體成功在哪里，可能不僅僅是好看這么簡(jiǎn)單。

大背景從海報(bào)上智能取色雖然不算是什么稀奇的做法，但是加了適度的漸變應(yīng)用在這里也可以說(shuō)是非常的恰到好處了。另外深底色和視覺比重加大的外鏈區(qū)都突顯了“第三方播放”與“購(gòu)票選座”的視覺感知。讓用戶沉浸在電影詳情中并引導(dǎo)他們走向“豆瓣的主要收入來(lái)源之一——電影票分銷與第三方視頻播放產(chǎn)品引流”正好是6.0豆瓣改版一個(gè)“小小的目標(biāo)”——更務(wù)實(shí)（商業(yè)化）。

從交互層面看，且不說(shuō)評(píng)論頭部吸底這個(gè)事情是不是也是因?yàn)?.0商業(yè)化的影響（評(píng)論區(qū)增加“話題”進(jìn)行重點(diǎn)運(yùn)營(yíng)），這個(gè)交互本身我覺得還是很強(qiáng)大的。強(qiáng)大的體現(xiàn)在于良好的空間收納能力與信息拓展能力。我給它起了個(gè)好聽的名字叫-疊加上滑板（不好聽也認(rèn)了吧，畢竟也沒有內(nèi)部人員告訴我他們是不是起名字了）

這里可能又會(huì)有很多鐵汁質(zhì)疑它與用戶已洗腦的上滑手勢(shì)之間的沖突，這點(diǎn)解釋起來(lái)和上文淘寶“二樓”有些類似，區(qū)別是豆瓣并沒有做上滑速度or距離的臨界值，只是把滑動(dòng)區(qū)域做了隔離。而對(duì)比它的效仿者boss直聘，人家倒是在交互上做了進(jìn)一步優(yōu)化，適配自己的產(chǎn)品情況做了上滑疊層卡隱藏和上滑距離臨界值。

這個(gè)故事告訴我們，要抄也要抄的比人家的交互更優(yōu)秀才不丟人昂。

小結(jié)

到這里4個(gè)經(jīng)典的體驗(yàn)設(shè)計(jì)case就和大家盤點(diǎn)完畢了，我們?cè)谌粘ＴO(shè)計(jì)中如果需要借鑒也最好不要生搬硬套，根據(jù)自己的產(chǎn)品業(yè)務(wù)情況進(jìn)行適配，有理有據(jù)的抄~

最后多說(shuō)一句，看完此文最大的收獲可能不是今天你又學(xué)會(huì)了多少種設(shè)計(jì)界面的方法，而是一種設(shè)計(jì)的思維，具體點(diǎn)說(shuō)也就是下次面試的時(shí)候再遇到面試官問(wèn)你“你覺得現(xiàn)在產(chǎn)品設(shè)計(jì)里有哪些你覺得好的設(shè)計(jì)可以聊聊嗎”的時(shí)候希望你能想起我，hiahiahia~

作者：Nana，滴滴資深UX設(shè)計(jì)師，微信公眾號(hào)「Nana的設(shè)計(jì)錦囊」

本文由 @NaNa 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議