微信作為一個用戶體量龐大的一個熟人社交平臺,在我們?nèi)粘I詈凸ぷ髦卸紩玫剑欢⑿沤?jīng)過不斷地發(fā)展也更新了很多新的社交功能,并且具有商業(yè)價值,朋友圈也是其中一個;本文作者分享了關(guān)于微信朋友圈被“折疊”的產(chǎn)品設(shè)計思路,我們一起來看一下。
最近微信朋友圈被“折疊”的設(shè)計引起了網(wǎng)友熱議,褒貶不一。
有的人認(rèn)為每天不用被鋪天蓋地的刷屏廣告“淹沒”了,有動力多刷一會朋友圈,終于有機會在茫茫廣告里找到朋友的動態(tài);但也有反對的聲音,認(rèn)為微信管的太寬了,如果不需要看,用戶早就主動“屏蔽”了,希望微信團隊可以改回來。
微信背靠10億用戶,每一個小的設(shè)計改動,都有可能引起“全民轟動”;面對如此龐大的用戶群體,以及千人千面的需求,微信團隊表示:
“朋友圈是用戶分享和關(guān)注朋友們生活點滴的空間,一直以來批量或高頻次發(fā)送營銷性信息的行為,存在侵?jǐn)_用戶安寧、減損用戶朋友圈體驗的問題,(因此)被較多用戶投訴?!绷硗猓瑘F隊還表示:“根據(jù)《微信個人帳號使用規(guī)范》,此類內(nèi)容(營銷信息)一經(jīng)發(fā)現(xiàn),騰訊將根據(jù)違規(guī)程度對微信帳號采取相應(yīng)的處理措施,包括但不限于折疊內(nèi)容、將內(nèi)容處理為僅發(fā)布者自己可見等?!?
當(dāng)產(chǎn)品面臨質(zhì)疑時,如何從眾多的聲音中,抽絲剝繭,刪繁就簡,找到與產(chǎn)品定位真正匹配的核心需求?通過下述三方面思路分析,我們一起來看看要如何抓住產(chǎn)品的核心用戶。
解讀他人的真情實感,即為共情,又叫做同理心,是體驗他人內(nèi)心世界的能力。
它包含三個方面的含義:
最近娃哈哈集團和斗羅大陸熱門IP聯(lián)合,推出新版低糖風(fēng)味酸奶飲品,深度共情年輕消費群體。那么,他們是如何做到的呢?
結(jié)合了騰訊視頻熱播國漫《斗羅大陸》最新劇情,女主小舞“獻祭”而死,而廣告恰恰演繹了,喝了酸奶飲品小舞即刻“元氣回歸”。
首先對觀眾遺憾的心情,給予及時“補償”;其次,運用廣告語言,分別讓男女觀眾產(chǎn)生強烈的帶入感,比如:
我們在來看看小紅書上面的部分評價內(nèi)容,提到劇情、口味,低糖、適合誰喝,顏值高,均透露出對飲品的關(guān)注和喜愛。
娃哈哈集團借用《斗羅大陸》IP作為橋梁,將用戶渴望找到安全感、成就感的自我體驗,寄托在自己的產(chǎn)品上,叫做“心理投射”式營銷。
所謂“心理投射”說得直白一些,就是“借物傳情”,“借景抒情”,人們把自己內(nèi)心的感受和內(nèi)容,通過客觀世界反應(yīng)出來;因此,常??梢詮囊粋€人對他人對看法、以及自身的興趣愛好,推測這個人的心理特征和意圖,而不僅僅通過語言來解讀他們的需求。
在訪談的過程中,提問是研究用戶動機的可行性方法之一,但訪談不僅僅是語言交流,還包含肢體語言、微表情以及隱藏在內(nèi)心深處的沖突和欲望,這些需求屬于用戶的不自覺欲望。
如果說自覺欲望是用戶清晰的知道自己想要什么,那么不自覺欲望,就是連用戶自己也說不清,道不明的欲望;如果把用戶的自覺欲望比喻成冰山表面,不自覺欲望就是冰山深入海平面以下的部分。
比如,明知道吃蛋糕要長胖,但是還是忍不住要吃;明知道熬夜對身體不好,但是還是忍不住刷手機到午夜。
那種“忍不住”的感覺就是人們最深層的需求,吃甜食、刷手機可以讓人心情愉悅,讓人產(chǎn)生放松的感覺;而“控制”需要人們用意志力去規(guī)范,而非出于“本性”。
娛樂性產(chǎn)品重在激發(fā)人們的不自覺欲望,釋放本性,比如《和平精英》為了讓新手盡快融入游戲,自動匹配“機器人”和玩家戰(zhàn)斗,讓玩家贏得“很爽”,等玩家對游戲產(chǎn)生情感依戀,再逐漸增加和真人匹配的戰(zhàn)斗。
而教育類產(chǎn)品要運用用戶本性,鼓勵用戶形成良好自律性;比如在記單詞第一天,寫下學(xué)習(xí)計劃并鼓勵分享出去,在為用戶細化目標(biāo)的同時,“分享”行為形成一種“自我形象壓力”,設(shè)計者撬動用戶內(nèi)心,向往自己變得更好的本性,慢慢讓用戶形成學(xué)習(xí)習(xí)慣。
以上我們從“釋放-壓抑”的縱向深度上討論了用戶面對自己欲望的處理方式,接著,我們在“自我-適應(yīng)”的橫向緯度來看看用戶的處理方式;在社會中,人們在歸屬群體和獨立自我之間進行權(quán)衡,兩者向來也是此消彼長的關(guān)系。
比如,年輕群體在選擇“追求自我”還是“適應(yīng)環(huán)境”方面,也有了新的突破和巧妙的和解,具體體現(xiàn)在95后大多屬于獨生子女;他們是互聯(lián)網(wǎng)最原始的居民,童年伴隨著網(wǎng)上社交一起成長,更樂于在互聯(lián)網(wǎng)上尋找志同道合的朋友,而非身邊的熟人社交;形成一種“獨而不孤”的社交氛圍,在“獨處”和“融入”環(huán)境方面相得益彰。
通過上述縱橫兩個緯度的標(biāo)尺,我們可以建立消費動機分析模型,來解讀大數(shù)據(jù)行為標(biāo)簽背后消費群體的渴望。
以B站為例,通過分析B站用戶的興趣標(biāo)簽,“順藤摸瓜”式的洞察B站用戶群體的核心需求;數(shù)據(jù)清洗后,我們收集到以下12個緯度的興趣熱門標(biāo)簽:
游戲高玩、漫畫達人、生活記錄、音樂家、好奇心學(xué)霸、吃貨軍團、時尚潮人、運動健將、鏟屎官、數(shù)碼發(fā)燒友、愛豆粉絲、汽車科技。
根據(jù)對上述興趣的理解,每個標(biāo)簽可以按照如下表格進行拆分解讀,最后對每種傾向進行統(tǒng)計。
合計出心理動機傾向最明顯的三個象限是:樂享釋放、融合溝通、活力探索。
而這些心理特性,正是符合B站作為24歲以下,年輕用戶最愛的,文化社區(qū)的產(chǎn)品定位,把B站打造成用戶釋放自我、融合溝通、活力探索的平臺。
B站的激勵機制,極大鼓勵up主的創(chuàng)作細胞,同時開發(fā)了他們探索的內(nèi)在需求,為B站產(chǎn)出海量內(nèi)容;而這些內(nèi)容更好的滿足了廣大用戶樂享釋放、融合溝通的訴求,形成“自產(chǎn)自銷”的良性循環(huán)。
2020年,B站彈幕頻率出現(xiàn)最高的詞語是“爺青回”,折射出年輕群體對青春、活力生活的渴望與留念;它頻繁出現(xiàn)在B站彈幕上,也從另一個側(cè)面反應(yīng)出在B站是可以讓這樣的情緒棲息的場所,是B站深根目標(biāo)用戶,并獲得良好反饋的體現(xiàn)。
最后,我們再來看看陪伴我們每個人的微信,產(chǎn)品定位很明確的指出是:“用戶分享和關(guān)注朋友們生活點滴的空間”,舊版微信的開屏畫面,暗示著“孤獨”的個人與世界“相連”的深深渴望。
而剛剛升級的8.0版本,開屏動畫簡單的幾句:“我看見你,我看見笑臉,我看見煙花,我看見一首歌,我看見你看見的”迅速讓用戶產(chǎn)生共鳴感,拉近產(chǎn)品和用戶之間的距離,激活用戶的“有你陪伴不孤單”的不自覺欲望;而新功能鼓勵用戶分享情感,情感外化的設(shè)計也很快上來熱搜。
朋友圈自動折疊的內(nèi)容,通常是用戶直接復(fù)制、粘貼的內(nèi)容;對于眾多微信創(chuàng)業(yè)者來講,思考如何做出有個人特色IP的朋友圈,想辦法不斷輸出優(yōu)質(zhì)內(nèi)容來打動你的朋友,才是事業(yè)成功的制勝法寶。
微信團隊在龐大的用戶群體中,做出與產(chǎn)品定位匹配的“取舍”決策,也將對產(chǎn)品的穩(wěn)定發(fā)展,具有深遠意義。
文章來源:人人都是產(chǎn)品經(jīng)理 作者:設(shè)計師的翻車日記
藍藍設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
設(shè)計到了瓶頸時候需要打破瓶頸的好方法就是否定,否定自己之前做的一切東西開始去探索學(xué)習(xí)新的設(shè)計方向與用戶體驗。
AJAX之父Jesse James Garrett在2007年出版了一本名為《用戶體驗要素》的書,提出了從5個要素自下而上的建設(shè)用戶體驗;從最早這本書針對web端的設(shè)計到現(xiàn)在移動互聯(lián)的app設(shè)計,因為其超強的普適性和實戰(zhàn)指導(dǎo)性被廣為流傳為UX設(shè)計中經(jīng)典的項目創(chuàng)建與研究的方法論。
2008年,當(dāng)你宅在宿舍玩游戲,發(fā)現(xiàn)已經(jīng)很晚了,你打開餓了么APP,點了一個蛋炒飯,半個小時后就有人把飯給你送到宿舍。你禁不住說道“Aha,原來在這個APP中可以足不出戶就能吃到身邊的美食!”
2015年,當(dāng)你在學(xué)校散步,發(fā)現(xiàn)有很多輛小黃車,然后下載一個APP就可以將車子騎走,你會禁不住說道“Aha,原來共享單車可以這么便宜就隨便騎呀!”
好的產(chǎn)品一定是企業(yè)服務(wù)能力的體現(xiàn),要保證每一個產(chǎn)品功能都能落地實施,否則產(chǎn)品只是鏡花水月。沒有能力去支撐的產(chǎn)品都是耍流氓。因此要基于企業(yè)的發(fā)展布點規(guī)劃,每一個我們做出的核心決定,都應(yīng)該建立在我們確切了解的基礎(chǔ)上。
但一個好的軟件之初應(yīng)該去怎么思考未來設(shè)計的方向呢?通過5w1h指導(dǎo)我們更加全面的考慮問題并高效解決問題。
弗洛伊德認(rèn)為,如果將人的整個意識比喻成一座冰山的話,那么浮出睡眠的部分屬于意識的范圍,淹沒在水下的那片深不可測的部分屬于意識的范圍,而鏈接意識和無意識的那層面屬于前意識的狀態(tài),這就是著名的“冰山理論”。
無意識設(shè)計是深澤直人提出的理論,是指通過有意識的設(shè)計實現(xiàn)無意識的行為。無意識并不是真的沒有意識,而是人們知道自己需要某些東西,但還沒有意識到到底需要什么。
以商場購物流程為例把握整體環(huán)節(jié)
用戶體驗顧名思義就是“用戶使用產(chǎn)品時的心理感受”。用戶體驗可能來自產(chǎn)品給用戶留下的第一印象,也可能來自用戶長期以來感受到的正面或者負面影響。理想的用戶體驗是用戶感到高興、滿足、驕傲甚至是愛上這款產(chǎn)品。
通過問卷調(diào)查等方式對用戶進行調(diào)研,收集用戶對產(chǎn)品的反饋,分析用戶認(rèn)為本產(chǎn)品中最有價值的功能點是什么?做了什么關(guān)鍵動作才認(rèn)識到產(chǎn)品有這個功能點的?收集匯總產(chǎn)品的一些關(guān)鍵功能點之后進行分析,思考產(chǎn)品想要解決用戶最大的痛點是什么?產(chǎn)品是如何解決這一痛點的?競品是如何解決這一痛點的?我們與他們的解決方式有什么不同?如何讓用戶認(rèn)識到產(chǎn)品的價值等。
通過上面用戶超市購物邏輯的分析/發(fā)現(xiàn)/了解/反思,可以精確的了解到當(dāng)前電商軟件設(shè)計中的分類/購物車/購物卷/配送等功能的設(shè)計應(yīng)用的必要性。
戰(zhàn)略層中明確了用戶需求和產(chǎn)品目標(biāo)后,范圍層就要確定做哪些功能、提供什么內(nèi)容來實現(xiàn)產(chǎn)品目標(biāo)。
上圖可看同樣的購物app首頁功能卻有著極大的不同,拼多多與京東還是以傳統(tǒng)的電商頁面為主,而得物(毒)卻以一種展示形式呈現(xiàn)出來。為什么得物要以展示性功能進行首頁的展示,而京東和拼多多要以商品為主去展示整體功能呢?
在我看來因為面對用戶整體的不同,整體功能和展現(xiàn)內(nèi)容也有不同的展現(xiàn),如計劃需求型的商品有固定的需求或者確定的購物計劃才去進行需求型購買。而對于潮牌的用戶群體是因為在購物現(xiàn)場見到某種產(chǎn)品或某些營業(yè)推廣、廣告宣傳,提示或激起顧客尚未滿足的消 費需求,從而引起消費欲望決定購買,其實這是購物現(xiàn)場刺激的結(jié)果,是的一種刺激沖動型消費。
好的產(chǎn)品設(shè)計是順勢而為,而不是重新定義用戶體驗,更全面地了解用戶畫像,可以幫助我們作出更有方向,更符合用戶需求。
在設(shè)計主要的頁面的時候需要問自己幾個問題,功能導(dǎo)向是否符合產(chǎn)品目標(biāo)?核心功能板塊是否缺失?頁面布局是否一致等問題。
通過觀察以上的功能但是卻又有很大的不同,在拼多多首頁的設(shè)計以產(chǎn)品為主,而得物app卻以用戶分享頁面為主;拼多多設(shè)計風(fēng)格為一種較為“接地氣”的頁面,得物app卻以一種“高端時尚”的頁面。
為什么要以這兩種風(fēng)格去設(shè)計這兩款軟件呢,同樣是國內(nèi)大的電商平臺,為什么一個風(fēng)格高端時尚一個“低端混亂”?
模擬用戶的行為,當(dāng)一個產(chǎn)品可以模擬用戶的行為,將用戶代入真實的情境中,用戶就會對產(chǎn)品產(chǎn)生深刻的認(rèn)同感。在以用戶畫像進行分析,當(dāng)一個60歲的叔叔,晚上5點準(zhǔn)備為一家人去做晚飯之前,去給家人買菜。他是更喜歡去高端的專賣店去買還是去一個臟亂的菜市場去買菜呢?結(jié)果顯而易見在會更加傾向于市場,因為市場給人最直觀的印象就是價格便宜,能以最便宜的價格去買到自己想要的物品。
再進行一個用戶畫像進行分析,一個00后的潮男,他要為自己買一款好看的球鞋,他的購買路徑是什么呢?首先他需要去了解什么樣的什么品牌款式的鞋才是最時尚的,其次他會選著一個最專業(yè)的品牌專賣店或者大的電商平臺去進行購買,因為這樣能給他最大的品牌保障。
通過以上這兩點才能更加詮釋一個產(chǎn)品的設(shè)計方向和最佳的用戶體驗。
根據(jù)尼爾森F模型,我們可以得出幾個心理暗示:
用戶快速掃視時,具體的文字并不重要
多用小標(biāo)題、短句引起閱讀者注意
將重要的內(nèi)容放在最上邊
其實,拇指操作熱圖最早是由設(shè)計師Steven Hoober于2011年的書《Designing Mobile Interface》中使用,其中的綠色部分被他稱為“單手握持時拇指觸摸最舒適的區(qū)域”。這些區(qū)域的測量是通過1333份觀測分析總結(jié)出來的,這些分析數(shù)據(jù)還表明,49%的用戶習(xí)慣于單手握持手機,用拇指操控屏幕,而用另外一只手做其他的事情。同樣是基于當(dāng)年的這些報告,還獲取了以下信息:
36%的用戶會雙手環(huán)抱手機,用其中一只手的拇指操控屏幕
15%的用戶會用雙手握持手機并用兩手的拇指操控屏幕,其中90%的用戶操作時習(xí)慣屏幕豎著,而10%的用戶偏向于橫屏操作。
結(jié)合觸屏拇指熱區(qū)和推導(dǎo)模型,將高頻操作放在最容易點擊位置,降低用戶使用成本,提升用戶體驗。
合格的設(shè)計師能夠繪制風(fēng)格統(tǒng)一的圖標(biāo),而優(yōu)秀的設(shè)計師能夠創(chuàng)造風(fēng)格獨特的圖標(biāo)。我們是否能夠在最求大小一致、圓角一致、線寬一致、視覺一致和配色一致的同時,為它的視覺表現(xiàn)力加入更多的創(chuàng)意呢?
心理學(xué)認(rèn)為,情感是人對客觀事物是否滿足自己的需求而產(chǎn)生的態(tài)度體驗,當(dāng)這種需求得到滿足時,人們會產(chǎn)生愉悅、喜愛、幸福的情感。延伸到APP設(shè)計中,在產(chǎn)品加入情感化設(shè)計可以成為用戶之間的感情的傳遞橋梁,增加用戶對產(chǎn)品的好感度。情感化設(shè)計不是轟轟烈烈,有的時候僅僅是一個icon,一個圖片一句話。情感化設(shè)計讓產(chǎn)品變得有溫度,讓用戶獲得愉悅的使用體驗,這些簡單的細節(jié)設(shè)計充滿了積極的情緒。它滿足產(chǎn)品的功能性和易用性的同事追求更高層次的目標(biāo)。
情感化設(shè)計在空白頁設(shè)計中發(fā)揮著巨大的作用,他通過設(shè)計手段來減輕用戶在看到一個毫無內(nèi)容的頁面時產(chǎn)生的挫敗感。
Tabs是APP設(shè)計中最常見的控件之一,它幫助界面進行快速的信息分類導(dǎo)航。在視覺表現(xiàn)形式上,Tabs和標(biāo)簽欄同樣也分為選中狀態(tài)和未選中狀態(tài),一個好的Tabs既要有設(shè)計感又符合產(chǎn)品特性。在一個APP中有許多的界面,每一個界面又有許多的元素,那些同類的元素應(yīng)保持統(tǒng)一的設(shè)計樣式。通常個人中心的人形剪影,它代表著用戶,因此可以在展示用戶頭像和用戶形象的界面中延展使用?;蛘擢毺氐漠a(chǎn)品外觀、logo、ip形象,也可以作為視覺符號的一種,延續(xù)到其他的界面中。這樣這個界面就被統(tǒng)一的設(shè)計元素聯(lián)系起來了,給用戶始終如一的一致感,增加了極強的品牌效應(yīng)。并將這種情感投射到產(chǎn)品,從而提升用戶對產(chǎn)品的認(rèn)同感和忠誠度。
我們還可以從品牌基因中獲取靈感,品牌作為用戶熟知的形象是個絕佳的來源。從品牌形象中提取具有獨特氣質(zhì)的視覺符號作為Tab選中狀態(tài),既讓界面視覺獨一無二,又進一步強化了用戶對品牌形象的認(rèn)知。
作為中國最大線上購物平臺之一的天貓,其品牌最顯著的特征就是那只大腦袋小身體的黑貓,而它的“貓頭”也成為天貓每一次品牌推廣的必要元素。其中最受矚目的就是“貓頭”
聯(lián)合營銷海報的設(shè)計,已成為天貓與大品牌一起聯(lián)合營銷的傳統(tǒng)項目,通過設(shè)計創(chuàng)意淋淋盡職地表達出廠商的品牌精神和各自倡導(dǎo)的生活方式。
從品牌圖形中提取具有鮮明特征的形狀作為設(shè)計語言,也是一種設(shè)計風(fēng)格的最好表現(xiàn)。
文章來源:站酷 文章作者:大峰_Design
藍藍設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)娜?庫娜是西班牙馬德里的一位自由職業(yè)插畫師和設(shè)計師以及歐洲設(shè)計學(xué)院的信息圖表課程教師。
安娜?庫娜是西班牙馬德里的一位自由職業(yè)插畫師和設(shè)計師以及歐洲設(shè)計學(xué)院的信息圖表課程教師。她參與過多個插畫項目,為音樂家、書籍封面、雜志內(nèi)容、紡織產(chǎn)品以及漫畫制作插畫,同時還合作過Monocle?雜志、《快公司》、PDN、Netflix、微軟、福克斯、Snapchat 等品牌。
FILTROS MADRID
▲BUSCADOR VIAJES
▲BUSCADOR VIAJES
把握信息表達的張力、排版能力、插畫創(chuàng)作以及整體設(shè)計感,對信息圖表設(shè)計師來說各有各的挑戰(zhàn)性,也讓信息圖表設(shè)計逐漸發(fā)展成為現(xiàn)代平面設(shè)計中的一大重要門類。
文章來源:站酷 作者:BranD雜志
安娜?庫娜
信息圖表:框架、分層、排版、插畫
#信息圖表由文字、數(shù)據(jù)以及圖像組成。
Q1
Q2
Q3
Q4
Q5
Q6
二次確認(rèn)的主要作用是防止誤操作,以及警示操作帶來的后果,避免用戶無意之間執(zhí)行了本不想做的操作。從用戶流程圖中我們不難看出,二次確認(rèn)是一種打斷用戶流程的設(shè)計,只是迫不得已的折中方案。所以在是否使用,如何使用上需要有一定的考慮,否則會適得其反。
我們可從操作的可逆性,嚴(yán)重性,復(fù)雜度和操作頻率進行前期分析,即用戶的操作是否可以撤回,是否會造成嚴(yán)重或有漣漪效應(yīng)的后果,是否經(jīng)常做這樣的操作。下文將操作的危險程度分了三個級別,對不同類型的二次確認(rèn)模式進行說明。
對于低危操作我們可以不設(shè)置二次確認(rèn),或只在危險程度升高時再和用戶確認(rèn)。
1. 操作基本無害,不設(shè)置二次確認(rèn)
一些非常常規(guī),很好注意到變化,或者容易回滾的操作無需配置二次確認(rèn)。例如新建文件夾,復(fù)制文件,完成一個代辦事項等。
2. 達到危險性后再進行確認(rèn)
這種場景比較特殊,我們用一個例子說明。比如當(dāng)用戶處于一個有兩層級別的托盤,第二級的新表單沒有完成填寫,就點擊了表單托盤的關(guān)閉按鈕。我們可以讓頁面滾動到用戶沒有完成的地方,通過條幅提示,標(biāo)紅或閃爍等交互方式提醒用戶。按照此時危險級別,我們僅需采用低強度的溝通方式,讓用戶明白操作的問題即可。
然而假如用戶點擊的是瀏覽器的標(biāo)簽頁關(guān)閉按鈕,其危險級別就很高,系統(tǒng)很可能拋棄用戶未完成的表單導(dǎo)致數(shù)據(jù)丟失。此時我們可以通過前端技術(shù),在用戶點擊瀏覽器的刷新或關(guān)閉按鈕時,彈出二次確認(rèn)對話框。
日常的一些操作,如提交表單,刪除文件,發(fā)送交易等,若被用戶在沒有明確后果的情況下執(zhí)行,會造成難以補救的不良影響,但后果不至于完全不可挽回。我們可以在此危險范圍內(nèi),配置不同形式的二次確認(rèn)流程。
1. 即時撤銷
撤回提醒一般針對操作頻率高且容易回滾的操作。例如在線上網(wǎng)盤刪除或移動文件后,通常會彈出一個 toast 提示,告知用戶成功執(zhí)行了操作,并顯示“撤回”按鈕,讓用戶在誤操作時可以快速回滾。
2. 提示信息
提示信息是二次確認(rèn)最常見的一種,適用場景廣泛。系統(tǒng)會在用戶執(zhí)行操作時打斷,提示后果并詢問是否繼續(xù)。其界面表現(xiàn)形式比較豐富,例如購物時的結(jié)算賬單頁,轉(zhuǎn)賬時的確認(rèn)頁,退出程序時的文件保存彈窗等等。
3. 垃圾桶或類似的臨時承接結(jié)構(gòu)
臨時承接結(jié)構(gòu)適用于有不良后果但操作頻次高的場景。如果用戶經(jīng)常需要做一些有破壞性的操作,我們可以在系統(tǒng)中布置一個用來臨時承接這些操作的結(jié)構(gòu),而不直接執(zhí)行破壞性操作。如此設(shè)計有兩個優(yōu)點:用戶不僅可以隨時反悔,而且避免了系統(tǒng)總是打斷用戶的高頻操作。
例如大部分操作系統(tǒng)刪除文件時只是將文件移動到垃圾桶,并不會造成實質(zhì)傷害。二次確認(rèn)只會出現(xiàn)在用戶需要清空垃圾桶時。這便通過臨時承接結(jié)構(gòu)緩沖了用戶的破壞性操作,同時避免了頻繁打斷用戶。
執(zhí)行后果極其嚴(yán)重且無法挽回的操作,例如刪除賬號,刪除虛擬幣錢包,抹除設(shè)備數(shù)據(jù)等時,系統(tǒng)需要用戶仔細想清楚,完全理解即將發(fā)生的事情并接受后果,此時可采用攔截性強,步驟多的確認(rèn)方式。但請務(wù)必注意,即將列舉的幾種設(shè)計會給用戶帶來一定程度的挫敗感。除非萬不得已,盡可能考慮上文中的設(shè)計方式。
1. 按鈕倒計時
在確認(rèn)按鈕上倒計時,給用戶一段冷靜的時間,倒計時完成后按鈕才變回可用狀態(tài)。
2. 多次詢問
多次詢問是一種較為粗暴的確認(rèn)形式,通過不斷地警告讓用戶確認(rèn)。大家可能依稀記得蘋果手機的重置流程:首先需要輸入蘋果賬號密碼和設(shè)備密碼驗證身份,再通過兩層二次確認(rèn)彈窗,系統(tǒng)才會開始抹除數(shù)據(jù)。
3. 勾選并接受后果
將說明部分拆解成復(fù)選框,用戶依次勾選并接受后果之后,執(zhí)行按鈕才會變成可用狀態(tài)。通常用于有嚴(yán)重或復(fù)雜連帶后果的操作。例如刪除虛擬幣錢包時,軟件會讓用戶接受:未備份密鑰的資產(chǎn)將永久丟失;沒有服務(wù)商可以找回資產(chǎn);軟件方不承擔(dān)任何連帶責(zé)任。
4. 輸入操作對象名稱
常見于底層目錄的刪除等操作。用戶需要正確輸入操作對象的名稱才能執(zhí)行,步驟較為繁瑣,非常耗費用戶精力,但很大程度上可以規(guī)避用戶操作錯誤的對象。
5. 冷靜期(非二次確認(rèn))
當(dāng)注銷臉書等賬號后,服務(wù)會將賬戶信息繼續(xù)保留一段時間,若冷靜期內(nèi)用戶重新登錄,賬號信息會自動恢復(fù)。冷靜期的設(shè)計原理和 2.3 節(jié)介紹的臨時承接結(jié)構(gòu)有異曲同工之處,其并不屬于二次確認(rèn)的范疇,但針對高危操作給予了用戶反悔的余地,故補充在這里。
無論是從人本主義還是功能的角度,二次確認(rèn)都應(yīng)讓用戶能夠快速理解彈窗的意圖并作出判斷,減少使用中的挫敗感。下面羅列了一些能夠提升使用體驗的設(shè)計點。
1. 文案的編寫
無論是從人本主義還是功能的角度,二次確認(rèn)都應(yīng)讓用戶能夠快速理解彈窗的意圖并作出判斷,減少使用中的挫敗感。
標(biāo)題文案為簡明的疑問句。
用戶映入眼簾的應(yīng)是一個問題,也就是程序為什么打斷了用戶,需要用戶確認(rèn)什么操作。同時標(biāo)題的內(nèi)容不宜過長,對操作后果的詳細解讀可作為描述信息放到彈窗內(nèi)容中。
不要強加說明語句。
盡可能減少常規(guī)型二次確認(rèn)打斷用戶的時長,如果能夠用一句簡單的標(biāo)題講清楚,則無需增加說明,讓用戶快速理解,快速決斷。
按鈕文案指明操作后果且無歧義。
有些操作比如“取消訂單”中包含了“取消”一類的字眼,為避免歧義,按鈕的文案應(yīng)盡量不使用“確定/取消”??蓪⒉僮鲙淼暮蠊苯訉懺诎粹o上,減少誤會。
2. 避免濫用
在設(shè)計時不僅需要從操作的可逆性,嚴(yán)重性,復(fù)雜度和操作頻率來考慮配置何種形式的二次確認(rèn),甚至繞開或不配置二次確認(rèn),盡可能減少對用戶的驚擾,否則不僅降低體驗還可能會讓用戶忽略真正的威脅。這里舉三個日常很容易接觸到,通過流程優(yōu)化避免了二次確認(rèn)的例子:
免密支付:
用戶可以設(shè)置在一定數(shù)額范圍內(nèi)轉(zhuǎn)賬時不進行密碼確認(rèn)。在此數(shù)額內(nèi)的交易即便發(fā)生異常,損失也比較輕微,而且平臺可以幫助追回。
草稿:
當(dāng)用戶在聊天軟件的對話中輸入了內(nèi)容,或是在郵件服務(wù)上新寫了郵件,但沒有發(fā)送就退出了程序,用戶重新啟動后,大部分聊天或郵件服務(wù)會以草稿的形式將寫入的內(nèi)容保留下來。既避免了退出時的二次確認(rèn),也沒有造成數(shù)據(jù)丟失。
底層的版本控制功能:
蘋果電腦的操作系統(tǒng)內(nèi)建了文檔版本控制功能,用戶關(guān)閉文檔時系統(tǒng)不再詢問是否需要保存,因為文檔每隔一段時間就會在后臺自動生成一個版本。用戶可以隨時回滾到舊版本,甚至從舊版本中拷貝內(nèi)容。
與任何界面設(shè)計的原則相同,二次確認(rèn)的設(shè)計重點仍然是人文關(guān)懷。要讓用戶從容使用系統(tǒng)的同時,避免觸發(fā)無意的操作。本文的由來在于做項目時發(fā)現(xiàn)目前網(wǎng)絡(luò)上對二次確認(rèn)模式的講解大多偏理論,所以后期對該界面模式做了一些梳理并分享出來,希望有幫助到大家!
文章來源:優(yōu)設(shè) 作者:京東設(shè)計中心JDC
藍藍設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
數(shù)據(jù)可視化實踐案例幫助你思考在執(zhí)行可視化設(shè)計時需要注意哪些方面以及如何讓你的用戶理解可視化圖形。
數(shù)據(jù)可視化一直處于大熱的狀態(tài),已成為互聯(lián)網(wǎng)產(chǎn)品的基本配置。它用于各種行業(yè),從商業(yè)智能到信息傳達,幫助用戶更好的理解數(shù)據(jù)背后的故事。
我們的大腦善于處理可視化信息,這使我們更容易理解圖表或圖形中可視化的數(shù)據(jù),而不是表格和電子表格中列出的數(shù)據(jù)。一個偉大的數(shù)據(jù)可視化應(yīng)該利用人類視覺系統(tǒng)的優(yōu)勢來呈現(xiàn)數(shù)據(jù),以便數(shù)據(jù)被吸收和理解。它應(yīng)該考慮用戶對視覺處理的了解,提高并簡化用戶的數(shù)據(jù)體驗。
目前有很多工具和框架可用于構(gòu)建數(shù)據(jù)可視化圖形,今天我們一起回歸可視化設(shè)計的基礎(chǔ),了解是什么讓數(shù)據(jù)可視化有效?在設(shè)計數(shù)據(jù)時我們應(yīng)該遵循哪些指導(dǎo)原則?
以下 10 個要點和實踐案例將幫助你進行思考,完成豐富、有洞察力的數(shù)據(jù)體驗。
PART 01
可視化以視覺表現(xiàn)形式,將信息以概要形式抽提出來,提供上下文并描述數(shù)據(jù)中的關(guān)系。雖然設(shè)計師對給定的一組數(shù)據(jù)集中的模式和關(guān)系沒有任何影響,但他可以根據(jù)用戶的需求選擇顯示哪些數(shù)據(jù)以及提供怎樣的語境。畢竟,就像其他產(chǎn)品一樣,如果用戶無法使用它,那么可視化就毫無意義。
為新手用戶設(shè)計的可視化產(chǎn)品應(yīng)該是結(jié)構(gòu)化的、明確的和有吸引力的。他們應(yīng)該用文字直接說明受眾應(yīng)該從數(shù)據(jù)中得到什么。
轉(zhuǎn)換雙親的工作時間:媽媽 VS 爸爸
另一方面,面向?qū)<矣脩舻目梢暬a(chǎn)品可以顯示更精細的數(shù)據(jù)視圖,以驅(qū)動用戶探索和發(fā)現(xiàn)。細節(jié)和數(shù)據(jù)密度應(yīng)該簡單明了。
工作來來往往:國民失業(yè)情況
PART 02
《紐約時報》網(wǎng)站上只有 10 - 15% 參與可視化交互的用戶實際點擊了按鈕?!都~約時報》的圖形團隊制作了一些業(yè)內(nèi)最好的可視化作品,但幾乎沒有人與這些作品互動。
這表明,在可視化設(shè)計中,我們不能依賴交互操作幫助用戶建立理解。關(guān)鍵數(shù)據(jù)不能隱藏在交互操作后面,而應(yīng)該明確的展示在圖表中。
然而,怎樣在可視化中融入交互比較好呢?
設(shè)計師應(yīng)該允許在圖表中整合更多數(shù)據(jù)(排除非關(guān)鍵數(shù)據(jù)),允許感興趣的用戶更深入地研究數(shù)據(jù)集。
Nathan Yau 的流動數(shù)據(jù)是在可視化中合理應(yīng)用交互操作的知名案例,在可視化行業(yè)中廣泛應(yīng)用。下圖是他在關(guān)于死亡原因和預(yù)期壽命的圖表應(yīng)用交互操作的案例,頂部 tab 可以切換數(shù)據(jù)展示維度,點擊曲線,可以看到對應(yīng)的數(shù)據(jù)。
2005 年至 2014 年的死亡率數(shù)據(jù):死因如何因性別和種族而異
來源:https://flowingdata.com/2016/01/05/causes-of-death/
或者,交互可以用作吸引點,讓你的用戶在瀏覽圖表之前,就親自參與該項目??纯?Quartz 這款有趣的書寫和文化作品。這件作品首先要求讀者在文化形態(tài)的分析概述之前,簡單地繪制一個圓圈 ,這個圓圈展示了有效的可視化的特征。
畫圓圈的方式說了很多關(guān)于你的故事
同樣, The Pudding 最近發(fā)布了一個交互式可視化軟件,向讀者講述有關(guān)生日悖論的知識(生日悖論,指如果一個房間里有 23 個或 23 個以上的人,那么至少有兩個人的生日相同的概率要大于 50% )。雖然大多數(shù)非統(tǒng)計學(xué)家可能會發(fā)現(xiàn)生日悖論,這是概率論中的一個標(biāo)準(zhǔn)問題,非??菰锴也恢庇^,但這種可視化使得它看起來有趣且易于理解。創(chuàng)作者融入最近的用戶互動的方式使得整個體驗非常具有關(guān)聯(lián)性。
生日悖論實驗
這兩個在可視化產(chǎn)品中融入交互操作的案例都很成功,因為它們使用交互帶讀者參與數(shù)據(jù)研究。
PART 03
視覺突出性,使視覺元素從周圍環(huán)境凸顯的特性,是數(shù)據(jù)可視化的強大工具。它可以用于引導(dǎo)用戶注意可視化中最重要的信息,以幫助防止信息過載。通過使用視覺突出一些細節(jié)并壓制其他細節(jié),可以使我們的設(shè)計更清晰,更容易理解。
一些視覺變量 —— 顏色和大小 —— 是我們創(chuàng)造和控制視覺顯著性的關(guān)鍵。
色彩方案是數(shù)據(jù)可視化設(shè)計的關(guān)鍵因素。眾所周知,色彩特別易于視覺識別。我們可以使用溫暖,高飽和度的顏色來突出關(guān)鍵數(shù)據(jù)點,并應(yīng)用冷色調(diào),使用低飽和度的顏色將不太重要的信息放到背景中。
2014:最熱的年份
尺寸也非常易于營造視覺突出性。較大的元素比較小的元素更有吸引力,因此要擴大您希望用戶首先閱讀的元素,并縮小不太相關(guān)的文本和元素。
PART 04
Cleveland 和 McGill 在信息可視化方面的著名研究 —— 視覺編碼的有效性(即數(shù)據(jù)維度與視覺屬性的映射)。他們根據(jù)人們對視覺編碼的準(zhǔn)確感知程度,對不同類型的視覺編碼的識別程度進行了排序,給出了以下(簡化的)列表:
1.位置
2.長度
3.角度
4.區(qū)域
5.顏色
這對數(shù)據(jù)可視化設(shè)計的意義在于,我們顯示定量信息的首選應(yīng)該是按位置進行編碼(如經(jīng)典散點圖和條形圖所示)。與基于角度(如餅圖)或基于區(qū)域(如氣泡圖)的編碼相比,基于位置的編碼有助于用戶在更短的時間內(nèi)進行更準(zhǔn)確的比較。
然而,這并不是說所有可視化都必須是條形圖或散點圖。在研究可視化數(shù)據(jù)的新方法時,牢記這些原則是個好主意。
我真正想要強調(diào)的是,顏色不應(yīng)該用于編碼定量信息,而是應(yīng)該用來編碼分類信息。也就是說,我們可以使用顏色來表示屬于不同類別的數(shù)據(jù)。
出生時的預(yù)期壽命
PART 05
無論你是否支持 Edward Tufte 在設(shè)計中使用極簡主義的極端方法,都需要不斷思考,如何消除圖表視覺上的混亂。通過在數(shù)據(jù)元素和非數(shù)據(jù)元素之間創(chuàng)建可視化對比,來讓您的數(shù)據(jù)大放異彩,就像 Nadieh Bremer 在他的獲獎作品“美國出生時間”中所做的那樣。
嬰兒潮:白天工作時間出生高峰期
刪除不起任何作用的結(jié)構(gòu)元素使數(shù)據(jù)清晰(如背景、線條和邊框)。減弱必要的結(jié)構(gòu)元素(如軸、網(wǎng)格和刻度線),否則這些元素會與數(shù)據(jù)爭奪注意力。(網(wǎng)格為淺灰色,最寬設(shè)為 0.5 pt,軸為黑色或灰色,最寬設(shè)為 1 pt )
PART 06
圖表中的每個數(shù)據(jù)都使用圖例標(biāo)注,以便讀者理解它所代表的內(nèi)容,這樣的設(shè)計對嗎?
錯。太多設(shè)計師依靠圖例來告訴用戶哪些符號或顏色代表圖表中的哪些數(shù)據(jù)。列舉圖例雖然對設(shè)計師來說很容易,但對讀者來說卻很難。它們迫使讀者在圖例和數(shù)據(jù)之間來回掃描,給讀者的記憶帶來不必要的壓力。
更好的方法是直接在圖表上標(biāo)記數(shù)據(jù)。作為設(shè)計師,你的工作就是完善體驗,便于用戶閱讀。在下面的例子中,Nathan Yau 進行了去除圖例的設(shè)計,創(chuàng)建了一個帶有大量直接標(biāo)簽的小型交互式多重顯示。
每人每日平均消費量
最好的可視化講述著引人入勝的故事。這些故事通過圖表中的趨勢、相關(guān)性或異常值展示,圖表數(shù)據(jù)周圍的元素可以進一步豐富故事內(nèi)容。這些故事將原始數(shù)據(jù)轉(zhuǎn)化為有用的信息。
從表面上看,似乎數(shù)據(jù)可視化完全與數(shù)字相關(guān),但一個偉大的數(shù)據(jù)故事是無法用語言來講述的。信息傳遞清晰的視覺層次,才能一步一步地引導(dǎo)讀者閱讀數(shù)據(jù)。
例如,可視化的標(biāo)題,應(yīng)該明確闡明一個關(guān)鍵觀點,使讀者領(lǐng)會。分散在數(shù)據(jù)中的微小注釋,可以通過異常值或趨勢引起讀者注意,從而為關(guān)鍵觀點提供支撐。
我在這里要說的是:幫助用戶,確切地告訴他們在數(shù)據(jù)中尋找什么!
正如上一條建議提到的,我們可以在可視化中使用注釋來豐富數(shù)據(jù)故事。有時可以添加圖形元素來使這些注釋更有意義,以便將這些信息更直接地關(guān)聯(lián)到我們的數(shù)據(jù)。
以這張來自 Susie Lu 的圖片為例?!跋募敬笃焙汀皧W斯卡季”的數(shù)據(jù)重疊賦予了原本看似隨機的高峰和低谷以意義。它們幫助觀眾理解數(shù)據(jù)的重要性,比單獨使用字幕或注釋更直接。
2015 - 2017.08 票房趨勢:強大的開場和后期的爆發(fā)
PART 09
靜態(tài)可視化通常以 JPG 和 PNG 等位圖圖像格式發(fā)布,這對移動端用戶來說是一個明顯的挑戰(zhàn)。許多數(shù)據(jù)可視化的美妙之處在于它們的視覺細節(jié) —— 微小的數(shù)據(jù)點和微妙的編碼 —— 而這些細節(jié)許多在靜態(tài)格式的小屏幕上被丟失了。
例如:Accurat 工作室在諾貝爾獎上的精美復(fù)雜的作品,在印刷和高分辨率視網(wǎng)膜顯示器上看起來非常棒的全尺寸,卻在移動設(shè)備上幾乎難以辨認(rèn)。
視覺數(shù)據(jù)
為移動體驗設(shè)計,使用像 D3.js 或 Highcharts 這樣的 JavaScript 可視化庫構(gòu)建響應(yīng)式可視化,嘗試為印刷、桌面和移動設(shè)備多種載體創(chuàng)建相同的靜態(tài)可視化設(shè)計。
PART 10
今天談到的所有最佳實踐可以歸結(jié)為一件事:在復(fù)雜性和清晰度之間找到合適的平衡,以滿足受眾的需求。
制作精美的、探索性的可視化細節(jié)總是誘人的,但這不一定是最合適的方法。在設(shè)計圖形時要考慮周到 ,讓讀者的知識和目標(biāo)決定應(yīng)該包含哪些數(shù)據(jù)以及包含多少數(shù)據(jù),并整理數(shù)據(jù)以講述想要講述的故事。
文章來源:站酷 作者:TCC設(shè)計情報局
編輯導(dǎo)語:社區(qū)團購這幾年一直很火爆,不少企業(yè)都想試試社區(qū)團購板塊,特別是經(jīng)歷了去年的疫情沖擊,社區(qū)團購更是進一步的發(fā)展壯大;如今社區(qū)團購的發(fā)展和擴張還在不斷進行中,本文作者分享了關(guān)于社區(qū)團購增長之路的解讀,我們一起來看一下。
社區(qū)團購如火如荼的進行著,本文從社區(qū)團購的發(fā)展、現(xiàn)階段的市場規(guī)模情況,到用戶拉新、激活、留存相關(guān)的因素分析,到未來展望,全面解讀社區(qū)團購增長之路。
文章較長,附上目錄:
社區(qū)團購,于2016年在湖南長沙地萌芽,初是芙蓉興盛等企業(yè)利用供應(yīng)鏈優(yōu)勢,開始向社區(qū)提供在線拼團、送貨到社區(qū)自提點的探索。(興盛優(yōu)選)
自2018年起,社區(qū)團購企業(yè)備受資本市場的瘋狂關(guān)注,整個行業(yè)獲得資本市場融資超40億元;從8月到12月,你我您、十薈團、食享會、松鼠拼拼均完成億級人民幣以上的融資金額,小區(qū)樂更是獲得了1.08億美金的行業(yè)大筆融資。
而到了2019年,相比于少量的投融資事件,消息更多的是社區(qū)團購平臺資金鏈斷裂,經(jīng)營不善,導(dǎo)致倒閉、關(guān)停、撤城等事件,如松鼠拼拼、小區(qū)樂。
2020年疫情催化,社區(qū)團購再度火上風(fēng)口,迎來了新一輪發(fā)展,互聯(lián)網(wǎng)大廠也都紛紛布局社區(qū)團購。
各大巨頭高調(diào)入場,引起廣泛關(guān)注,據(jù)媒體稱,12 月 22 日,國家市場監(jiān)管總局聯(lián)合商務(wù)部,組織召開了規(guī)范社區(qū)團購秩序行政指導(dǎo)會,阿里巴巴、騰訊、京東、美團、拼多多、滴滴等 6 家互聯(lián)網(wǎng)平臺企業(yè)參加了會議。
會議要求,互聯(lián)網(wǎng)平臺企業(yè)要嚴(yán)格規(guī)范社區(qū)團購經(jīng)營行為,嚴(yán)格遵守“九不得”:
國家出臺政策,并沒有表示社區(qū)團購不能做,反而,國家認(rèn)真的在規(guī)范市場,維護市場經(jīng)濟的有序繁榮發(fā)展,引導(dǎo)互聯(lián)網(wǎng)巨頭在這一賽道的有序競爭;從另外一個角度,理解成國家是支持的也未嘗不可。
社區(qū)團購經(jīng)過幾年的發(fā)展,已經(jīng)驗證了市場發(fā)展的可行性,除了資本的加持,誰能正確的開啟社區(qū)團購的增長之路,誰便是最后的贏家。
隨著行業(yè)的發(fā)展,社區(qū)團購的市場規(guī)模也一直在擴大。
艾媒咨詢數(shù)據(jù)顯示,在疫情的刺激下,2020年社區(qū)團購市場發(fā)展迅猛,市場規(guī)模預(yù)計達720億元,到2022年中國社區(qū)團購市場規(guī)模有望達到千億級別。
2020年社區(qū)團購市場規(guī)模占2019年社會消費品零售總額比重還不足0.2%,據(jù)中金預(yù)測,長期看來,可能達到的市場規(guī)模將在 15000 億元以上。
而當(dāng)下,各大巨頭也依然在努力“搶人”狀態(tài),社區(qū)團購仍在快速發(fā)展的成長期,市場也依然處于增量狀態(tài),各家產(chǎn)品也基本處于成長期階段,所以,用戶數(shù)量和訂單量的增長依然是社區(qū)團購平臺發(fā)展的重中之重。
同時,由于社區(qū)團購產(chǎn)品基于社區(qū)化的獨特電商屬性,銷售的都是生活必需品包括食物及日用品,且面對下沉市場用戶,主打性價比,所以對于選品和供應(yīng)鏈的優(yōu)化也將是產(chǎn)品成敗的關(guān)鍵。
在說業(yè)務(wù)模式之前,我們先對新零售有個基本認(rèn)知:
新零售,英文是New Retailing,即企業(yè)以互聯(lián)網(wǎng)為依托,通過運用大數(shù)據(jù)、人工智能等先進技術(shù)手段,對商品的生產(chǎn)、流通與銷售過程進行升級改造,進而重塑業(yè)態(tài)結(jié)構(gòu)與生態(tài)圈,并對線上服務(wù)、線下體驗以及現(xiàn)代物流進行深度融合的零售新模式 。
——百度百科
然后來看社區(qū)團購O2O新零售業(yè)務(wù)模式:
社區(qū)團購是真實居住社區(qū)內(nèi)居民團體的一種購物消費行為,是依托真實社區(qū)的一種區(qū)域化、小眾化、本地化的團購形式;通過社區(qū)商鋪為周圍(社區(qū)內(nèi))居民提供的團購形式的優(yōu)惠活動,促進商鋪對核心客戶的精準(zhǔn)化宣傳和消費刺激,實現(xiàn)商鋪區(qū)域知名度和美譽度的迅速提升,對商鋪的營銷產(chǎn)生重大效果。
社區(qū)團購O2O新零售采用“預(yù)售+自提”的方式,社區(qū)用戶自主或被團長號召,在APP或小程序等平臺商城內(nèi)下單,平臺向供應(yīng)商采購商品入庫;通過倉庫分揀等方式出庫,在用戶下單次日配送至小區(qū)自提點,用戶自行完成取貨。
與傳統(tǒng)電商相比,社區(qū)團購的運營模式更為輕,借助微信等社交流量入口,具有用戶社區(qū)化易傳播、商家集中化管理以及線上線下相結(jié)合的特點。
另外,線上模式不僅可以省去門店成本,優(yōu)化成本方案,其采用預(yù)售模式,現(xiàn)金流快,有效減少資金周轉(zhuǎn)壓力,同時以銷定采,根據(jù)訂單銷量進行采購,一定程度上實現(xiàn)零庫存,極大的降低了損耗;平臺通過源頭直采,優(yōu)化供應(yīng)鏈,順應(yīng)消費降級趨勢,提供高性價比產(chǎn)品,最終讓用戶體驗到好貨不貴。
社區(qū)團購這場戰(zhàn)役,起于團長,終于供應(yīng)鏈。和增長的“生于拉新,死于留存”不謀而合,也表明了其取勝的兩個關(guān)鍵點就在于:
前端獲取用戶的速度與后端供應(yīng)鏈的質(zhì)量。前端市場擴展的多快決定了短期內(nèi)有多大規(guī)模,后端供應(yīng)鏈質(zhì)量決定了這個規(guī)模能保持多久,兩者相互依存,缺一不可。
綜上:
社區(qū)團購的戰(zhàn)略是團長拉新,所以當(dāng)前社區(qū)團購拉新與激活的關(guān)鍵就在于:團長。
社區(qū)團購主要目標(biāo)為下沉市場用戶,以社區(qū)居民為主,下沉市場居民形態(tài)分為兩類:
在這種情況下,團長相當(dāng)于KOL,由于有天然的地理優(yōu)勢,團長和團員相互之間有一定的信任基礎(chǔ),團長在本地拓展用戶就會比平臺更容易。
除此之外,平臺還可以請團長在自家門前展示平臺logo為平臺獲得更多曝光,這也可以作為與團長合作的其中一項要求。
所以,各大平臺把對新用戶的拉新?lián)Q個方式轉(zhuǎn)嫁到對團長的招募上;由于團長和平臺是利益綁定關(guān)系,所以相比直接找用戶,找團長性價比更高,而團長,在這里主要充當(dāng)了拉新一把手的角色。
社區(qū)團購對于團長的拉新也十分賣力,除了在宣傳文案下功夫,也用了很多渠道進行團長招募:
對于下沉市場用戶來說,高性價比的商品更能被吸引注意,各大平臺針對新用戶(數(shù)據(jù)指標(biāo)定義為:已注冊但下單次數(shù)為0的用戶)推出各種優(yōu)惠補貼政策,比如美團優(yōu)選、橙心優(yōu)選和十薈團的新用戶1分錢搶購,多多買菜的新用戶全額返。
利用優(yōu)惠政策,配合團長宣傳,吸引新用戶完成首次下單順利激活。
在這個過程中,我們把用戶的aha時刻定義為“用戶注冊當(dāng)日完成1次下單”,對團長的aha時刻定義為“收到1筆傭金”;對于團長來說,只要邀請到新用戶注冊平臺就會有傭金入賬,再加上各大平臺針對新用戶的大力度補貼,注冊的用戶也會比較容易達到aha時刻。
除了團長拉新并引導(dǎo)激活用戶,各大平臺在產(chǎn)品設(shè)計上也是盡最大可能幫助用戶順利達到aha時刻。
下面從新用戶激活路徑的產(chǎn)品設(shè)計以及新用戶選品兩個維度具體分析。
1)新用戶激活路徑
下面以美團優(yōu)選、橙心優(yōu)選、興盛優(yōu)選為調(diào)研對象簡單看一下他們的新用戶激活路徑。
美團優(yōu)選:
主要路徑及頁面截圖示意如下:
從上面的流程可以看出,整個流程都是比較順暢沒有阻礙的,包括小程序一鍵登錄也是直接調(diào)用微信接口獲取的手機號和微信昵稱信息,用戶完全不需要進行任何編輯,最大程度的降低了用戶的操作成本,在這個流程中有幾個比較特別的點值得拿出來說一下:
① 紅包設(shè)計
在用戶打開小程序進入時會有一個驚喜紅包的領(lǐng)取提示,給用戶制造驚喜,且以抽獎的形式進行,會讓用戶有很幸運的感覺;而且是自己主動去操作獲得的,在心里上會更有成就感,相對會更重視這個紅包(滿10元返10元券)。
但是其實無論用戶是否領(lǐng)取,都是系統(tǒng)設(shè)計好的(從上面購物車和確認(rèn)訂單頁面可以看出),但直接送和讓用戶主動獲得達到的效果是不一樣的。
② 激活的目標(biāo)明確
在所有用戶必經(jīng)路徑上全部設(shè)計“去下單”button,方便用戶觸達下單。
③ 首單支付成功的引導(dǎo)
引導(dǎo)1:分享到團長社群。這里面有兩個點,分享動機和分享結(jié)果;從分享動機來看,美團優(yōu)選從用戶視角出發(fā),名義定為提醒團長接單,讓用戶更有分享動機;從分享結(jié)果來看,會讓社群更加真實和活躍,猜測平臺也希望以此來激活更多的用戶來下單。
(但從熟人視角來看,大家自己買了什么東西是不太愿意分享到群里讓熟人們看見我買了什么及我又消費了的;而陌生人群反而沒有這些顧慮。)
引導(dǎo)2:引導(dǎo)用戶關(guān)注官方訂閱號,增加用戶觸達渠道。
橙心優(yōu)選:
主要路徑及頁面截圖示意如下:
橙心優(yōu)選與美團優(yōu)選邏輯基本一致,而且活動手法也如出一轍,但橙心優(yōu)選進入的頁面是專門定制的頁面,推薦的商品也是團長分享的相關(guān)商品。主要有兩點說明一下:
① 紅包設(shè)計
在進入小程序時,橙心優(yōu)選也會先彈窗提示用戶參加抽獎活動,活動邏輯與美團優(yōu)選一致,不同的地方在于橙心優(yōu)選會直接轉(zhuǎn)動轉(zhuǎn)盤,送“幸運”好禮,相比美團必須用手點的方式,步驟更簡,也能讓用戶有幸運的心理。但這一步之差不會影響太大,可以根據(jù)自身活動情況進行優(yōu)化。
② 支付完成后的引導(dǎo)
支付完成后與美團的引導(dǎo)點一致,也會引導(dǎo)用戶關(guān)注公眾號,但橙心優(yōu)勝的地方在于用戶關(guān)注公眾號之后,引導(dǎo)用戶傳播,這點可以學(xué)起來,不斷優(yōu)化每個渠道的定位,以及每個節(jié)點的引導(dǎo)。
興盛優(yōu)選:
主要路徑及頁面截圖示意如下:
興盛優(yōu)選的主路徑與橙心優(yōu)選相同,但興盛優(yōu)選沒有太多優(yōu)惠補貼的運營設(shè)計,整體來看比較樸實無華。
三家各有千秋,從共同優(yōu)秀的角度總結(jié)來說:
① 從降低阻力的角度來說
進入頁面無需登錄注冊可先查看商品信息,避免冷啟動。
主路徑都做到極簡,頁面重要信息的文案和設(shè)計都比較清晰容易理解。
② 從增加動力的角度來說
利用團長這個“熟人”的推薦,增加信任度
美團優(yōu)選和橙心優(yōu)選均給予新用戶最大力度優(yōu)惠和紅包補貼政策,幫助用戶“嘗鮮”
③ 從助推角度來說
團長是天然的客服,能夠幫助平臺對新用戶進行引導(dǎo)和使用產(chǎn)品,這也是社區(qū)團購中使用團長角色的優(yōu)勢;另外橙心優(yōu)選APP針對新用戶在首頁專門做了使用流程說明,在團長無法服務(wù)到的地方產(chǎn)品主動進行引導(dǎo)。
在外部觸達渠道上,主要還是利用團長的社群觸達;但只要用戶注冊后,各家平臺也會通過短信主動觸達,而且在小程序上也會引導(dǎo)用戶開啟通知提醒觸達;另外,美團優(yōu)選和橙心優(yōu)選有開發(fā)自己的APP,可對安裝APP的用戶進行push推送,且在新用戶下單后,美團優(yōu)選增加了訂閱號觸達方式,基本涵蓋了所有可主動觸發(fā)的觸達渠道。
④ 從即時獎勵角度來說
在用戶完成下單后均對用戶進行了“支付成功”的反饋;在后期,各家平臺開始用戶激勵體系的搭建之后,必定會給予用戶更多“真實獎勵”上的反饋。
從不同之處總結(jié)來說:
① 主路徑的設(shè)計差異
橙心優(yōu)選和興盛優(yōu)選在用戶通過團長分享的商品鏈接打開小程序后,進入的是商品詳情頁;而美團優(yōu)選進入首頁,即商品列表頁。
關(guān)于該差異點曉曉的理解如下:
② 運營手段的差異
③ 登錄流程的設(shè)計差異
2)新用戶優(yōu)惠選品
除此之外,對于新用戶激活的選品也是一門學(xué)問,所以我們簡單來分析一下當(dāng)前美團優(yōu)選、橙心優(yōu)選、十薈團的新用戶選品邏輯:
橙心優(yōu)選和美團優(yōu)選的信任專享商品較多,在首頁展示前三個;十薈團目前看只有3個。
不考慮數(shù)量上的差距,我們從以下幾點分析:
① 新用戶激活達到aha時刻,需要讓用戶感受到產(chǎn)品的核心價值“物美價廉”,價廉很容易做到,收到商品后必須是相對優(yōu)質(zhì)的商品;所以,在這個地方,橙心優(yōu)選選擇的商品大多都是相對“標(biāo)準(zhǔn)”型的商品,蔬菜這種就不多,相對會更穩(wěn)一些,不容易在商品上引起用戶不滿。
② 產(chǎn)品定位上,社區(qū)團購平臺希望變成老百姓的菜籃子,所以對新用戶的引導(dǎo)上也會有更多這樣的選品來填充用戶主觀意識,美團優(yōu)選即是如此,在美團優(yōu)選能夠保證物美價廉的基礎(chǔ)上,提供更多產(chǎn)品定位相關(guān)的商品選擇,也會讓用戶直觀了解一些產(chǎn)品定位。
③ 著重說一下“價廉”,無論平臺提供的商品是否真的足夠價廉,0.01元總會比1.00元更吸睛,可以發(fā)現(xiàn),美團優(yōu)選的商品放眼望去沒有超過10元的,而且有很多都是0.01元;除非是真的精挑細選的用戶,否則在第一注意力上,美團的價格會更吸引人。再結(jié)合新用戶對平臺的不了解,也會低成本(幾乎無成本)接觸。
所以,整體來看,美團優(yōu)選的品類選擇可能更勝一籌。
(最后,新用戶激活的選品上,隨著后期產(chǎn)品的完善,各大平臺也會根據(jù)用戶畫像和數(shù)據(jù)等更多維度不斷優(yōu)化選品策略。)
在零售電商平臺的留存上,即便下沉市場用戶對價格更加敏感,但也對質(zhì)量有一定要求;兩家平臺相爭,如果一家商品質(zhì)量不行,在價格相差不是特別懸殊的情況下,即便平臺商品價格再低,用戶也不會長期選擇該平臺,更何況,社區(qū)團購引流品類不太會拉開太大價格差距。
所以,對新用戶的留存,一定要做到物超所值,超出預(yù)期,讓用戶在主觀意識上不斷鞏固對這家平臺物美價廉的認(rèn)知。
而要做到物美價廉,優(yōu)質(zhì)的商品、供應(yīng)鏈及高效運營管理成為社區(qū)團購成功的關(guān)鍵。
成功的社區(qū)團購平臺需要成熟的線上需求-線下配送-倉儲供應(yīng)鏈的同城零售產(chǎn)業(yè)鏈,優(yōu)質(zhì)的商品和供應(yīng)鏈及高效的運營管理為社區(qū)團購成功關(guān)鍵。
接下來我們將從選品、供應(yīng)鏈、團長運營、產(chǎn)品設(shè)計、擴張地域選擇這5個維度簡單分析一下其對產(chǎn)品和留存的影響。
社區(qū)團購本質(zhì)上是一門零售生意,而零售生意的講求的就是服務(wù)和供應(yīng)鏈;之于社區(qū)團購而言,平臺想要長遠發(fā)展,選品能力和對區(qū)域消費者的理解能力至關(guān)重要。
根據(jù)艾媒數(shù)據(jù)調(diào)查顯示,用戶主要在線上購買蔬菜、水果以及肉制品,食材的購買成為用戶最主要的需求,社區(qū)團購也是基于此為選品重點。
物美價廉可以說是社區(qū)團購的核心競爭力,而要想在保證產(chǎn)品“物美”的前提下保持價格優(yōu)勢,供應(yīng)鏈?zhǔn)顷P(guān)鍵,優(yōu)質(zhì)的供應(yīng)鏈直接決定社區(qū)團購的產(chǎn)品質(zhì)量以及供應(yīng)的持續(xù)性,因此選好供應(yīng)商是直接決定社區(qū)團購能夠做起來的關(guān)鍵點之一
解決方法是優(yōu)化環(huán)節(jié),完善供應(yīng)鏈的布局,直達上游,解決信息不對稱,批發(fā)層層加價的痛點;同時社區(qū)團購的預(yù)售C2B模式,一定程度可以解決庫存積壓及產(chǎn)品質(zhì)量難以保障的問題;另外互聯(lián)網(wǎng)通過數(shù)據(jù)積累,構(gòu)建消費者畫像,從而反饋、優(yōu)化供應(yīng)鏈。
如果要細說,里面會有很多很深入的東西在,完全可以單拎一篇文章來說了,所以本篇我們簡單來了解一下美團優(yōu)選、橙心優(yōu)選、興盛優(yōu)選、十薈團、多多買菜的供應(yīng)鏈設(shè)計。
美團優(yōu)選:大倉—網(wǎng)格站—自提點的配送機制(從產(chǎn)品設(shè)計中也可以看出),當(dāng)然供應(yīng)商的招募和甄選也十分重要。
興盛優(yōu)選:供應(yīng)商-服務(wù)經(jīng)理-門店,興盛優(yōu)選自建物流體系,讓供應(yīng)商把貨源發(fā)送到興盛優(yōu)選的共享倉,再通過共享倉、B2C倉,服務(wù)站,實現(xiàn)12小時內(nèi)將商品從供貨地匹配到自提點
十薈團:從產(chǎn)品中無法了解,從其他渠道了解到,目前十薈團的業(yè)務(wù)覆蓋輻射全國,擁有華中、華東、華北、華南、西南、東北六大區(qū)域、百余城市點;而且十薈團始終堅持以城市圈為單位的擴張軌跡,再根據(jù)其打造的城市圈模型打造出一個三級倉模式:區(qū)域倉(共享倉)+城市倉(分撥倉)+服務(wù)站
多多買菜:拼多多從一開始就將供應(yīng)鏈的優(yōu)化定為長期的戰(zhàn)略發(fā)展重點,很好的為多多買菜賦能;從多多買菜產(chǎn)品中也可以發(fā)現(xiàn),其當(dāng)前的供應(yīng)鏈物流體系也采用網(wǎng)格站形式。
可以發(fā)現(xiàn),美團優(yōu)選、興盛優(yōu)選、多多買菜和十薈團的供應(yīng)鏈體系的基本是一致的。
橙心優(yōu)選:未找到相關(guān)資料,猜測其如果要保持供應(yīng)鏈優(yōu)勢,大概也會采取該方式,或者會有更優(yōu)的解決方案。
團長是鏈接消費者與商家的關(guān)鍵點,而團長的運營能力就直接決定了社區(qū)消費者的購買能力,所以“團長”的運營和服務(wù)水平,成為影響社區(qū)團購成功的重要因素。
除了拉新目的,“團長”工作還主要包括管理社群、商品推薦以及提醒顧客提貨。
團長通過微信社群推薦商品的作用相當(dāng)關(guān)鍵。團長可以清楚的知道社區(qū)比較受歡迎的商品有哪些,可以以此進行推薦,同時也可以選擇平臺上的高補貼商品進行推薦,團長在幫助團員篩選商品的同時,也能引導(dǎo)團員不斷進行消費。
在這個過程中,團長就需要思考如何促進消費、提供周到服務(wù)、解答咨詢,以及如何處理糾紛和協(xié)助售后;但是,團長的業(yè)務(wù)能力參差不齊,有的團長只是順便做一做團長收益,做多做少很佛系,有的團長卻會很認(rèn)真的去研究和運營社群,實現(xiàn)自身利益最大化,而這樣的團長也是稀缺資源。
所以,如何提升團長的運營能力、如何燃氣團長的斗志將變得十分重要。而這也將是當(dāng)下及未來一段時間里平臺運營的重點。
當(dāng)前各家對團長運營的詳細戰(zhàn)術(shù)在此不做過多介紹,我們簡單分析一下平臺可以如何更好的管理團長,最大化團長對平臺的價值:
團長雖說是現(xiàn)階段拉新與留存的重要角色,但團長對平臺的忠誠度并不高,且團長的服務(wù)質(zhì)量是不穩(wěn)定的,兼職的團長隨時可能“跑路”;在這種情況下,如何通過自身產(chǎn)品觸發(fā)和喚醒末端用戶,讓用戶更加“忠誠”將是產(chǎn)品工作的重中之重。
首先,我們還是來看一下平臺當(dāng)下的產(chǎn)品設(shè)計,我們以下幾個維度來看一下:
1)產(chǎn)品結(jié)構(gòu)
大體結(jié)構(gòu)如下結(jié)構(gòu)圖:
該結(jié)構(gòu)設(shè)計比較符合當(dāng)前電商產(chǎn)品通用設(shè)計結(jié)構(gòu),符合用戶認(rèn)知習(xí)慣,除此之外:
雖然產(chǎn)品內(nèi)結(jié)構(gòu)基本大致相似,但細節(jié)設(shè)計仍有不同:
首頁:
① 品牌露出
總結(jié)下來,主要賣點為:物美價廉、快(次日達)、售后無憂。
在展示和賣點總結(jié)上,美團優(yōu)選更勝一籌。
② 自提點選擇
有助于定位用戶所在社區(qū)需求,以此進行策略優(yōu)化。
③ 商品分類入口
有助于用戶對平臺商品有初步的認(rèn)知,同時幫助用戶進一步選擇自己所需要的商品。
④ 運營活動
節(jié)日特惠、限時秒殺、萬人團購等常規(guī)活動設(shè)計,利用稀缺以及時間壓迫的心理,來刺激用戶消費。
分類:
從首頁與分類的關(guān)系來看:目前首頁內(nèi)容與分類內(nèi)容重合度較高,但從長遠來看,隨著對用戶需求的精細化運營以及用戶數(shù)據(jù)的獲取,首頁會有更多的推薦策略;而分類模塊更像“圖書館”,方便按具體類目需求全量查找。
購物車:
在商品推薦上:
關(guān)于自提點的設(shè)計:
我的:
“我的”里面可以看出很多產(chǎn)品的運營痕跡和其他信息:
菜譜:
美團優(yōu)選和興盛優(yōu)選均加入了菜譜模塊,區(qū)別僅在于形式,我們從該功能的必要性和未來發(fā)展的可能性來分析一下。
從功能必要性來看:
從未來發(fā)展的可能性來看:
2)各家平臺用戶行為閉環(huán)設(shè)計
hooked模型,應(yīng)用hooked模型設(shè)計用戶行為閉環(huán),是提升留存常用的手段。
用戶行為閉環(huán),即通過某種渠道主動觸達用戶,引導(dǎo)用戶完成某個關(guān)鍵行為,并給予用戶相應(yīng)的“獎勵”;通過用戶行為閉環(huán)的設(shè)計,使用戶重復(fù)該閉環(huán)路徑,不斷培養(yǎng)和鞏固用戶使用習(xí)慣,使用戶形成依賴,在之后有相應(yīng)需求的時候就會下意識的打開產(chǎn)品。
① 來看下各產(chǎn)品現(xiàn)有的觸達渠道
微信生態(tài)矩陣橙心優(yōu)選比較完善,而且認(rèn)證官方服務(wù)賬號,更加權(quán)威,增加信任感。
從另外一個角度,在上面新用戶激活部分也有提到,雖然各大平臺當(dāng)前都有自己的微信生態(tài)矩陣,但仍然需要在合適的時機引導(dǎo)用戶關(guān)注,否則依然無法觸達用戶。
② 可能的行為設(shè)計
對于平臺來說,培養(yǎng)用戶的習(xí)慣就是打開平臺產(chǎn)品并成交,而且本身社區(qū)團購電商是相對中高頻應(yīng)用,所以我們的行為設(shè)計最主要的是“完成下單”,更高頻的行為就是先讓用戶經(jīng)常打開產(chǎn)品來逛逛,瞧瞧。
所以,我們針對這兩種目的,會有不同頻次的推送設(shè)計和觸達引導(dǎo)方法。
③ 當(dāng)前存在的行為閉環(huán)設(shè)計
目前曉曉截圖到的僅有短信和小程序服務(wù)通知兩種觸達方式,美團、橙心、多多均有push,但這里沒有示例暫且不多說了。
短信以橙心優(yōu)選為例(加入購物車&購買不再做展示):
服務(wù)通知以多多買菜為例:
當(dāng)前閉環(huán)存在的問題:
閉環(huán)優(yōu)化建議:
④ 探索新的閉環(huán)設(shè)計
由于我們無法實際拿到內(nèi)部數(shù)據(jù),所以根據(jù)我們的理解簡單從三個維度來思考可能的閉環(huán)設(shè)計。
a、提升參與頻次
目前由于產(chǎn)品還是初期成長期,很多運營手段未加入,我們根據(jù)常見玩法分析:
b、提升參與強度
對于社區(qū)團購平臺來說,強度=金錢,單次消費金額越大,強度越高,所以從提升客單價角度考慮:
c、增加使用場景
除了廣泛意義上的使用場景,還包括觸發(fā)渠道的完善:
根據(jù)以上分析,以菜譜功能觸發(fā)舉例:
除此之外,社區(qū)團購平臺全部都是選擇性以某個地區(qū)開始發(fā)展,逐步擴增,對于城市的選擇也是一門學(xué)問,感興趣的朋友可以通過《社區(qū)團購城市選擇策略研究》這篇文章了解。
總結(jié)來說,主要有以下3點:
從更長遠角度來看,社區(qū)團購有可能走上去團長化和與實體店合作共存的道路。
何為去團長化?
短期來看,如何快速招募和管理團長并利用團長資源充分為平臺提供價值成為平臺發(fā)力的一個重點。
但如果沒有強運營,團長的忠誠度都是很低的,現(xiàn)階段情況是一個團長不僅僅是一家平臺的團長,而是每家平臺的團長,團長也不會只推薦一家社區(qū)團購平臺的商品,有生意就做,這也是利益綁定必然存在的問題,只要你來開疆拓土,無論你對團長的獎勵是什么,團長都會接受。
但在當(dāng)前階段,平臺還需要團長最大限度的為平臺獲取新用戶,并為社區(qū)用戶的消費進行引導(dǎo)等多種服務(wù);而團長也需要平臺能夠為他帶來收益,所以這個問題早期是可以被忽視的;但隨著平臺的發(fā)展,市場份額的占有率擴增,平臺對團長的要求將會是如何幫助平臺最大化的完成訂單成交。
這個時候,有可能你費時費力的培訓(xùn)的團長還幫別人家完成了成交額任務(wù),所以最終,要么去團長化,要么讓團長忠誠。
要一個人對一個平臺忠誠是很難的事情,所以有可能最終平臺會發(fā)展為去團長化,實現(xiàn)標(biāo)準(zhǔn)化運營。
但是這需要兩個前提條件的實現(xiàn):
所以,還是需要快速優(yōu)化供應(yīng)鏈,并想盡辦法不斷培養(yǎng)用戶主動使用習(xí)慣。
其次、與實體店合作共存,完善消費場景。
挑選有實體店的團長,與其進行合作,為他們提供優(yōu)質(zhì)貨品,他們不好賣的品類可以形成互相之間的流動買賣,賣的火爆的支持在店里預(yù)訂。
用戶永遠都存在即時性消費需求,存在“逛街”需求,而且總有用戶喜歡看到商品再購買,尤其在對水果的挑選上;除非有很強的信任基礎(chǔ),平臺也能夠每次都提供符合口味的水果,否則他們都需要先嘗后買。
所以以此來滿足用戶更多場景下的用戶需求,既然干不掉,那就合作共贏。
文章來源:人人都是產(chǎn)品經(jīng)理 作者:產(chǎn)品經(jīng)理孫曉曉
藍藍設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
那些關(guān)注用戶體驗的人們經(jīng)常問我一個問題:什么是B端的用戶體驗?它與C端的用戶體驗有何不同?作為一名過去5年多主要從事B端IT產(chǎn)品的設(shè)計師,在這里給大家講述一些我的想法。
首先,B端產(chǎn)品通常有2種類型:企業(yè)內(nèi)部產(chǎn)品(Internal Solutions)和企業(yè)對企業(yè)的服務(wù)產(chǎn)品(B2B)。
企業(yè)內(nèi)部產(chǎn)品的用戶體驗設(shè)計有一些獨特性:
很遺憾,幾乎所有企業(yè)內(nèi)部產(chǎn)品或項目都被嚴(yán)格的保密協(xié)議(NDA)保護著。
絕大多B端項目都是為特定用戶提供的專門內(nèi)部流程。這意味著除了那些每天盯著它用的用戶,其他任何人都可能不會看到你的設(shè)計。即使你設(shè)法獲得了將其放入自己作品集的權(quán)限,也需要抹掉所有敏感的數(shù)據(jù)才行。
不過幸運的是,大多數(shù)有足夠能力來構(gòu)建自己的定制IT解決方案的公司通常規(guī)模很大,而且它們的品牌可能帶有足夠的“影響力”,這樣,項目身價得以抬高,也能讓設(shè)計師進入面試的下一步流程。
設(shè)計企業(yè)內(nèi)部所用產(chǎn)品的優(yōu)點:你的未來用戶將會是你的同事們。因此,在進行可用性研究時,你無需擔(dān)憂任何層面的法律問題。另外,由于大多數(shù)內(nèi)部項目都是為了優(yōu)化和改進現(xiàn)有的工作流程,你的用戶往往會非常愿意配合你的調(diào)研工作。因為設(shè)計不當(dāng)?shù)漠a(chǎn)品讓他們的工作飽受折磨,因此盡早獲得反饋對他們來說是最有利的。
但這其中的弊端是,由于你的同事們需要平衡全職工作,你很可能無法占用他們的寶貴時間。如果你能解決這個問題,他們通常會提供比您預(yù)期更多的反饋。
關(guān)于B2B的一些潛規(guī)則
對于C端產(chǎn)品,如果太丑或不好用,消費者可以拒絕使用。而B端產(chǎn)品即使學(xué)習(xí)成本比較高,但企業(yè)仍然可以“命令”所有員工學(xué)習(xí)這些用于開展業(yè)務(wù)的專用軟件。
B2B產(chǎn)品最終將出售給業(yè)務(wù)決策者,然后再推給(最終)用戶。他們更關(guān)心的是量化提升效率(efficiency)和安全性(security),同時預(yù)防錯誤(preventing errors)。大多數(shù)組織都在尋找一種解決方案來替代和/或優(yōu)化現(xiàn)有流程。
這并不是說企業(yè)軟件不應(yīng)以用戶友好為目標(biāo),但通常情況下,只要能夠?qū)崿F(xiàn)某些被企業(yè)視為至關(guān)重要的目標(biāo),其他能省則省。對底線(bottom line)的影響有時會成為最重要的因素。
全球各大企業(yè)的用戶體驗設(shè)計領(lǐng)導(dǎo)者仍在爭奪一席之地,以證明優(yōu)質(zhì)設(shè)計的價值。不幸的是,許多企業(yè)的用戶體驗設(shè)計師只能在滿足業(yè)務(wù)目標(biāo)、技術(shù)要求和用戶需求之間無奈徘徊。
像在大多數(shù)項目中一樣,在企業(yè)領(lǐng)域里,如果可以證明更好的用戶體驗可以量化地提升生產(chǎn)率,比如可以節(jié)省金錢,這樣你就有了一個絕佳的機會和挑戰(zhàn)。
如果你在B2B領(lǐng)域工作,可能會很熟悉“鯨魚用戶(whales)”的概念。通常,他們是帶給我們最多收入的客戶,因此在某個特定產(chǎn)品的路線圖中擁有極大的影響力。由于較少的鯨魚用戶簡化了需求收集和確認(rèn)過程,有時你的工作會非常順暢,但不幸的是,這也可能導(dǎo)致你忽視掉很大一部分用戶群體的意見。
我們見過諸多“被需要”的功能看起來并不適合大多數(shù)工作流程的案例(因為這是鯨魚用戶的特性)。通常,決策只是為了“去執(zhí)行”,因為銷售團隊已經(jīng)在下一個版本中承諾了這一點,而這個核心客戶占產(chǎn)品收入的40%。這通常會使得產(chǎn)品對于其他用戶而言就有些隨機且不合邏輯了。
通常而言,在設(shè)計師進入管理層之前,他們很難影響到銷售團隊等強大的利益相關(guān)者的決策。潛在的利益沖突無疑是需要整個設(shè)計團隊共同去面對的,大家需要平衡產(chǎn)品的長期愿景和立竿見影的“快速制勝”二者之間的沖突,以便為產(chǎn)品提供可拓展的設(shè)計和構(gòu)建道路。
幾乎所有財富500強的公司都是通過并購而成長為龐然大物的。
每一次的并購,都會將一個完全不同的系統(tǒng)和工作流程修補到現(xiàn)有的系統(tǒng)和工作流程中。很多開發(fā)于90年代的軟件仍在諸多大型公司中運行。盡管從概念上看,“整合一切(consolidate everything)”似乎很容易,但是協(xié)調(diào)數(shù)據(jù)庫和系統(tǒng)的過程著實很繁瑣,且需要足夠的時間。
B端用戶體驗的大部分工作是將用戶從一套舊版(有時是手動)的工作流程中解放出來的艱巨工作。這涉及到對用戶目標(biāo)及多個系統(tǒng)的深入了解,需要我們列出規(guī)劃,識別冗余和協(xié)同效應(yīng),然后將其與邊緣案例相結(jié)合,以檢驗它產(chǎn)出的結(jié)果是否與當(dāng)前操作模式的產(chǎn)出一致(如果不能優(yōu)化的話)。
盡管過程并非總是如此艱難,B端軟件依舊比C端復(fù)雜得多,因為即使其概念是“從0開始做新系統(tǒng)”,其數(shù)據(jù)還是全部來自于一堆與之配套的舊系統(tǒng)。在系統(tǒng)級別上思考流程、提出正確的問題并有效記錄文檔的能力是此類項目中最有用的技能。
我不是開發(fā)人員,所以我不知道我從Google里找的這張圖片是否是能夠準(zhǔn)確展示典型的后端體系結(jié)構(gòu)。
我所知道的是,對于每個項目來說,開發(fā)人員都會創(chuàng)建一個外觀相似的圖表,該圖表展示了數(shù)據(jù)的來源和去向,它非常復(fù)雜,并且在提取,存儲和推送數(shù)據(jù)時可能受到一系列限制。
大多數(shù)企業(yè)或組織需要遵循一套嚴(yán)格的政策法規(guī),并且通常受到各種管理要求的約束。
常見的例子包括:法律/隱私要求(例如GDPR),國際化要求(例如日期格式,語言),無障礙(例如WCAG&ARIA),安全性等等。
這些規(guī)則中的每一條都來自于某領(lǐng)域的專家、某類別的檢查清單(checklist)抑或是一系列更為模糊情景下的最佳實踐(這些實踐基于特定的方案和用例)。C端APP監(jiān)管日漸常規(guī)化,同時,由于諸多企業(yè)或組織掌握的敏感數(shù)據(jù)極具貨幣價值,其受到的監(jiān)管和審查也在不斷增加。
當(dāng)然,這個問題的答案顯而易見,你的確切問題是存在第三方解決方案的,但是由于某些規(guī)則或規(guī)定,你可能根本無法使用它。
由于必須滿足很多這樣或那樣的標(biāo)準(zhǔn),對于用戶來說,最終的設(shè)計往往不太理想,雖然乍一看可能并不明顯,但這也是歷史上許多政府軟件的設(shè)計看起來很蠢的原因之一。
與上面的觀點類似,B端產(chǎn)品用戶的獨特之處在于他們對變化的抗拒心理。這意味著你需要認(rèn)真思考工作流程改變后的結(jié)果,諸如使用不同的顏色,或是調(diào)整頁面內(nèi)某個按鈕的位置等簡單變化。
我們甚至還沒有談及信息架構(gòu)。當(dāng)你開始做信息架構(gòu)時,卡片分類研究可能會告訴我們現(xiàn)有的導(dǎo)航設(shè)計是完全錯誤的,或是導(dǎo)航里的某些分類實際上應(yīng)該嵌套到其他地方。不過你很快就會發(fā)現(xiàn),當(dāng)實際執(zhí)行這些變化時,你將面臨巨大壓力。
知道何時依賴自己的研究和專業(yè)知識,何時推進,何時放慢步伐是很關(guān)鍵的,這樣你才可以避免疏遠過多的用戶。畢竟對于這些用戶來說,過去幾年的工作流程已經(jīng)根深蒂固,他們需要時間、資源和指導(dǎo)來學(xué)習(xí)或重新學(xué)習(xí)這些系統(tǒng)的使用。
盡管他們可能會拒絕改變,但這絕對不代表我們作為UX專業(yè)人士就無法引領(lǐng)他們擁抱變化,我們要做的便是了解他們的痛點并在設(shè)計時時刻考慮到用戶的最大利益。
許多舊版的B端app產(chǎn)品都有一個共同點,那就是它們的信息密度非常高。
理想的解決方案也許是隱藏所有不必要的信息,僅顯示剛需的信息,但是“隱藏掉錯誤內(nèi)容”的風(fēng)險可能非常巨大,以致于不得不將其保留在不斷增加的的實體屏幕上。
這就容易導(dǎo)致打包的屏幕設(shè)計極大增加了用戶的認(rèn)知負擔(dān)。而這些負擔(dān)之所以被用戶“接受”,就是因為他們必須且只能“學(xué)習(xí)”如何使用該軟件來完成工作任務(wù)。
此外,對于許多管理或監(jiān)控類的產(chǎn)品,用并別模式查看信息進行比較和參考是非常重要的。復(fù)雜的非線性(Complex non-linear)的工作流使得界面設(shè)計更具挑戰(zhàn)性,因為許多選項都需要既可隨時訪問又不能妨礙其他操作。
有個很好的例子:為什么Bloomberg(上圖)的UI看起來比Robinhood(下圖)復(fù)雜1000倍?
結(jié)論便是,B端產(chǎn)品的界面里,需要犧牲留白空間以展示更多信息的情況并不少見,因為用戶經(jīng)常需要查看更多信息以便完成更復(fù)雜的任務(wù)。
隨著公司或組織越來越依賴技術(shù),B端產(chǎn)品的用戶體驗設(shè)計將成為許多公司的主要競爭優(yōu)勢。
如果你具有擁抱復(fù)雜性、平衡多個利益相關(guān)方觀點,并在約束內(nèi)進行創(chuàng)新的能力,你便能輕而易舉的殺入B端軟件設(shè)計領(lǐng)域。
隨著機器學(xué)習(xí)等諸多振奮人心的新技術(shù)出現(xiàn),各種業(yè)務(wù)會帶著其龐大而雜亂的數(shù)據(jù)庫排隊等候。UX將站在如何產(chǎn)生有價值的見解的最前沿,以便弄清用戶想要從這些數(shù)據(jù)中獲取什么以及如何對其進行操作和訪問。
雖然在很長一段時間里,dribbble(追波)上的精美視覺設(shè)計仍將占有一席之地,但更繁重的任務(wù)還會落在那些不起眼的B端設(shè)計師身上:比如設(shè)計電子表格、數(shù)據(jù)集、草圖原型、投入調(diào)查以及數(shù)小時與用戶和利益相關(guān)者的交談和測試。
最終出現(xiàn)在用戶面前的內(nèi)容可能并不完全整潔和簡單,但請你相信,在成為備受矚目的明星B端產(chǎn)品前,其每一處基準(zhǔn)點都經(jīng)過了UX設(shè)計師的嚴(yán)格審查。我們的用戶已經(jīng)全力以赴地使用這些產(chǎn)品努力工作,我們的產(chǎn)品也通過清除一些障礙來減輕用戶的負擔(dān),這已經(jīng)很不錯了。
翻譯:April.H 審校:戴貓子 | UXRen翻譯組 #366譯文
作者:Yichen He
原文標(biāo)題:《Designing for enterprise vs. designing for consumers》
藍藍設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
信息有各種形式,圖、文、視頻、音頻等,而承載信息的形式也多種多樣。
本文意將信息容器進行整理歸納,以總結(jié)出一些經(jīng)驗規(guī)律。
信息容器是承載信息的載體,位于內(nèi)容層。要理解信息容器的概念,首先要理解界面中的層級關(guān)系。一個界面除了豎直方向和水平方向維度,還有縱深維度。
從底層(遠離用戶)到頂層(靠近用戶),基本上可以分為以下幾層:
背景層
信息層
全局操作層(各種常駐于屏幕的bar、懸浮按鈕等)
浮出層(模態(tài)類型的浮出層還需要有蒙版進行隔斷)
本文要討論的“信息容器”,指的是信息層上,裝載信息的載體。信息的類型多種多樣,可以是文字、圖片、視頻、各種操作控件等。
常見的信息容器主要有2大類:列表和卡片。
在整理案例的時候,我不禁產(chǎn)生了一個疑問,到底什么是列表,什么是卡片?如何界定和區(qū)分兩者?這個問題乍一聽有點無厘頭,列表不就是列表嗎,多個布局一致的狹長單元組合在一起,就形成了列表。那么什么是卡片呢?和屏幕兩側(cè)保持一定間距,帶圓角的就是卡片嗎?
我們不妨先看看下圖案例:
為什么類似的布局形式,上圖中,圖1給人感覺是列表,圖2給人感覺是卡片,圖3既像列表又像卡片?
從內(nèi)容層面來說,包含的信息類型有:文字、圖標(biāo)/圖片、按鈕。幾乎沒有太大區(qū)別。
是什么導(dǎo)致我們觀感上的不同呢?
電商案例也許可以給出答案。
從電商產(chǎn)品的商品列表頁中可以看到,用戶可以自主選擇兩種不同的商品展示模式:列表模式和卡片模式。
這兩種模式幾乎可以對應(yīng)“列表”和“卡片”兩種信息容器樣式。完全一致的信息量:主圖、標(biāo)題信息、價格信息、輔助信息,相似的展示效率(一屏展示約4.5個商品),不同的信息容器展示形式給人不同的感覺。
單純從信息層面或者視覺層面都不能界定列表和卡片,如果多維度疊加限定又太繁瑣,因此本文給出的列表和卡片直接的區(qū)別界定是:可以自主定位關(guān)鍵線索,規(guī)劃視覺瀏覽動線。如果視覺瀏覽大方向是豎直的,那么就歸入列表范疇,瀏覽動線不是豎直而是折線的,都算在卡片范疇。
除了上面說的,最常見的兩類信息容器:列表和卡片之外,還有另外兩種形式,分別是:無容器和復(fù)合容器。
這些容器具體有哪些特點,我們一一來看。
列表的定義:將結(jié)構(gòu)一致的信息單元在豎直方向上鋪陳下去,形成的信息集合。
不同場景要呈現(xiàn)的信息側(cè)重不同。
舉例幾種常見的列表形式:
用戶/消息列表
圖文列表
功能列表
“卡片型”列表
用戶/消息列表的內(nèi)容結(jié)構(gòu)很清晰,頭像+身份+內(nèi)容提要+輔助信息。
圖片天然地比文字更具有吸引力,視覺上的優(yōu)先級排序是頭像>身份>內(nèi)容提要>輔助信息。
當(dāng)然用戶可以很方便地選擇關(guān)注的對象是圖片還是文字,這體現(xiàn)了列表的優(yōu)越性,瀏覽動線豎直,可以方便用戶根據(jù)自己想要的索引快速定位。
這里值得討論的是頭像用方形還是圓形的問題,相信大家都想到過這個問題,同樣是社交產(chǎn)品,qq是圓頭,微信是方頭,這里邊有什么原因呢?
本文嘗試分析一下,僅是個人意見,歡迎討論。
按照理論,圓頭親切的形狀感知更加適合輕松基調(diào)的產(chǎn)品,方頭嚴(yán)謹(jǐn)?shù)男螤罡兄舆m合嚴(yán)肅基調(diào)的產(chǎn)品。這解釋了電商類型產(chǎn)品(淘寶、京東)的信息通知一般都是圓頭的,匹配輕松愉悅的網(wǎng)購體驗,而金融類產(chǎn)品(支付寶)多是方頭。對于同是熟人社交類產(chǎn)品的微信和qq來說,qq用戶層年齡偏低,屬性相對更加活躍,更加輕松的圓頭可能更適合此類用戶。
以iOS為例,當(dāng)用戶向左滑動列表時,呼出針對該列表單元的操作。具體列表對應(yīng)具體操作,操作項數(shù)量不同。
方案A:
優(yōu)點:操作底板寬度適應(yīng)文案,不會出現(xiàn)空間局促的現(xiàn)象。
缺點:當(dāng)文案字段長時,列表被推出屏幕外的內(nèi)容較多,當(dāng)用戶操作分心時,可能會忘記正在操作的對象,雖然這種情況極少發(fā)生。
方案B:
優(yōu)點:操作底板固定,文案折行規(guī)則明確,既不會造空間擁擠,被擠出屏幕外的列表區(qū)域可控。
方案C:
優(yōu)點:搭配圖標(biāo),視覺更豐富。
缺點:圖標(biāo)占據(jù)了一定高度,導(dǎo)致文案無法折行,列表被推出屏幕外的內(nèi)容較多,與方案A類似。
綜上,個人認(rèn)為方案B是最合理的,對于文案長度的寬容度高,即便文案較長,也可以保證視覺和諧,并保留較多列表內(nèi)容。
在用色策略上,使用的是為大眾所接受的“語義色”,一些具體的顏色在長期經(jīng)驗積累中形成了固定的語義。
當(dāng)用戶觸發(fā)了帶有一定破壞性的操作時,需要用戶進行二次確認(rèn)。
并不是所有情況都需要二次確認(rèn),二次確認(rèn)的樣式也有多種。
同樣都是模態(tài)視圖,要表達的信息也相似,都是要求用戶進行選擇,為什么有些產(chǎn)品選擇將對話框居中,有些產(chǎn)品選擇將對話框放在底部?這里涉及到關(guān)于模態(tài)視圖的相關(guān)知識點,本篇文章旨在討論信息層面的內(nèi)容,模態(tài)視圖涉及到了浮出層的內(nèi)容,將在下篇文章中進行詳細探討。本篇文章不做過多延展。
信息流產(chǎn)品一般是由圖片+重點文案+標(biāo)簽(可有可無)構(gòu)成。
不同性質(zhì)的產(chǎn)品想要突出的重點不同,根據(jù)內(nèi)容的重要性權(quán)重來分配視覺占比。
從上方幾個例子中我們可以看到:
在圖文比例從左到右依次提升;
圖文布局案例1-3使用了左文右圖的方式,案例4-7使用了左圖右文的方式。
搞清楚如何圖文布局和設(shè)置圖文比例,就基本解決了資訊流頁面最關(guān)鍵的問題。
資訊列表或稱feed流,主要根據(jù)用戶喜好定向推送內(nèi)容。除了從用戶日常瀏覽、搜索等行為中提取用戶喜好信息,用戶主動反饋的信息精度更高,用戶不惜花費更多操作成本來提示產(chǎn)品,對內(nèi)容不感興趣。
從視覺上說:
1、提交反饋的入口(小而淺的icon)都不明顯,有些產(chǎn)品用“更多”來提示用戶,有些產(chǎn)品用更加負面的“關(guān)閉”來提示用戶。當(dāng)用戶對內(nèi)容產(chǎn)生較為強烈的反感時,才會注意到屏蔽入口。常規(guī)瀏覽時,該圖標(biāo)不會影響用戶注意力。
2、反饋形式采用模態(tài)對話框,用戶需要選擇具體操作,是屏蔽內(nèi)容或作者、還是舉報或不感興趣。
3、對話框是否有指向性:從表意明確的角度上來說,帶有箭頭的氣泡更有利于用戶定位對象。
從交互上說:
反饋入口熱區(qū)較小,容易誤觸,大多數(shù)情況下,用戶不會注意和點擊該圖標(biāo),用戶是以瀏覽為主要行為。
列表索引一般還是定位文字為主要形式,不同用戶的認(rèn)知水平不同,圖標(biāo)表意始終是一大難點,多用為輔助記憶或單純提升視覺美觀。圖標(biāo)雖然是體現(xiàn)設(shè)計風(fēng)格的重點,但是在具體情境下,如設(shè)置頁,用戶更加在意快速找到自己要找的內(nèi)容,多度的圖標(biāo)樣式,實際上會折損用戶的檢索效率。
一般功能頁面或放置許多功能,常常會超過十幾項,這種情境下,檢索效率低下是一個痛點。
如何提高檢索效率?—— 分組
分組給用戶提供了認(rèn)知線索,根據(jù)格式塔原則,用戶總是傾向于把距離近的、樣式統(tǒng)一的元素歸位同類。
毫無分組顯然對于檢索是不利的,用戶需要逐一瀏覽,該情況適用于列表項無法分組時,如果有分組條件,務(wù)必分組,幫用戶節(jié)約篩選成本。
UI界面中,列表的分割方式常見的有以下3種:
線條分割
塊面分割
間距分割
在我們的固有觀念里,大圓角,不通欄,有投影的形象就是卡片。
這種樣式也越來越盛行,許多產(chǎn)品嘗試將列表也用“卡片化”進行包裝。
雖然是相當(dāng)細節(jié)的點,但是精細化處理之后的結(jié)果就立刻會與批量化處理的結(jié)果拉開差距。
產(chǎn)品級的風(fēng)格統(tǒng)一來源于點滴細節(jié)。
卡片的類型繁多:單列大卡片、泳道、內(nèi)容流(兩列網(wǎng)格、瀑布流)、宮格
從內(nèi)容展示效率上來講,單張大卡片就占據(jù)占據(jù)屏幕(劉海屏)超出一半的高度,用戶需要不斷滑動屏幕瀏覽下方內(nèi)容,操作成本較高。大卡片形式對內(nèi)容本身,如圖片的質(zhì)量要求很高。這種模式常見于圖片社區(qū)或垂類電商產(chǎn)品,圖片社區(qū)(如躺平)本身較為小眾、即便是UGC(用戶產(chǎn)生內(nèi)容)單元,用戶上傳的圖片素材平均水平也較高,垂類電商(如Nike)圖片品質(zhì)由編輯控制,質(zhì)量高且穩(wěn)定。以上類型產(chǎn)品不以量吸引用戶,用戶往往更加在意內(nèi)容本身是否優(yōu)質(zhì)。用戶沒有帶著明確的目標(biāo),心智更加類似于瀏覽雜志。產(chǎn)品提供什么內(nèi)容,就進行瀏覽。從上方案例可見,除了微信讀書之外的3款產(chǎn)品首頁都沒有突出搜索功能,而是以信息流呈現(xiàn)為主。
與列表分割一致,卡片也有對應(yīng)分割方式。
大卡片占據(jù)屏幕面積大,理論上大卡片的內(nèi)容質(zhì)量是經(jīng)審查的。部分產(chǎn)品不存在大卡片容器的交互,點擊卡片直接進入詳情頁。部分產(chǎn)品通過比較低調(diào)的方式向用戶收集對于內(nèi)容的意見。如微信讀書長按卡片,可以選擇不再顯示該卡片內(nèi)容,產(chǎn)品收集反饋,對于用戶喜好的描述可以進一步具象準(zhǔn)確。長按不是一個高頻手勢,用戶觸發(fā)該手勢往往是試探性的,代表用戶確實對于內(nèi)容有意見要傳達。躺平使用了簡約三小點樣式的“更多”圖標(biāo)來收納不常用的收藏和舉報操作。
何為泳道?顧名思義,常見的滑動手勢是上下方向滑動,但有時也會出現(xiàn)橫向滑動的情況。一系列對象在一條橫向軌道內(nèi)左右滑動,該類型的形式組合在一起,就好比泳道賽道一般。
可以橫向滑動以查看內(nèi)容的呈現(xiàn)形式,稱為“泳道”。泳道可以有多種形式。
停止位置隨機:
內(nèi)容與手勢相關(guān)度高,比較自由,但停止位置隨機,不能保證停下后用戶能完美看到當(dāng)前卡片的所有信息,需要用戶微調(diào)卡片位置。
停止位置固定:
根據(jù)用戶滑動速率,模擬物理慣性和摩擦,判斷最終展示哪張卡片,并將卡片呈現(xiàn)在屏幕中部,確??ㄆ系男畔⒍伎梢宰x取。這種交互更加合理,給滑動設(shè)置卡點,類似banner效果。
雙列卡片可以看成是大卡片(單列)的另一種表現(xiàn)形式。這種形式更加提高了空間利用率,對于單一信息展示更加克制。平衡了效率和效果,是電商、圖片社區(qū)、視頻等產(chǎn)品類型的首選表現(xiàn)手法。
雙列卡片可以細分為兩大類:
卡片流(對齊)、瀑布流
卡片對齊:
優(yōu)點:規(guī)整統(tǒng)一,視覺動線清晰,瀏覽舒適。
缺點:對主圖尺寸要求高,確定的比例會對商品展示有一定局限。
瀑布流:
優(yōu)點:圖片尺寸寬容度高,滿足一定比值區(qū)間即可。保證商品的展示完整度。錯落的布局容易形成節(jié)奏。
缺點:不容易進行比較,若要進行圖片間的對比,比較困難,視覺動線混亂。
兩列式的卡片布局需要注意內(nèi)容層與背景層的區(qū)分。
大多數(shù)產(chǎn)品的背景層是淺灰色,內(nèi)容層是白色,色差可以建立區(qū)分。部分產(chǎn)品背景層是白色,或者說取消了背景層的概念,那么要建立卡片之間的區(qū)分,就需要通過間距或者卡片加底色的方式。
個性化推薦模塊對電商產(chǎn)品尤其重要,準(zhǔn)確地將用戶可能感興趣的產(chǎn)品推薦出去,可以減少用戶的搜索、篩選步驟,提升購買效率和愉悅感,從而提升用戶對產(chǎn)品的評價。因此,不斷收集用戶的喜好相當(dāng)重要,盡管各種算法已經(jīng)讓產(chǎn)品顯得越來越智能,但依舊要給用戶留下提建議的入口。
上文介紹了資訊類產(chǎn)品中,用戶如何給出對于具體信息的反饋,電商類產(chǎn)品原理也大同小異。
從功能上來說,淘寶、閑魚、京東,都是通過用戶手勢(點擊圖標(biāo)或長按卡片或兩者皆可)來呼出選項,用戶通過選擇來表達意見,從而使推送更精準(zhǔn)。
從視覺上來說,淘寶和閑魚的反饋形式類似,都是在卡片上添加一個黑色半透明蒙版,將有限的選項豎直碼放在卡片上,類似小型模態(tài)的概念(但是這里不同于嚴(yán)格的模態(tài)視圖,沒有限定用戶必須要做出選擇,用戶可以直接劃走)。而京東的邏輯不同,使用了傳統(tǒng)阻斷性模態(tài)視圖的處理方式,將下方卡片用蒙版遮擋,希望用戶專注于選擇。
從阻斷感上說,京東的阻斷干是最強的,將用戶從原本的瀏覽行為中提取出來,請用戶嚴(yán)肅地做出對于當(dāng)前商品的反饋。這樣收集信息的效率更高。由于選項是盛放在帶有指向性的小氣泡之上,針對性足夠,且延展性好,氣泡的高寬都可以調(diào)整,而淘寶和閑魚的處理方式,在極端情況下,如選項超過5項時,所有內(nèi)容放在卡片之上,空間就很緊湊。
這類操作比較隱晦,可點擊按鈕很不明顯,長按手勢也不常用。同樣是當(dāng)用戶有明確反饋需求時,才會尋找反饋入口,一般情況下,用戶不會注意到。以用戶常態(tài)下的瀏覽行為為最優(yōu)先。
閑魚的交互做的很細致,蒙版出現(xiàn)采用了水波的形式,用戶抱著要吐槽的心態(tài),這種精致有巧思的小動效在一定程度上可以緩和用戶的煩躁的心理。
除了電商類產(chǎn)品,部分視頻類產(chǎn)品長按卡片也會呼出對應(yīng)效果。
案例1和案例2,長按卡片,都是出現(xiàn)視頻片段的預(yù)覽。效果類似iOS的3Dtouch,在相冊中按壓具體照片即可預(yù)覽。而案例3,點擊“更多”圖標(biāo),呼出操作。然而選項只有1項,不符合邏輯,單一的選項無法構(gòu)成“選擇”,這會讓人有點摸不著頭腦。
如果把界面看作是一張大網(wǎng)格,不同的內(nèi)容占據(jù)著不同位置、不同面積的頁面區(qū)域。
除了我們已經(jīng)熟悉的“有序”布置,如從上到下依次排列內(nèi)容(大卡片),或者從左往右依次排列內(nèi)容(泳道),還有更加靈活多變的排布方式可供選擇。
布局的本質(zhì)是分配界面面積,用以盛放內(nèi)容,同時運用面積對比進行突出。除了面積對比的方式外,還有其他方式可以突出關(guān)鍵內(nèi)容。
無內(nèi)容的呈現(xiàn)形式比較簡單:內(nèi)容直接置于背景層之上。減少視覺負擔(dān),內(nèi)容為主,形式為輔。
復(fù)合容器是指超過一種的容器形式的組合,如卡片中包含列表、卡片中包含泳道等。
不同的信息容器組合在一起,搭建一個分工明確的界面。界面中不同的信息需要套用合適的形式去呈現(xiàn)。有層級就有對比,對比越大,層次拉得越開,重點就越突出。
建立對比的策略:
色彩對比、面積對比、樣式對比、Z軸高度對比、靜態(tài)動態(tài)對比
文章來源:站酷 作者:doo_W
藍藍設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
交互設(shè)計就是通過設(shè)計出完整的界面和用戶操作流程,保證其符合用戶的認(rèn)知模型,避免用戶在使用過程中任務(wù)失敗。
交互設(shè)計師是承接上游(產(chǎn)品經(jīng)理)和下游(視覺設(shè)計師)的角色。
交互設(shè)計師的基礎(chǔ)價值來源于兩方面:
交互設(shè)計師的核心價值是將產(chǎn)品業(yè)務(wù)通過更好的設(shè)計,將其更大價值化并落地。
本文大綱如下:
將自己作為各種角色的用戶,去使用體驗,感受整個產(chǎn)品的流程。從而找到可優(yōu)化的地方。
針對于 B 端產(chǎn)品,產(chǎn)品中會涉及到超級管理員、管理員、普通員工至少三種大類角色,其中普通員工里面可能會細分多類角色。交互設(shè)計師要在各個角色中,使用體驗產(chǎn)品,梳理清晰的產(chǎn)品業(yè)務(wù)邏輯。使用使用中,弄清各個角色的權(quán)限管理和流程邏輯。
針對于 C 端產(chǎn)品。對產(chǎn)品的分層用戶主流程和分支流程進行體驗走查,找到使用中不好的地方并加以優(yōu)化。并對行業(yè)競品進行重度使用體驗,了解整個行業(yè)產(chǎn)品的特點。
我以前寫過好多設(shè)計師的專業(yè)技能方面的文章,我之前一直認(rèn)為設(shè)計師最重要的素質(zhì)是專業(yè)技能。
但是設(shè)計師最重要的素質(zhì)并不是專業(yè)技能,因為專業(yè)技能可以慢慢培養(yǎng),任何人都可以學(xué)會。
設(shè)計師最重要的能力是推動能力。因為推動能力和責(zé)任感、性格及天賦有關(guān),而這恰恰會成為設(shè)計師進階的障礙。
想要推動業(yè)務(wù)之前,先要將自己的職責(zé)做好,負責(zé)的工作做好,讓大家信任,這個時候才能贏得大家的信任,讓大家更加相信你。
1. 為什么推動能力最重要?
在實際工作中設(shè)計師最基礎(chǔ)的能力是解決問題的能力,團隊需要能解決工作問題的設(shè)計師,這樣才不會團隊造成負擔(dān)或者拖團隊后腿。
設(shè)計師在工作中會遇到形形色色不同性格的對接人。那么肯定會遇到對接難度大的 PM、視覺設(shè)計師、交互設(shè)計師或者開發(fā),這時候就需要有較強的推動能力,不然很容易使得工作進度受阻,導(dǎo)致設(shè)計方案無法快速落地。
擁有較強的推動能力對個人而言有以下好處:
2. 怎么做推動?
推動分兩方面,一方面是產(chǎn)品上的推動,另一方面是團隊里的推動。
針對產(chǎn)品上的推動,設(shè)計師需要做一些前期工作和設(shè)計方案,然后和團隊領(lǐng)導(dǎo)溝通,獲得他們的支持,最后和產(chǎn)品經(jīng)理溝通,讓產(chǎn)品經(jīng)理看到,我們做這個設(shè)計方案可以帶來哪些價值。
得到了產(chǎn)品的支持后再進行推動設(shè)計,推動的事情可以做例如首頁改版,設(shè)計規(guī)范優(yōu)化,核心流程上提升數(shù)據(jù)指標(biāo),可用性測試等等。
針對團隊中的推動,先發(fā)現(xiàn)團隊缺少哪些東西?針對團隊缺失的東西,做一些推動的事情。在此之前需要做大量的準(zhǔn)備工作,并得到團隊領(lǐng)導(dǎo)的肯定和支持。
例如團隊沒有做組件化,那么你可以牽頭做組件庫和設(shè)計規(guī)范。團隊缺少數(shù)據(jù)分析思維,那么你可以現(xiàn)在團隊培訓(xùn)數(shù)據(jù)分析知識,然后做一系列的數(shù)據(jù)設(shè)計模板,將數(shù)據(jù)融入到設(shè)計師的工作流程中。
團隊協(xié)同不太順利,那么你可以和領(lǐng)導(dǎo)商量,做一些團隊協(xié)同上的工作,例如團隊新軟件的引入,團隊項目協(xié)同文檔規(guī)則制定等。
3. 如何順利推動?
如果剛進一家公司,那么先要熟悉團隊運行模式,每個設(shè)計師負責(zé)的產(chǎn)品業(yè)務(wù)和他們的處事風(fēng)格。
當(dāng)熟悉產(chǎn)品業(yè)務(wù)和團隊,那么接下來先將自己負責(zé)的產(chǎn)品需求做好,后續(xù)就可以進行一系列前期推進準(zhǔn)備工作。做推動之前,需要先和領(lǐng)導(dǎo)確認(rèn),得到領(lǐng)導(dǎo)的肯定后再慢慢在團隊推動。
當(dāng)在團隊取得一定的進展,則后續(xù)可以嘗試產(chǎn)品上的推動。在推動的過程中,要記住不斷地迭代優(yōu)化自己的推動方案,讓自己的推動過程中做得萬無一失。
先熟悉業(yè)務(wù)運行邏輯,掌握業(yè)務(wù)后,分析業(yè)務(wù)流程。
1. 找到業(yè)務(wù)核心并優(yōu)化
找到產(chǎn)品中核心是什么?例如資訊類產(chǎn)品,產(chǎn)品的核心是用戶通過推薦列表,到達新聞詳情頁閱讀的過程。在這個主流程的過程中,交互設(shè)計師可以做的事情就是如何提升推薦列表的點擊效率、展示效率和詳情頁正文展示效果。通過優(yōu)化結(jié)構(gòu)樣式,提升設(shè)計價值。
例如電商產(chǎn)品,核心就是如何讓用戶快速找到想要的商品,并順利的完成購買。在這一過程中,交互設(shè)計師可以做的事情,如何提升用戶快速找到商品這一場景和購買支付的流暢度。
文章來源:優(yōu)設(shè) 作者:Echo的設(shè)計筆記
藍藍設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
大家是不是時常困惑于,B 端的表單設(shè)計體現(xiàn)不出高級感?設(shè)計發(fā)揮的空間特別的少?
那是你沒用對發(fā)力點~
B 端:設(shè)計表單頁面時,一方面須尊重用戶的習(xí)慣,不要在不必要的地方體現(xiàn)差別??偨Y(jié)了 4 個思考問題:
案例:以創(chuàng)建公眾號消息自動推送為例
另一方面要考慮信息層次。
搞定了基本要素后,我們開始考慮如何表現(xiàn)信息層次。
在了解什么封裝度和信息密度前,我先跟大家討論一下。什么是表單之間的關(guān)系。
我所認(rèn)為表單之間的關(guān)系分為 3 種:
優(yōu)點:
平鋪所有需要填寫的信息,適合內(nèi)容項較少、內(nèi)容項無法按照相關(guān)性分組的表單
缺點:
使用場景:
當(dāng)需要完成一個簡單快速的任務(wù),輸入少量信息即可完成創(chuàng)建
優(yōu)點:
用于復(fù)雜任務(wù)時,拆解任務(wù)進行編排,適當(dāng)?shù)娜蝿?wù)分割,可以降低用戶出錯率
缺點:
使用場景:
適用于大型、復(fù)雜任務(wù)
優(yōu)點:
減少不必要(非重要)的輸入項,能適當(dāng)?shù)臏p輕用戶認(rèn)知負擔(dān)
缺點:
使用場景:
特殊場景下使用
那么用一條完整的鏈路來表達就是:
了解完表單的結(jié)構(gòu)關(guān)系知曉利弊后,那么應(yīng)用在我們實際的場景中表達就是如圖所示:
封裝密度高且信息密度低
△ 圖中案例,僅做示例說明
將一個復(fù)雜的任務(wù)表單,進行封裝后,看起來任務(wù)量是不是也變少了?操作起來也不是很復(fù)雜了?
小結(jié):
分析了解表單的結(jié)構(gòu)關(guān)系,判斷表單,尋找共性的內(nèi)容,將他們封裝為一個卡片,也可以封裝成一個組。主要的目的就是減少用戶認(rèn)知負擔(dān),提升操作/使用效率。
關(guān)于使用何種布局方式的判斷,應(yīng)從信息的復(fù)雜度和關(guān)聯(lián)性兩個維度去梳理。根據(jù)信息的復(fù)雜度和相關(guān)性模型,選用相應(yīng)的信息呈現(xiàn)方式,選用合理的布局方案來承載詳情頁的內(nèi)容。
1. 信息的復(fù)雜度和相關(guān)性模型
△ 來源:Ant Design;來源鏈接: https://ant.design/docs/spec/research-form-cn
2. 區(qū)隔方式
根據(jù)各個信息之間的相關(guān)性,判斷各個信息模塊之間的親密度,通常情況下,相關(guān)性強的內(nèi)容盡量靠近,相關(guān)性弱的的內(nèi)容盡量拉開層次。
△ 來源:Ant Design;來源鏈接: https://ant.design/docs/spec/detail-page-cn
3. 注意事項
文章來源:優(yōu)設(shè) 作者:交互思維鋪子
藍藍設(shè)計( m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍藍設(shè)計的小編 http://m.yvirxh.cn