首頁(yè)

用戶行為分析和以用戶為中心的設(shè)計(jì)

ui設(shè)計(jì)分享達(dá)人

用戶行為分析,認(rèn)識(shí)用戶滿足用戶最直接要求為設(shè)計(jì)中心


用戶行為分析

用戶行為是指用戶在使用產(chǎn)品時(shí)的行為,針對(duì)網(wǎng)站而言,就是用戶在進(jìn)入網(wǎng)站后所有的操作。網(wǎng)站用戶行為分析,就是在獲得網(wǎng)站王文量基本數(shù)據(jù)的情況下,對(duì)有關(guān)數(shù)據(jù)進(jìn)行統(tǒng)計(jì)、分析,從中發(fā)現(xiàn)用戶訪問(wèn)網(wǎng)站的規(guī)律,并將這些規(guī)律與產(chǎn)品目標(biāo)及策略相結(jié)合,從中發(fā)現(xiàn)目前網(wǎng)站存在的問(wèn)題,為進(jìn)一步改善網(wǎng)站,滿足用戶需求,提升用戶體驗(yàn)提供依據(jù)。


常見(jiàn)的用戶分析內(nèi)容包含以下幾個(gè)方面內(nèi)容:

(1)用戶在網(wǎng)站的停留時(shí)間、跳出率、回訪率、新用戶、回訪次數(shù)、回訪相隔天數(shù);

(2)注冊(cè)用戶和非注冊(cè)用戶,分析二者之間的瀏覽習(xí)慣;

(3)用戶所使用的搜索引擎、關(guān)鍵詞、關(guān)聯(lián)關(guān)鍵詞和站內(nèi)關(guān)鍵詞;

(4)用戶選擇什么樣的入口形式(廣告或者網(wǎng)站入口鏈接)更有效;

(5)用戶訪問(wèn)網(wǎng)站流程,用來(lái)分析頁(yè)面結(jié)構(gòu)和網(wǎng)頁(yè)覆蓋數(shù)據(jù);

(6)用戶在頁(yè)面上的網(wǎng)頁(yè)熱點(diǎn)圖分部數(shù)據(jù)和網(wǎng)頁(yè)覆蓋圖數(shù)據(jù);

(7)用戶在不同時(shí)間段的訪問(wèn)量情況等;

(8)用戶對(duì)于網(wǎng)站的設(shè)計(jì)及字體配色的喜好程度等。


通過(guò)研究發(fā)現(xiàn),80%的用戶僅僅使用了軟件20%的功能,而那些沒(méi)用的功能不僅浪費(fèi)開(kāi)發(fā)時(shí)間,也使軟件更加難以使用。一個(gè)成功的軟件應(yīng)該是簡(jiǎn)練精干的,可以單獨(dú)職能化的化解決的單個(gè)問(wèn)題,要以滿足用戶最直接要求為 i設(shè)計(jì)中心。


一、了解用戶需要什么

很多網(wǎng)站往往為了滿足不同用戶的需求而增加功能,增加的功能必然需要再界面中用視覺(jué)呈現(xiàn)出來(lái),這就會(huì)使網(wǎng)頁(yè)內(nèi)容越來(lái)越多,很多的功能摻雜在一起,如果不經(jīng)過(guò)過(guò)濾,必然會(huì)違背原來(lái)閱讀的初衷,所以每一個(gè)功能的增加都要慎重。


用戶對(duì)于互聯(lián)網(wǎng)功能需求也和對(duì)軟件的功能要求一樣。既喜歡簡(jiǎn)單的,也喜歡復(fù)雜的。而且用戶的體驗(yàn)需求也會(huì)隨時(shí)隨地的發(fā)生變化。這里的復(fù)雜不是指很難用、流程超級(jí)復(fù)雜、容易出錯(cuò)的用戶體驗(yàn),而是指豐富的功能。


首先如何讓用戶體驗(yàn)更簡(jiǎn)單呢?當(dāng)然將復(fù)雜的功能去除是最好的,如果實(shí)在無(wú)法去除某個(gè)復(fù)雜的功能,那就應(yīng)該將其隱藏。因?yàn)榇蠖鄶?shù)情況下,不常用的功能要比經(jīng)常使用的功能占據(jù)更多的空間。


真正好的用戶體驗(yàn)其實(shí)是給用戶所需的任何功能,為用戶設(shè)計(jì)一款“復(fù)雜”的產(chǎn)品,并將這款產(chǎn)品從表現(xiàn)上簡(jiǎn)化,讓基礎(chǔ)功能操作簡(jiǎn)化,給擴(kuò)展功能保留使用入口即可。這個(gè)設(shè)計(jì)思路最具代表性的例子就是Microsoft Office和Adobe

系列產(chǎn)品。

              


用戶的需求并不是一層不變的,短期內(nèi)用戶會(huì)因?yàn)槟撤N強(qiáng)烈的需求要一個(gè)產(chǎn)品。隨著市場(chǎng)和行業(yè)的不斷發(fā)展,用戶對(duì)于一個(gè)產(chǎn)品的評(píng)價(jià)也會(huì)隨之發(fā)生變化。例如肯德基剛進(jìn)入中國(guó)市場(chǎng),被人們認(rèn)為是一種的象征,小朋友以吃一次肯德基為榮。隨著經(jīng)濟(jì)條件的發(fā)展,人們對(duì)于肯德基的體驗(yàn)就完全不一樣了,熱量過(guò)高,不利于健康。這是一個(gè)很典型的對(duì)一個(gè)產(chǎn)品評(píng)價(jià)的變遷的過(guò)程。


用戶的期望值會(huì)因?yàn)橐蛩囟l(fā)生變化,有的來(lái)自外部的環(huán)境,有的來(lái)自產(chǎn)品自身,有的來(lái)自用戶成長(zhǎng)。這些影響期望值的因素都會(huì)相輔相成的影響。有的時(shí)候不是我們的體驗(yàn)或者產(chǎn)品變了,而是用戶發(fā)生了變化,所以用戶體驗(yàn)的設(shè)計(jì),除了要考慮產(chǎn)品本身以外,還要考慮用戶所需要的。


二、遵循用戶的習(xí)慣

用戶通常會(huì)根據(jù)個(gè)人喜好做事,這就是習(xí)慣。習(xí)慣沒(méi)有好壞之分,關(guān)鍵要看根本的是什么。從用戶體驗(yàn)的角度來(lái)說(shuō),任何產(chǎn)品都可以分兩種:遵循現(xiàn)有用戶習(xí)慣的產(chǎn)品和顛覆用戶習(xí)慣的產(chǎn)品。


在設(shè)計(jì)網(wǎng)站時(shí)可以在技術(shù)上創(chuàng)新,在業(yè)務(wù)模式上改變,也要在以下幾點(diǎn)上遵循用戶的習(xí)慣。


1、用戶的生活背景及文化背景

生活和文化背景是必須要遵循的習(xí)慣。想去顛覆或是磨滅一個(gè)群體甚至是民族的習(xí)慣,基本上會(huì)付出慘重的代價(jià)。例如使用紅色表現(xiàn)喜慶,白色表現(xiàn)悲傷,是中華民族幾千年的一種傳統(tǒng)習(xí)慣。如果想去改變這個(gè)習(xí)慣,使用其他顏色肯定起不到好效果。比如:可口可樂(lè)官網(wǎng)就是用紅色做的主色調(diào),而紅色也與“可口可樂(lè)”品牌主色調(diào)相統(tǒng)一,點(diǎn)綴少量黃色,非常符合中國(guó)的傳統(tǒng)文化,也更容易使中國(guó)人接受。


2、用戶的生理狀況與需求狀況

在設(shè)計(jì)網(wǎng)站頁(yè)面時(shí),還要考慮到網(wǎng)站用戶群體的基礎(chǔ)屬性,例如年齡層、身體承受力等。可以將頁(yè)面中的文字和圖片做放大處理,使老年人可以清楚的看到內(nèi)容。比如一些老年網(wǎng)站,會(huì)采用大號(hào)字體,強(qiáng)對(duì)比色便于閱讀,而且在設(shè)計(jì)的時(shí)候也不會(huì)使用過(guò)多的色彩,雖然整體視覺(jué)可能顯得簡(jiǎn)陋不夠豐富,但是充分的考慮了老年人人群的特點(diǎn)。


2、以“自我為中心”的心理

人在評(píng)定事情好壞的時(shí)候,通常喜歡以自我為中心,所以用戶體驗(yàn)設(shè)計(jì)時(shí),必須滿足用戶這種需求。使每個(gè)用戶可以體會(huì)到以“自我為中心”的優(yōu)越感,這樣用戶就會(huì)成為最忠實(shí)的客戶。例如很多人沉迷于網(wǎng)游就是因?yàn)樵诂F(xiàn)實(shí)生活中會(huì)受到各種各樣的限制,而無(wú)法實(shí)現(xiàn)真正的以自我為中心,而在網(wǎng)游的世界里卻可以完全實(shí)現(xiàn)。


二、顛覆用戶的習(xí)慣


在設(shè)計(jì)網(wǎng)站時(shí),設(shè)計(jì)師通常會(huì)根據(jù)網(wǎng)站內(nèi)容把網(wǎng)站劃分為不同的區(qū)塊,然后在分別進(jìn)行美化。設(shè)計(jì)師在思維定勢(shì)中 自我感覺(jué)良好,一旦突破了思維定勢(shì)就會(huì)有新的收獲。作為用戶體驗(yàn)的設(shè)計(jì)師來(lái)說(shuō),有下面兩個(gè)方面可以顛覆。


1、改變一些有獨(dú)特性的頁(yè)面設(shè)計(jì)

 在設(shè)計(jì)網(wǎng)站時(shí),有很多頁(yè)面都具有獨(dú)特性,例如注冊(cè)頁(yè)、登錄頁(yè)和搜索頁(yè)。這些頁(yè)面用戶只會(huì)訪問(wèn)一次或者幾次,而且這些網(wǎng)頁(yè)本身也是在網(wǎng)站發(fā)展的同時(shí)逐步完善的。所以,在用戶體驗(yàn)的設(shè)計(jì)中,這些習(xí)慣就可以顛覆的。設(shè)計(jì)師可以根據(jù)個(gè)人的喜好對(duì)這些頁(yè)面進(jìn)行設(shè)計(jì)、優(yōu)化和修改,而不會(huì)影響用戶的習(xí)慣。


2、發(fā)展中的知識(shí)和技術(shù)

在網(wǎng)站設(shè)計(jì)中需要結(jié)合當(dāng)前的潮流趨勢(shì)和的技術(shù)來(lái)表現(xiàn)網(wǎng)站,這樣才能給用戶帶來(lái)全新的體驗(yàn)。頁(yè)面中流暢惡化便捷的交互應(yīng)用,可以給用戶帶來(lái)良好的體驗(yàn)。

尊重用戶秀感可以快速讓用戶接受網(wǎng)站,同時(shí)也會(huì)由于尊重了用戶的習(xí)慣而減少產(chǎn)品對(duì)用戶的刺激,會(huì)使得用戶很難成為網(wǎng)站的忠實(shí)用戶。另一方面,如果不尊重用戶習(xí)慣,用戶可能很難馬上接受。所以在用戶體驗(yàn)設(shè)計(jì)時(shí),要根據(jù)網(wǎng)站具體情況自我權(quán)衡。

最好的辦法就是在網(wǎng)站核心用戶體驗(yàn)不變的基礎(chǔ)上,增加新功能、設(shè)計(jì)風(fēng)格逐步變化、進(jìn)行網(wǎng)站整體融合。

轉(zhuǎn)自:站酷-忻蕓



B端和C端產(chǎn)品設(shè)計(jì)有哪些差異?

ui設(shè)計(jì)分享達(dá)人

對(duì)于產(chǎn)品設(shè)計(jì)師來(lái)說(shuō),在日常工作中做的產(chǎn)品類型主要是兩種:一是B端項(xiàng)目,另一種是C端項(xiàng)目。近些年來(lái),互聯(lián)網(wǎng)進(jìn)入下半場(chǎng),C端用戶增長(zhǎng)觸及天花板,流量的紅利逐漸消退。很多企業(yè)的業(yè)務(wù)由C端轉(zhuǎn)向了B端。


隨著企業(yè)業(yè)務(wù)的轉(zhuǎn)變,作為設(shè)計(jì)師的我們,也必須跟上步伐,快速做好角色的轉(zhuǎn)換。當(dāng)然,想從C端設(shè)計(jì)快速切換到B端設(shè)計(jì),或是從B端設(shè)計(jì)快速切換到C端設(shè)計(jì)并非易事。因?yàn)镃端和B端產(chǎn)品設(shè)計(jì)存在較大的反差。其商業(yè)屬性、產(chǎn)品定位、目標(biāo)用戶、設(shè)計(jì)表達(dá)、業(yè)務(wù)流程等都會(huì)有很大的不同。那么今天這篇文章,我們就一起來(lái)聊聊B端和C端產(chǎn)品設(shè)計(jì)的差異性。


直接進(jìn)入正題,本文將從目標(biāo)用戶、使用場(chǎng)景、產(chǎn)品需求、產(chǎn)品本質(zhì)及特性、產(chǎn)品設(shè)計(jì)思維、設(shè)計(jì)原則等幾個(gè)方面進(jìn)行具體對(duì)比。



01目標(biāo)用戶



C端:
C端釋義為:Consumer,意為消費(fèi)者、個(gè)人用戶或終端用戶,使用的是客戶端。C端產(chǎn)品往往是直接對(duì)接一般消費(fèi)者,直接為廣大消費(fèi)者和用戶提供產(chǎn)品或服務(wù)。例如:微信、微博、抖音等等。


B端:
B端釋義為:Business,意為企業(yè)用戶或商業(yè)用戶。B端產(chǎn)品往往是為針對(duì)這類用戶開(kāi)發(fā)的系統(tǒng)型軟件、工具或平臺(tái)。例如:CRM 系統(tǒng)、 ERP 系統(tǒng)、OA系統(tǒng)、SAAS等等。



02使用場(chǎng)景



C端:
它會(huì)存在于我們生活中的各種場(chǎng)景,而且自由度非常高,當(dāng)然也包含工作場(chǎng)景,比如周末在家無(wú)聊刷刷微博了解下國(guó)際大事、晚上睡前打開(kāi)蝦米聽(tīng)聽(tīng)歌、在工作間隙打開(kāi)某團(tuán)點(diǎn)個(gè)外賣等等,因此,C端產(chǎn)品的用戶大部分使用場(chǎng)景是碎片化的。


B端:
B端產(chǎn)品更多的是在企業(yè)版內(nèi)部使用,更多的是為了滿足企業(yè)相關(guān)用戶在“工作場(chǎng)景”下完成協(xié)同工作的一些特定組織需求。



03產(chǎn)品需求



C端:
想很好的挖掘C端產(chǎn)品需求,這要求我們做更細(xì)致的用戶畫(huà)像,比如:用戶的性別、年齡、職業(yè)、文化程度、收入水平、個(gè)人喜好等都會(huì)影響到功能設(shè)計(jì)。然后通過(guò)用戶畫(huà)像、同理心等方法對(duì)用戶的行為進(jìn)行詳細(xì)分析,以發(fā)掘用戶具體需求。


B端:
B端產(chǎn)品一般是基于現(xiàn)有的“業(yè)務(wù)”形態(tài),將傳統(tǒng)線下工作,通過(guò)程序化、系統(tǒng)化、信息化轉(zhuǎn)換為線上產(chǎn)品,從而提升企業(yè)協(xié)同效率,降低辦公成本。需求一般來(lái)源于產(chǎn)品戰(zhàn)略定位、使用者個(gè)性需求等。



04產(chǎn)品本質(zhì)及特性



C端:
C端產(chǎn)品的本質(zhì)基本都是一個(gè)核心功能,例如:社交類app的核心功能就是好友快速溝通;電商類app的核心功能就是購(gòu)物;視頻類app的核心功能就是看視頻。在核心功能之外的都是一些“增值功能”,比如評(píng)論,點(diǎn)贊,分享等。如果除去這些附加功能,雖然會(huì)影響用戶體驗(yàn),但并不會(huì)妨礙核心功能的使用。


其產(chǎn)品特性可簡(jiǎn)單總結(jié)為一個(gè)詞-分享。在使用C端產(chǎn)品時(shí),用戶都希望自己的“行為”能夠得到其他用戶的認(rèn)可。比如:對(duì)自己分享的內(nèi)容進(jìn)行評(píng)論、分享、打賞等。


B端:
B端產(chǎn)品的本質(zhì)是滿足用戶的工作需要,而公司內(nèi)大部分工作,我們幾乎是無(wú)法獨(dú)立完成的。這意味著我們需要和其他同事協(xié)同去完成一個(gè)任務(wù)的閉環(huán)。因此,B端產(chǎn)品的業(yè)務(wù)邏輯會(huì)相對(duì)更加復(fù)雜。


B端產(chǎn)品的特性也非常明確——即“協(xié)同工作”。處于信息化時(shí)代的企業(yè)中,幾乎已沒(méi)有可以單獨(dú)完成而不需要協(xié)同的工作了。



05產(chǎn)品設(shè)計(jì)思維


C端:
在上面我們已經(jīng)提到過(guò),C端產(chǎn)品的本質(zhì)基本都是一個(gè)核心功能。因此,在設(shè)計(jì)前期,作為設(shè)計(jì)師的我們必須對(duì)產(chǎn)品進(jìn)行全方面的考慮。到底那一個(gè)功能是我們產(chǎn)品的核心?哪些功能只是錦上添花?


此外,目前市場(chǎng)上C端產(chǎn)品同質(zhì)化異常嚴(yán)重。想要產(chǎn)品獨(dú)具一格,就必須突出特色,堅(jiān)持自身的品牌亮點(diǎn),才能讓用戶快速記住這個(gè)產(chǎn)品或者品牌。


B端:
B端產(chǎn)品的本質(zhì)則是滿足用戶的工作需要,協(xié)同工作。對(duì)于企業(yè)來(lái)說(shuō),更多關(guān)注的是工作效率和成本。這也是B端產(chǎn)品最終的解決問(wèn)題方向:如何提升企業(yè)的運(yùn)營(yíng)效率。因此,在設(shè)計(jì)過(guò)程中,我們需要不斷的去優(yōu)化產(chǎn)品流程、調(diào)整策略等。



06設(shè)計(jì)原則


 


C端:
在設(shè)計(jì)過(guò)程中,除了要抓住核心功能外,還需要給產(chǎn)品增加趣味性和創(chuàng)意性。趣味性,也就是要給用戶帶來(lái)積極的正面情緒,如:能使用戶感到心情愉悅,感染人,打動(dòng)人,引起用戶心靈共鳴等;創(chuàng)意性,也就是要做出與同類產(chǎn)品不一樣的東西,而這些新東西又是解決了用戶某些痛點(diǎn)的。當(dāng)然,做這些最終的目的是為了提升流量、留存率及轉(zhuǎn)化率。


B端:
B端產(chǎn)品的需求往往是要解決一個(gè)企業(yè)中不同角色(普通成員,管理員、超級(jí)管理員等)之間的協(xié)助關(guān)系,在設(shè)計(jì)過(guò)程中一般需遵循如下設(shè)計(jì)原則:合理的功能與模塊劃分、嚴(yán)謹(jǐn)?shù)臉I(yè)務(wù)流程設(shè)計(jì)、干凈簡(jiǎn)潔的界面設(shè)計(jì)等。



在這里,筆者整理了幾個(gè)優(yōu)秀的B端產(chǎn)品設(shè)計(jì)案例,供讀者參考。



登錄界面設(shè)計(jì)


C端:



B端:



都是登錄頁(yè)面,差別卻是如此之大。站酷面向的C端用戶,賬號(hào)登錄支持手機(jī)號(hào)、郵箱以及第三方(微信、微博、QQ)方式。對(duì)于用戶來(lái)說(shuō),選擇非常多,可以說(shuō)是非常人性化,大大提升了用戶體驗(yàn)。


而網(wǎng)易郵箱面向的B端企業(yè)客戶,賬號(hào)登錄僅支持郵箱登錄一種方式,且用戶登錄時(shí)還得首先確認(rèn)自己的身份是普通用戶還是管理員。這也說(shuō)明,在設(shè)計(jì)B端產(chǎn)品時(shí),得充分考慮不同角色的權(quán)限問(wèn)題。



導(dǎo)航欄設(shè)計(jì)


C端:



B端:



導(dǎo)航欄的設(shè)計(jì)布局有很多方式,面向C端用戶的站酷使用了頂部導(dǎo)航的模式,這也是最常見(jiàn)的主導(dǎo)航模式。二級(jí)導(dǎo)航聚合在下拉菜單里面,鼠標(biāo)hover出現(xiàn)。這種導(dǎo)航方式非常直觀,訪客可以快速的定位自己感興趣的模塊,另外,可以很好的展示內(nèi)容區(qū)域,對(duì)于訪客來(lái)說(shuō),非常友好。


面向B端用戶的愛(ài)客CRM系統(tǒng)使用的是側(cè)邊欄導(dǎo)航,使得導(dǎo)航展示更加清晰,頁(yè)面之間的切換也非常方便。這種布局方式一般用于管理后臺(tái)偏多,與B端產(chǎn)品業(yè)務(wù)復(fù)雜性密不可分的。



B端產(chǎn)品原型實(shí)例


當(dāng)我們明確了具體的需求后,就可以動(dòng)手制作可交互原型了,這樣可以很好表達(dá)出整體邏輯,讓客戶直觀的看到功能和效果,獲得較真實(shí)的感受,并在不斷討論的基礎(chǔ)上完善未來(lái)的設(shè)計(jì)思想。接下來(lái),一起來(lái)看看我用Mockplus做的B端產(chǎn)品原型效果:



原型演示地址:https://run.mockplus.cn/4oEh4pCz7K9GRtlS/index.html



文末福利


最后,我為大家準(zhǔn)備了一份小福利。


產(chǎn)品團(tuán)隊(duì)的溝通離不開(kāi)原型,今天為大家推薦的原型設(shè)計(jì)工具M(jìn)ockplus,更快更簡(jiǎn)單,5分鐘制作一個(gè)交互原型頁(yè)面。支持團(tuán)隊(duì)協(xié)作和在線審閱。


點(diǎn)擊下方鏈接可以免費(fèi)領(lǐng)取Mockplus的個(gè)人版15天,數(shù)量有限,先到先得。


領(lǐng)取地址:https://www.mockplus.cn/home/promote



小結(jié):


雖然C端和B端產(chǎn)品在目標(biāo)用戶、使用場(chǎng)景、產(chǎn)品需求、產(chǎn)品本質(zhì)及特性、產(chǎn)品設(shè)計(jì)思維、設(shè)計(jì)原則上都有所差異,但是C端和B端產(chǎn)品也有很多共同點(diǎn),如:都要求產(chǎn)品簡(jiǎn)單實(shí)用和有效準(zhǔn)確,都是為了更好的滿足用戶的需求,解決用戶的痛點(diǎn)等。如果能做好以上這些關(guān)鍵點(diǎn),無(wú)論是做C端還是B端,都會(huì)是非常優(yōu)秀的產(chǎn)品。

轉(zhuǎn)自:ui

花了很多時(shí)間做設(shè)計(jì)分析,但對(duì)畫(huà)稿子沒(méi)什么幫助?

ui設(shè)計(jì)分享達(dá)人

如何產(chǎn)出一個(gè)對(duì)實(shí)際落地更有指導(dǎo)性的設(shè)計(jì)分析?本文結(jié)合實(shí)際項(xiàng)目中常常會(huì)遇到的一些問(wèn)題,總結(jié)了前期設(shè)計(jì)分析的一些實(shí)踐經(jīng)驗(yàn)。

設(shè)計(jì)分析是作為交互設(shè)計(jì)師必備的一項(xiàng)基礎(chǔ)能力,一套有效的分析思路可以幫助我們找準(zhǔn)設(shè)計(jì)發(fā)力點(diǎn),更效率的推導(dǎo)出合理的設(shè)計(jì)方案,它是一種思維能力,也是一種方法工具,但是在我們的實(shí)際項(xiàng)目中,常常會(huì)遇到這樣幾種場(chǎng)景:

  • 新手設(shè)計(jì)師或者第一次做活動(dòng)的設(shè)計(jì)師,設(shè)計(jì)分析不知道要如何入手

  • 花了很多時(shí)間做分析,但感覺(jué)對(duì)實(shí)際畫(huà)稿子并沒(méi)有什么幫助

  • 分析過(guò)程中發(fā)散了很多很好的點(diǎn),但最后大多都落不了地

這些情況常常會(huì)導(dǎo)致設(shè)計(jì)分析流于形式,套用了很多方法、花了很多時(shí)間、輸出了很長(zhǎng)的文檔,內(nèi)容看上去似乎很豐富,但落地的方案卻平平無(wú)奇,甚至也會(huì)自我懷疑設(shè)計(jì)分析真的有用嗎?

總結(jié)下來(lái),會(huì)出現(xiàn)這些場(chǎng)景的原因有兩點(diǎn):首先是設(shè)計(jì)分析太泛,沒(méi)有聚焦到核心問(wèn)題;其次是時(shí)間分配不合理,沒(méi)有抓到發(fā)力重點(diǎn)。那么結(jié)合我們目前的項(xiàng)目來(lái)看,怎樣做一個(gè)更有用的設(shè)計(jì)分析呢?

活動(dòng)中常見(jiàn)的項(xiàng)目類型

根據(jù)活動(dòng)產(chǎn)品化設(shè)計(jì)思路,可以把我們的日常項(xiàng)目分為兩類:迭代型項(xiàng)目以及探索型項(xiàng)目。

迭代型項(xiàng)目是指過(guò)往已有過(guò)積累的成熟項(xiàng)目,例如大促主會(huì)場(chǎng)、我的專屬會(huì)場(chǎng)、榜單會(huì)場(chǎng)、攻略等等,通常是一些已經(jīng)比較固化的經(jīng)典業(yè)務(wù),或基礎(chǔ)的功能類業(yè)務(wù);探索型項(xiàng)目則是一些全新的業(yè)務(wù)方向,例如下沉?xí)?chǎng)、直播會(huì)場(chǎng)等等,剛處于進(jìn)入期或成長(zhǎng)初期。

undefined

如何完成一個(gè)有效的設(shè)計(jì)分析

1. 迭代型項(xiàng)目

迭代型項(xiàng)目容易陷入的一個(gè)誤區(qū)是時(shí)間分配不合理,沒(méi)有抓到發(fā)力重點(diǎn),尤其是對(duì)于很多新手設(shè)計(jì)師來(lái)說(shuō),往往大部分的精力花在重復(fù)之前已經(jīng)做過(guò)的內(nèi)容,比如花了很多時(shí)間重新去分析用戶、分析方向、分析行業(yè)趨勢(shì)等等,但是對(duì)于已經(jīng)比較穩(wěn)定的迭代型項(xiàng)目來(lái)說(shuō),這部分背景內(nèi)容相對(duì)來(lái)說(shuō)已經(jīng)比較固化(除非有明顯的變化),這就可能會(huì)導(dǎo)致重復(fù)分析出來(lái)的結(jié)論跟之前的差別并不大,也很難帶來(lái)實(shí)際業(yè)務(wù)提升。

undefined

既然迭代型項(xiàng)目過(guò)往已有過(guò)經(jīng)驗(yàn)和策略的沉淀,也經(jīng)歷過(guò)多輪的數(shù)據(jù)迭代,核心思路應(yīng)該是先定義要解決什么問(wèn)題、然后才是如何解決,這樣才能找準(zhǔn)關(guān)鍵發(fā)力點(diǎn)。

要解決什么問(wèn)題

首先要思考是不是真的有問(wèn)題,沒(méi)有問(wèn)題的項(xiàng)目也可以不用再花時(shí)間做分析,效率做即可,例如像全部會(huì)場(chǎng),本身的業(yè)務(wù)模式就比較簡(jiǎn)單,過(guò)往的效果也相對(duì)比較穩(wěn)定,如果不考慮進(jìn)行突破性的創(chuàng)新,通常是可以效率復(fù)用的,這種時(shí)候則不需要再去做分析,畢竟也要考慮投入產(chǎn)出比。

那么怎么定義要解決什么問(wèn)題呢?有三個(gè)常用的思路:看數(shù)據(jù)、看用戶反饋、看運(yùn)營(yíng)策略。

第一,從數(shù)據(jù)分析中找到關(guān)鍵問(wèn)題,例如根據(jù)618的項(xiàng)目數(shù)據(jù)復(fù)盤,我們發(fā)現(xiàn)預(yù)售會(huì)場(chǎng)、品牌會(huì)場(chǎng)的頁(yè)面跳失率較高,那么雙11核心可以圍繞“如何降低跌失率?”“如何提升流量利益效率?”去進(jìn)行分析,從而推導(dǎo)出更有針對(duì)性的設(shè)計(jì)策略。

undefined

第二,根據(jù)用戶反饋來(lái)找到關(guān)建問(wèn)題,例如過(guò)往的主會(huì)場(chǎng),用戶調(diào)研一直都會(huì)反饋主推樓層太長(zhǎng)而找不到感興趣的內(nèi)容,那么可以圍繞“如何更好的進(jìn)行需求匹配?”“如何提升屏效?”來(lái)思考和分析,解決實(shí)際存在的問(wèn)題,才更有可能提升體驗(yàn)和數(shù)據(jù)。

undefined

第三,結(jié)合運(yùn)營(yíng)策略,很多業(yè)務(wù)雖然已經(jīng)相對(duì)穩(wěn)定,但隨著每次大促戰(zhàn)略的變化,運(yùn)營(yíng)策略上也會(huì)有一些新的需求,那么就根據(jù)這些差異化的訴求去找到發(fā)力點(diǎn)。例如針對(duì)我的專屬會(huì)場(chǎng),在原會(huì)場(chǎng)定位不變的情況下,在近兩次大促中運(yùn)營(yíng)側(cè)都提出需要由這個(gè)會(huì)場(chǎng)來(lái)承載平臺(tái)服務(wù)內(nèi)容曝光的訴求,那么服務(wù)內(nèi)容如何匹配“專屬”會(huì)場(chǎng)的用戶心智,則是這個(gè)會(huì)場(chǎng)可以重點(diǎn)解決的問(wèn)題。

undefined

如何判斷真正有效的解決方案

在定義清楚核心要解決的問(wèn)題后,就可以按照常用的設(shè)計(jì)方法進(jìn)行方案的推導(dǎo),在發(fā)散解決方案的過(guò)程中,如何判斷方案的合理有效,確保最后的可落地性,是讓我們?cè)O(shè)計(jì)分析有價(jià)值的關(guān)鍵,因此總結(jié)了兩個(gè)常用的技巧。

首先要理解業(yè)務(wù)邏輯,減少無(wú)用的策略發(fā)散,很多時(shí)候我們的方案很難推動(dòng)落地的原因,是沒(méi)有考慮到業(yè)務(wù)的訴求,越能夠深入的了解業(yè)務(wù),才能更好的解決業(yè)務(wù)側(cè)的顧慮,保證方案的可落地性。

其次是要跳出來(lái)從整體來(lái)看優(yōu)先級(jí),我們?cè)谶M(jìn)入自己的思維邏輯中時(shí),會(huì)比較容易陷入細(xì)節(jié),有時(shí)候自己覺(jué)得很棒的想法花很大力氣去推卻很難獲得其他人的重視,并不是因?yàn)槲覀兊姆桨覆粔蚝?,而是沒(méi)有關(guān)注到整體優(yōu)先級(jí),因此要學(xué)會(huì)看全局,通過(guò)多溝通多評(píng)估的方式來(lái)讓自己的判斷更加準(zhǔn)確。

2. 探索型項(xiàng)目

探索型的項(xiàng)目沒(méi)有過(guò)往的參考依據(jù),相當(dāng)于需要從零開(kāi)始去探索如何做,對(duì)于設(shè)計(jì)分析的能力要求會(huì)更高,那么常常容易陷入兩種極端相反的誤區(qū),要不就是容易被方法論套路,設(shè)計(jì)分析過(guò)泛但得不出實(shí)際有價(jià)值的結(jié)論,要不就是完全沒(méi)有頭緒,屬于想一步做一步的類型,分析的內(nèi)容之間缺乏邏輯。

undefined

因此,探索型項(xiàng)目的核心思路是要先有分析框架、再做縱向深挖,就像畫(huà)交互稿的過(guò)程一樣,需要先定義交互框架,縱再進(jìn)行交互細(xì)節(jié)的打磨,才能夠保證設(shè)計(jì)效率及效果。

確定分析框架

確定分析框架的過(guò)程主要分為兩步,一是先想清楚要分析哪些內(nèi)容,包括哪些環(huán)節(jié)是必要的,哪些是重點(diǎn)的,時(shí)間要怎么分配。例如當(dāng)我們第一次做寵物品類活動(dòng)時(shí),需要對(duì)這個(gè)品類有深入的理解,因此我們?cè)谇捌谛枰シ治鲳B(yǎng)寵人群的特征、寵物行業(yè)的發(fā)展現(xiàn)狀、京東寵物貨品的優(yōu)勢(shì)等內(nèi)容,而如果我們做的是一次大促的綜合會(huì)場(chǎng),其主要用戶群體如果跟常規(guī)站內(nèi)主流群體并無(wú)差異時(shí),則不需要再花費(fèi)大量的時(shí)間單獨(dú)去分析用戶畫(huà)像,因此,需要結(jié)合項(xiàng)目情況先想清楚需要分析的內(nèi)容、以及這些內(nèi)容的必要性和優(yōu)先級(jí)。

undefined

第二步是梳理清楚內(nèi)容之間的邏輯關(guān)系,常見(jiàn)的邏輯結(jié)構(gòu)有兩種,一是遞進(jìn)式的推導(dǎo)(A→B→C),分析維度之間是先后關(guān)聯(lián)的,通過(guò)嚴(yán)謹(jǐn)?shù)倪壿嫴讲酵茖?dǎo)而來(lái),例如先梳理用戶畫(huà)像、才能進(jìn)行用戶行為痛點(diǎn)的分析、進(jìn)而推導(dǎo)解決方案;另一種邏輯結(jié)構(gòu)是進(jìn)行綜合歸納(A+B→C),即通過(guò)幾個(gè)不同的維度綜合推導(dǎo),例如經(jīng)典的五導(dǎo)家分析方法,結(jié)合用戶目標(biāo)以及業(yè)務(wù)目標(biāo)綜合推導(dǎo)出設(shè)計(jì)目標(biāo)。

undefined

在很多設(shè)計(jì)分析中,我們也會(huì)參考一些方法論,其實(shí)方法論提供的就是分析框架,在理解了這一步之后,相信也能更靈活的應(yīng)用。以下是根據(jù)我們?nèi)粘m?xiàng)目梳理的一些常用分析框架。

undefined

縱向深挖如何得到有價(jià)值的策略

有了分析框架后,接下來(lái)就可以進(jìn)入每個(gè)模塊的具體分析了,如果要得到有價(jià)值的策略,同樣有兩個(gè)小技巧。

首先,策略要足夠具體、有差異化,盡量避免提出過(guò)于籠統(tǒng)的結(jié)論。例如針對(duì)如何提升流量利用率比較泛的策略就是要進(jìn)行流量精細(xì)化運(yùn)營(yíng),這個(gè)大的方向沒(méi)有錯(cuò),但如果只到這一步是很難指導(dǎo)具體內(nèi)容落地的,所以需要細(xì)化到流量的渠道有哪些、這些渠道有什么樣的特征、針對(duì)不同的渠道用戶可以用怎樣的內(nèi)容吸引他們,才能夠更準(zhǔn)確的判斷是否會(huì)存什么問(wèn)題。

其次,策略最好能夠關(guān)聯(lián)驗(yàn)證指標(biāo),可以參考UGD數(shù)據(jù)增長(zhǎng)思路,在推導(dǎo)策略時(shí)要能預(yù)判它能帶來(lái)哪些數(shù)據(jù)指標(biāo)的提升,以保證設(shè)計(jì)分析的結(jié)論是有理有據(jù)的。

2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

資深UI設(shè)計(jì)者

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

編者按:2020年已經(jīng)余額不足了,2021年的平面和視覺(jué)設(shè)計(jì)趨勢(shì)會(huì)是怎樣的?今天的文章來(lái)自資深設(shè)計(jì)師 Iveta Pavlova,看看她所總結(jié)的12個(gè)趨勢(shì):

我們迫切地希望2020年盡快過(guò)去。

疫情,隔離,線下教育受阻,線上學(xué)習(xí)成為了主流,網(wǎng)購(gòu)替代了去超市采購(gòu),娛樂(lè)和溝通都從面對(duì)面改為遠(yuǎn)程。需求的轉(zhuǎn)變,也帶來(lái)了新的增長(zhǎng)。

無(wú)論是人還是企業(yè),都需要比以往更快地適應(yīng)變化。技術(shù)和趨勢(shì)上也反映出了類似的情況。新的時(shí)尚和技術(shù)正在推進(jìn),你會(huì)注意到很多事情和以往有所不同。

快速、直觀的導(dǎo)航,更加具有安全性的設(shè)計(jì)、節(jié)能、深色模式,這些趨勢(shì)和要求開(kāi)始越來(lái)越顯著,這些趨勢(shì)所影響的已經(jīng)不僅僅是網(wǎng)頁(yè),APP,還有大把的公司品牌,LOGO設(shè)計(jì)、營(yíng)銷策略、 插畫(huà)設(shè)計(jì)等等,它們呈現(xiàn)出一種連鎖反應(yīng)式的變化。

今天的這篇文章,我們深入梳理一下 2021 年將會(huì)出現(xiàn)的視覺(jué)和平面設(shè)計(jì)領(lǐng)域的流行趨勢(shì)走向。

1、3D設(shè)計(jì)

從總體上來(lái)說(shuō),3D設(shè)計(jì)這一趨勢(shì)是在往上走,越來(lái)越成熟,也適配地越來(lái)越廣泛。設(shè)計(jì)師和品牌也在充分利用的技術(shù)來(lái)呈現(xiàn)3D效果,在軟件層面的支持也相當(dāng)?shù)耐晟疲瑥恼w視覺(jué)到UI元素、交互、體驗(yàn),3D 近乎無(wú)處不在。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

而在3D設(shè)計(jì)這個(gè)領(lǐng)域當(dāng)中,寫(xiě)實(shí)和超現(xiàn)實(shí)一只手最為流行風(fēng)格方向。從目前已有的很多設(shè)計(jì)來(lái)看,這些 3D 建模渲染出來(lái)的角色和場(chǎng)景,大多作為視覺(jué)主體來(lái)呈現(xiàn),在頁(yè)面中占據(jù)主導(dǎo)地位。而將圖像和文本結(jié)合起來(lái)的方式也在影響著3D設(shè)計(jì),很多更加貼近潮流的設(shè)計(jì)當(dāng)中,會(huì)將照片和3D元素結(jié)合到一起,產(chǎn)生極有調(diào)性的視覺(jué)風(fēng)格,加入動(dòng)畫(huà),能夠瞬間讓設(shè)計(jì)脫穎而出。

在這些 3D 的設(shè)計(jì)范例當(dāng)中,很多令人驚嘆的作品并不非出于藝術(shù)來(lái)這么設(shè)計(jì),相反是為了更好地引起用戶注意力。在這個(gè)注意力匱乏的時(shí)代,3D 設(shè)計(jì)是大殺器。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

2、Emoji

Emoji 是另外一個(gè)流行趨勢(shì)。表情符號(hào)已經(jīng)突破了「?jìng)鹘y(tǒng)」的聊天領(lǐng)域,開(kāi)始廣泛地運(yùn)用到平面、視覺(jué)甚至 UI 當(dāng)中。它開(kāi)始充當(dāng)一種介乎文字和視覺(jué)之間的新型語(yǔ)言,它還能傳遞出情緒,這就很給力了。

于是,各種 Emoji 在平面和視覺(jué)設(shè)計(jì)中,被用來(lái)消解嚴(yán)肅,營(yíng)造氛圍,讓設(shè)計(jì)更加輕松。在未來(lái)幾年中,Emoji 這一元素應(yīng)該會(huì)被應(yīng)用得更加廣泛,并且會(huì)以更加富有想象力的方式,呈現(xiàn)在方方面面的設(shè)計(jì)當(dāng)中。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

3、自然有機(jī)設(shè)計(jì)元素

十年前,富有有機(jī)感的自然元素隨著扁平化設(shè)計(jì)的興起而逐步淡出主流趨勢(shì),但是如今,它又再次流行起來(lái)了。

自然的線條,柔和的光線,泥土和樹(shù)葉的色調(diào),貼合自然特征的漸變,再一次被主流所擁抱。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

不過(guò)如今的這些自然元素的運(yùn)用,會(huì)更加簡(jiǎn)約,無(wú)論是小元素還是大插圖,通常不會(huì)用得很滿,材質(zhì)和肌理的運(yùn)用也會(huì)相對(duì)克制。

促使自然元素的流行的另外一個(gè)原因,是疫情和隔離。長(zhǎng)時(shí)間沒(méi)有機(jī)會(huì)外出會(huì)讓用戶對(duì)于自然元素更加青睞,哪怕它們僅僅只是存在于設(shè)計(jì)當(dāng)中。

自然元素并不會(huì)受限于領(lǐng)域,無(wú)論是技術(shù)相關(guān)還是商業(yè)領(lǐng)域,自然元素都適用。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

4、視差錯(cuò)覺(jué)設(shè)計(jì)

當(dāng)大腦看到的視覺(jué)信號(hào)和通常認(rèn)知不一樣的似乎,大腦會(huì)下意識(shí)注意到它,會(huì)讓眼睛躲看看,盡量想辦法處理好……而這,也就是視差錯(cuò)覺(jué)元素在設(shè)計(jì)當(dāng)中的獨(dú)特價(jià)值!

對(duì)于看不清楚的東西,人就越是想看,上頭,上癮!

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

而從2020年開(kāi)始,視差錯(cuò)覺(jué)開(kāi)始從小眾、古早的設(shè)計(jì)領(lǐng)域當(dāng)中走了出來(lái),被時(shí)尚和商業(yè)所青睞,越來(lái)越多的品牌開(kāi)始借用這種手法來(lái)抓住用戶注意力,這種視覺(jué)奇觀的價(jià)值在今年得到了體現(xiàn),在即將到來(lái)的 2021 ,可能會(huì)更加流行。

不過(guò),這種設(shè)計(jì)要注意控制好復(fù)雜度,太繁復(fù)復(fù)雜了可能會(huì)讓人覺(jué)得不適,小心使用。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

5、3D字體設(shè)計(jì)

字體設(shè)計(jì)一直在流行。而在 2020 年,3D 的字體設(shè)計(jì)開(kāi)始出現(xiàn)在各種地方,有趣的概念和想法層出不窮。

逼真的3D字體,和現(xiàn)實(shí)的元素交錯(cuò),制造出獨(dú)特的視覺(jué)效果,這是 3D 字體在 2021 年最有可能流行的玩法。與此同時(shí),3D 字體的排版效果結(jié)合動(dòng)畫(huà)、肌理、圖案將會(huì)是最主要的呈現(xiàn)方式,因?yàn)槟壳白钋把厍伊餍械能浖图夹g(shù),都可以做到,且非常適合這樣來(lái)搞事情。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

6、卡通插畫(huà)

自定義的手繪插畫(huà)是創(chuàng)造獨(dú)特設(shè)計(jì)的一種常用形式。但是手繪插畫(huà)風(fēng)格很多,而卡通插畫(huà)能夠脫穎而出的原因其實(shí)很簡(jiǎn)單:有趣,多變,功能強(qiáng),效果好。

卡通插畫(huà)本身是認(rèn)知度最廣的一種形式,可以繁復(fù)可以簡(jiǎn)單,最重要的是,它的趣味性足以讓人駐足,表達(dá)形式可以非常巧妙,也可以引人發(fā)笑,在品牌推廣和營(yíng)銷上,有著獨(dú)特的優(yōu)勢(shì)。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

7、黃金元素

金屬效果其實(shí)正在越來(lái)越流行,而其中能得到最廣泛喜愛(ài)的始終還是金色。所以,帶有黃金質(zhì)感的元素,或者類似風(fēng)格的視覺(jué)設(shè)計(jì),將會(huì)在 2021 年得到更加廣泛的流行。

當(dāng)然,除了黃金之外,白銀、黃銅、鉛類似這樣的金屬質(zhì)感同樣會(huì)隨之風(fēng)靡,金屬的光澤、粗糲質(zhì)感,光影的變換,都是這種視覺(jué)元素標(biāo)志性的特征。

有的設(shè)計(jì),會(huì)聚焦于黃金質(zhì)感本身:

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

還有的設(shè)計(jì),會(huì)江黃金和其他的具有現(xiàn)代特征的材質(zhì)(比如大理石、玻璃、塑料)結(jié)合到一起使用:

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

8、像素藝術(shù)

從數(shù)字媒體誕生開(kāi)始到現(xiàn)在,像素藝術(shù)其實(shí)一直都沒(méi)有真正過(guò)時(shí)。

Minecraft 和樂(lè)高是讓像素藝術(shù)「文藝復(fù)興」的重要推手,更加成熟的 3D 技術(shù)讓三維立體的像素效果得到了大規(guī)模的普及。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

在2021 年,你可能會(huì)看到更多更加富有調(diào)性的 3D 像素藝術(shù)設(shè)計(jì)作品,它們有趣又復(fù)古,但是在技術(shù)和效果上,又有著現(xiàn)代的痕跡和獨(dú)特的趣味。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

9、單色調(diào)和雙色調(diào)設(shè)計(jì)

制造簡(jiǎn)約和富有凝聚力的設(shè)計(jì)的方式有很多,其中之一是對(duì)色彩進(jìn)行精簡(jiǎn)。在時(shí)間有限并且目標(biāo)明確的情況下,單色調(diào)和雙色調(diào)的設(shè)計(jì)其實(shí)是很不錯(cuò)的選擇。

正是因?yàn)榇饲案鞣N炫酷多彩的設(shè)計(jì)流行了接近10年,厭倦了信息過(guò)載的用戶和設(shè)計(jì)師開(kāi)始擁抱單色調(diào)和雙色調(diào)的色彩組合,最主要是這樣的設(shè)計(jì)更加易于產(chǎn)出,也易于吸收理解。

單色調(diào)和雙色調(diào)的設(shè)計(jì),最突出的優(yōu)勢(shì),其實(shí)是讓形體更加突出,讓視覺(jué)更加明確、和諧,對(duì)于用戶而言, 這樣的設(shè)計(jì)也更加平靜、舒適。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

10、幾何圖形設(shè)計(jì)

不要小看最基礎(chǔ)的幾何圖形,實(shí)際上在最近2年,設(shè)計(jì)師們用自己的作品證明了一件事情:即使是最簡(jiǎn)單的幾何元素,同樣可以創(chuàng)造出繁復(fù)、有趣、富有想象力的設(shè)計(jì)。

值得注意的是,這種設(shè)計(jì)趨勢(shì)的特點(diǎn)在于多個(gè)幾何元素的拼接組合,這種方式消解了單個(gè)幾何元素的單調(diào)感,反而能夠制造出豐富而強(qiáng)大的視覺(jué)體驗(yàn)。

想要把握這種趨勢(shì),你可以使用 3D 的幾何元素來(lái)進(jìn)行拼接:

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

也可以用好樸素但是可以玩出很多花樣的平面幾何元素,這種設(shè)計(jì)會(huì)更加抽象:

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

11、錯(cuò)落繁復(fù)的版式設(shè)計(jì)

字體和排版設(shè)計(jì)其實(shí)是時(shí)代的鏡子。流行什么樣的元素和風(fēng)格,反映了當(dāng)下用戶的心態(tài)和想法。如今正在流行的排版視覺(jué)風(fēng)格,是混雜了繁復(fù)變化的懷舊視覺(jué)風(fēng)格,它們可能會(huì)在 2021 年呈現(xiàn)出爆發(fā)式的流行。

這種情況可能是源自于疫情隔離所催發(fā)的懷舊情緒,而其中對(duì)于規(guī)則的打破和略顯繁亂的風(fēng)格變化,似乎也源自于類似的情緒。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

12、無(wú)色彩設(shè)計(jì)

去掉色彩的設(shè)計(jì),會(huì)顯得更加簡(jiǎn)約,對(duì)比明確。同事,采用無(wú)色彩的設(shè)計(jì),會(huì)讓設(shè)計(jì)本身足夠特立獨(dú)行,尤其是在如今這個(gè)多彩的世界當(dāng)中。

經(jīng)典的黑白色調(diào)柔和而迷人,它的魅力是獨(dú)特的,甚至是不可替代的。無(wú)論是陰影、動(dòng)畫(huà)、液態(tài)效果還是有機(jī)元素,它都會(huì)更加顯得形體化和輪廓化。

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

預(yù)測(cè)來(lái)了!2021年平面和視覺(jué)流行設(shè)計(jì)趨勢(shì)

結(jié)語(yǔ)

預(yù)測(cè)未來(lái)總是一件有趣的事情,而在如今這個(gè)階段,對(duì)于未來(lái)趨勢(shì)的預(yù)測(cè),也包含了另外一層意義,就是對(duì)于未來(lái)的期待。想要把握未來(lái),繼續(xù)前進(jìn),那么就需要不斷地追索。



文章來(lái)源:優(yōu)設(shè)    作者:
Iveta Pavlova


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

周周

編輯導(dǎo)語(yǔ):你有沒(méi)有設(shè)計(jì)過(guò)結(jié)構(gòu)復(fù)雜、內(nèi)容繁多的表單?在設(shè)計(jì)時(shí)有沒(méi)有什么技巧可以化繁為簡(jiǎn)、提升填寫(xiě)者的體驗(yàn)感呢?本文作者為我們羅列出了表單設(shè)計(jì)中可能遇到的一些問(wèn)題,并且提供了解決方案,讓我們一起來(lái)學(xué)習(xí)吧。

距離上次發(fā)文已經(jīng)快半年多了,實(shí)在是慚愧,好久沒(méi)有輸出內(nèi)容了,看著每周增加的零星關(guān)注人數(shù),內(nèi)心更加焦灼難安。

這半年來(lái)我換了工作,也適應(yīng)了新的環(huán)境,同時(shí)也在思考新的方向,估計(jì)和大多數(shù)的設(shè)計(jì)師一樣,迷茫時(shí)常伴隨著我。前段時(shí)間寫(xiě)了幾周的產(chǎn)品體驗(yàn)日記,但覺(jué)得缺乏深度就沒(méi)發(fā)上來(lái),后續(xù)我將會(huì)繼續(xù)寫(xiě)產(chǎn)品體驗(yàn)日記,完善后分享給大家。

2020所剩無(wú)多了,我也會(huì)將積攢下的一些內(nèi)容陸陸續(xù)續(xù)發(fā)上來(lái)與大家分享,感謝關(guān)注,感謝閱讀。哈哈哈哈

一、導(dǎo)語(yǔ)

你平時(shí)填寫(xiě)過(guò)的最復(fù)雜的表單是什么?調(diào)查問(wèn)卷還是文檔信息錄入?如果一個(gè)表單字段內(nèi)容巨多、結(jié)構(gòu)多變、填寫(xiě)耗時(shí)耗力,那你將如何設(shè)計(jì)你的表單使之體驗(yàn)更佳?

面臨的問(wèn)題:

1. 業(yè)務(wù)復(fù)雜,功能較多

不知道大家是否看過(guò)法律合同之類的文件,多則好幾籮筐,少也有厚厚一疊;類似的文檔如果進(jìn)行線上結(jié)構(gòu)化,勢(shì)必要同樣要花費(fèi)巨大的人力去填寫(xiě)表單,完成基礎(chǔ)信息的錄入工作。

同時(shí),由于錄入的時(shí)間不確定,流程不明確等問(wèn)題,也制約著表單的填寫(xiě)。

2. 流程較長(zhǎng),操作繁瑣

多個(gè)不同表單之間的互有關(guān)聯(lián)又相互區(qū)別,填寫(xiě)的時(shí)候需要來(lái)回查看以確認(rèn)信息,查閱和填寫(xiě)相互并行,操作繁瑣。

3. 字段較多,關(guān)聯(lián)項(xiàng)較多

幾乎每一個(gè)字段都有對(duì)應(yīng)的關(guān)聯(lián)項(xiàng),每個(gè)單選字段的不同項(xiàng)決定不同的內(nèi)容。同時(shí),由于字段數(shù)量,層級(jí)劃分不明確,會(huì)使填寫(xiě)的人失去定位,產(chǎn)生迷惑。

二、解決方案

1. 內(nèi)容分組,分步填寫(xiě)

根據(jù)業(yè)務(wù)內(nèi)容分級(jí),合理運(yùn)用顏色、間距、字體大小、卡片層級(jí)等進(jìn)行信息分級(jí)。

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

2. 實(shí)時(shí)保存,避免數(shù)據(jù)丟失,提供草稿功能,避免任務(wù)中斷

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

3.字段分組,示意結(jié)構(gòu),聯(lián)動(dòng)項(xiàng)隱喻

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

4. 信息自動(dòng)帶入,節(jié)省時(shí)間

一般表單是與某項(xiàng)功能掛鉤的,信息會(huì)在多個(gè)入口錄入。因此在填寫(xiě)長(zhǎng)表單的時(shí)候,如果能從系統(tǒng)中自動(dòng)獲取到數(shù)據(jù),就可以自動(dòng)為其填充,可根據(jù)業(yè)務(wù)場(chǎng)景,判斷是否讓其修改和更新。

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

5. 提供二次編輯功能,防止信息輸入有誤

一般的長(zhǎng)表單在涉及非審批流的時(shí)候,可以讓其無(wú)限二次編輯;如果是處于審批流,則需要根據(jù)業(yè)務(wù)場(chǎng)景限制其編輯次數(shù)或者限定其編輯規(guī)則(草稿可編輯,一旦提交則不可編輯)。

6.提供多人協(xié)作編輯功能

如果一個(gè)長(zhǎng)表單,需要多個(gè)不同的業(yè)務(wù)域的人來(lái)填寫(xiě),那么需要協(xié)同編輯,并實(shí)時(shí)顯示編輯的人員信息。

同時(shí),為了避免信息丟失和編輯錯(cuò)亂,在同一個(gè)表單下,同一時(shí)間應(yīng)該限制只允許一個(gè)人進(jìn)行編輯,等其提交完后,可允許其他人進(jìn)行編輯。

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

7. 實(shí)時(shí)檢驗(yàn)

前端實(shí)時(shí)校驗(yàn)字段輸入規(guī)則,后端統(tǒng)一校驗(yàn)信息交換規(guī)則。

比如對(duì)于數(shù)字輸入框的校驗(yàn)、電話號(hào)碼的校驗(yàn)、身份證號(hào)的校驗(yàn),應(yīng)該在前端實(shí)時(shí)完成。

在鼠標(biāo)離開(kāi)焦點(diǎn)區(qū)域或定位到下一個(gè)字段的時(shí)候,提示其填寫(xiě)有誤;這樣做的目的是減少后續(xù)修改的次數(shù),在長(zhǎng)表單下,統(tǒng)一提示其填寫(xiě)錯(cuò)誤會(huì)是一場(chǎng)災(zāi)難。

在點(diǎn)擊保存并填寫(xiě)下一步或點(diǎn)擊提交信息的時(shí)候,就需要跟后端交換數(shù)據(jù),驗(yàn)證錄入的信息;如果不匹配,則提示錯(cuò)誤,并從上至下定位至相應(yīng)的錯(cuò)誤字段。

8.做好填寫(xiě)引導(dǎo)功能

要通過(guò)多種方式,引導(dǎo)表單的填寫(xiě)。

1)在開(kāi)始填寫(xiě)之前,簡(jiǎn)要說(shuō)明該表單的業(yè)務(wù)目標(biāo),大概需要花費(fèi)的時(shí)間等;

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

2)開(kāi)始填寫(xiě)后,關(guān)于每個(gè)字段的特殊說(shuō)明,都需要標(biāo)注出來(lái)。重要的要顯示在頁(yè)面上,不重要的就收起在注釋符號(hào)中;

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

3)填寫(xiě)的過(guò)程中,切記不要到最后才告訴用戶哪里出錯(cuò)了,重要的信息一定要提示到位,否則一旦出錯(cuò),前功盡棄;

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

4)填寫(xiě)完成后,引導(dǎo)其下一步的操作,或者返回至列表。

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

9. 詳情頁(yè)也需要注意信息分級(jí)

表單填寫(xiě)完畢后的產(chǎn)出物就是詳情頁(yè),詳情頁(yè)是需要瀏覽的。因此在設(shè)計(jì)詳情頁(yè)的時(shí)候,應(yīng)該本著讓用戶瀏覽方便的原則去設(shè)計(jì),需要注意以下幾個(gè)點(diǎn):

1)結(jié)構(gòu)清晰

結(jié)構(gòu)清晰是指不要講內(nèi)容一股腦的全堆在頁(yè)面上,要做好信息的分類;同時(shí),注意規(guī)劃頁(yè)面的層級(jí)。

2)設(shè)置快捷導(dǎo)航

如果一個(gè)表單是長(zhǎng)且復(fù)雜的,那么其對(duì)應(yīng)的詳情頁(yè)也會(huì)變得復(fù)雜和冗長(zhǎng),因此在頁(yè)面的右側(cè)或者頂部設(shè)置合理的快捷導(dǎo)航是很有必要的。

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

三、小細(xì)節(jié),大體驗(yàn)

1. 提供快速返回頂部的按鈕

快速返回頂部按鈕的使用要注意場(chǎng)景,如果你的頁(yè)面比較長(zhǎng),且沒(méi)有分組瀏覽的導(dǎo)航,那就需要設(shè)置快速返回頂部的按鈕。

但是在存在分組瀏覽導(dǎo)航和頂部懸浮標(biāo)簽的情況下,不建議使用快速返回頂部的按鈕,因?yàn)樵谔顚?xiě)表單的時(shí)候,使用快速置頂?shù)膱?chǎng)景比較少。

2. 提供分組模塊收起展開(kāi)功能

當(dāng)一個(gè)模塊混雜著各種信息的時(shí)候,單純的模塊分組已經(jīng)無(wú)法處理它的復(fù)雜度了,因此需要收起高頻且信息量大的模塊,可以合理的減少頁(yè)面的復(fù)雜度。

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

3. 步驟提供信息填寫(xiě)完成度提示

步驟條可以單純的作為步驟指示器使用,也可以作為一個(gè)表單完成度的提示區(qū)域。

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

4. 重要說(shuō)明性文字盡量顯示而非收起

在填寫(xiě)大量字段的表單時(shí),閱讀表單內(nèi)容和填寫(xiě)表單同樣耗時(shí)耗力。

如果我們將所有的提示信息隱藏在提示符中,一般情況下用戶不會(huì)去查看;但是如果去挨個(gè)查看提示信息,則會(huì)多花費(fèi)一個(gè)步驟去點(diǎn)擊或者懸停來(lái)查看提示信息,浪費(fèi)了大量的時(shí)間。

因此如果涉及到重要的提示信息,請(qǐng)直接展示在字段的后面,不要隱藏起來(lái)。

5. 產(chǎn)品內(nèi)組件應(yīng)該規(guī)范統(tǒng)一

在后臺(tái)產(chǎn)品上,關(guān)于組件的規(guī)范統(tǒng)一,想必是人盡皆知的設(shè)計(jì)原則。

無(wú)論是各類平臺(tái)型設(shè)計(jì)組件,還是各個(gè)公司自造的設(shè)計(jì)組件,保持統(tǒng)一和規(guī)范對(duì)產(chǎn)品設(shè)計(jì)有著重要的作用,在這里不贅述組件應(yīng)該怎樣規(guī)范統(tǒng)一。

因?yàn)闊o(wú)論是Ant Design還是其他設(shè)計(jì)語(yǔ)言,都有詳盡的關(guān)于組件的定義方法,我在這里講述一個(gè)產(chǎn)品設(shè)計(jì)更高層面或者更深層面的原因:

組件的規(guī)范統(tǒng)一并不僅僅是為了省時(shí)省力,而是為了使用戶在使用的過(guò)程中達(dá)到認(rèn)知上的統(tǒng)一和行為上的統(tǒng)一,在進(jìn)行高頻次的操作后,界面的流程或者組件樣式已大致在用戶腦海中形成固定印象。

因此在操作相同類的流程時(shí),用戶會(huì)有更多的掌控感,試想一下:如果你在操作人事相關(guān)的流程后,去填寫(xiě)績(jī)效部分的內(nèi)容時(shí),發(fā)現(xiàn)一個(gè)迥異的界面或者彈窗,你肯定覺(jué)得這是不是哪里出錯(cuò)了,甚至?xí)岩蛇@是否是同一個(gè)系統(tǒng)。

目前大多數(shù)公司的管理系統(tǒng)經(jīng)過(guò)多次縫縫補(bǔ)補(bǔ),內(nèi)部的跳轉(zhuǎn)邏輯已經(jīng)異常感人,界面風(fēng)格也大放異彩,但是使用起來(lái)卻無(wú)從下手,深感迷茫。

因此大到界面樣式,小到間距大小,產(chǎn)品設(shè)計(jì)的規(guī)范和統(tǒng)一應(yīng)該是最基礎(chǔ)又不可缺少的原則。

6.龐大的信息錄入,表單內(nèi)部要分步填寫(xiě),外部可拆分成不同的表單分別填寫(xiě)

對(duì)付復(fù)雜的表單,你需要解決的主要問(wèn)題并不是填寫(xiě)方式或者頁(yè)面設(shè)計(jì),而是信息分級(jí)和結(jié)構(gòu)拆分。解決了這個(gè)問(wèn)題,基本上就解決了業(yè)務(wù)問(wèn)題,其余部分就跟我們常用的表單一致。

將復(fù)雜度降低并不意味著減少頁(yè)面的信息,而是通過(guò)設(shè)計(jì)師合理的信息劃分,降低視覺(jué)上的復(fù)雜度和流程上的復(fù)雜度,這樣才會(huì)達(dá)到當(dāng)前場(chǎng)景下的“最佳解決方案”。

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

如何設(shè)計(jì)一個(gè)超長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)長(zhǎng)的復(fù)雜表單

四、結(jié)語(yǔ)

隨著互聯(lián)網(wǎng)信息化的深入發(fā)展,復(fù)雜是避免不了的。

我知道大家都推崇簡(jiǎn)潔的設(shè)計(jì),但那只是對(duì)視覺(jué)和樣式的定義,而非對(duì)信息的定義。

我們所處的世界是復(fù)雜的,行業(yè)更是復(fù)雜的。信息的復(fù)雜度與日俱增,想要處理復(fù)雜的信息,就需要從復(fù)雜中尋求規(guī)律,這規(guī)律與業(yè)務(wù)息息相關(guān)。

B端360行,行行深如海,小伙伴們,我們一起慢慢修煉吧~

 

文章來(lái)源:人人都是產(chǎn)品經(jīng)理           作者:米蘭小鐵匠


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

用戶體驗(yàn)升級(jí)指南—規(guī)避用戶“無(wú)意識(shí)錯(cuò)誤”的防錯(cuò)法則

ui設(shè)計(jì)分享達(dá)人

用戶在使用軟件時(shí)不可避免的會(huì)進(jìn)行誤操作;
應(yīng)如何通過(guò)設(shè)計(jì),使得犯錯(cuò)變得困難,從而提升產(chǎn)品易用性。


大綱要點(diǎn):

1.行為預(yù)判     

2.多重保險(xiǎn) 

3.限制行為      

4.唯一性原則

5.默認(rèn)項(xiàng)復(fù)用      

6.特征明顯

7.感官反饋



1.行為預(yù)判,走在用戶前面

通過(guò)固定場(chǎng)景,判斷用戶接下來(lái)的操作,或?qū)δ承┎僮髯鍪欠駡?zhí)行的處理。

①.輸入銀行卡號(hào),軟件在你輸入完成時(shí)自動(dòng)識(shí)別發(fā)卡行,避免手動(dòng)選擇錯(cuò)銀行導(dǎo)致轉(zhuǎn)款失敗。 


②支付寶轉(zhuǎn)賬,在聊天窗口輸入純數(shù)字,系統(tǒng)會(huì)自動(dòng)彈出“給對(duì)方轉(zhuǎn)賬xx元”的懸浮條提示,點(diǎn)擊懸浮條即可進(jìn)行轉(zhuǎn)賬操作。對(duì)用戶誤把轉(zhuǎn)賬發(fā)送成信息的行為進(jìn)行預(yù)判,提升產(chǎn)品易用性。 



2.多重保險(xiǎn) ,二次確認(rèn)執(zhí)行。

生活中很容易產(chǎn)生對(duì)文件進(jìn)行誤刪或提交的誤操作,多重保險(xiǎn)是對(duì)不可逆的操作進(jìn)行雙重確認(rèn)后再實(shí)施執(zhí)行。

如ios信息刪除頁(yè)面,刪除信息需進(jìn)行以下三個(gè)操作:

①左滑調(diào)出刪除按鈕(把“隱性”特征轉(zhuǎn)化為“顯性”特征)

②點(diǎn)擊刪除,“確認(rèn)刪除”彈窗彈出

③確認(rèn)刪除,多重”確認(rèn)“降低誤操作 



3.限制行為,使錯(cuò)誤無(wú)法發(fā)生。


在固定字符的表單中。對(duì)其輸入的內(nèi)容自動(dòng)格式化,

如支付寶注冊(cè)頁(yè)面,只提供數(shù)字鍵盤且只能輸入11位數(shù),從而限制用戶行為。

直接從源頭杜絕誤觸其他字符或多輸入的誤操作。

當(dāng)你開(kāi)始輸入時(shí),系統(tǒng)會(huì)自動(dòng)將手機(jī)號(hào)隔成XXX XXXX XXXX的格式,方便用戶以最快的速度核對(duì)已輸入的手機(jī)號(hào),畢竟相對(duì)于一長(zhǎng)串的數(shù)字,被分成小塊的數(shù)字組合更容易被記住和看懂。



4.唯一性原則,一個(gè)頁(yè)面干一件事

按照順序分步進(jìn)行,避免用戶在一個(gè)頁(yè)面完成多個(gè)任務(wù)。

如接收驗(yàn)證碼時(shí),保持頁(yè)面的功能性是唯一的,手機(jī)號(hào)注冊(cè)頁(yè)只能填寫(xiě)手機(jī)號(hào),驗(yàn)證碼頁(yè)面只能填寫(xiě)驗(yàn)證碼。利用頁(yè)面的唯一性減少誤操作率。



5.默認(rèn)項(xiàng)復(fù)用,優(yōu)先預(yù)知用戶所想

同一件事做兩次出錯(cuò)的幾率肯定比做一次要大得多,對(duì)用戶已錄入過(guò)的信息儲(chǔ)存,以便如需再次錄入時(shí)的直接填充。

如寄快遞購(gòu)物時(shí)的填寫(xiě)地址,定機(jī)酒時(shí)輸入人物信息,直接復(fù)用歷史信息,省時(shí)又不會(huì)出錯(cuò)。 



6.特征明顯,對(duì)比突出可適當(dāng)夸大

視覺(jué)效果上,夸大功能性特征,能夠有效地使用戶準(zhǔn)確獲知該區(qū)域可實(shí)現(xiàn)的功能,向用戶呈現(xiàn)清晰的行為結(jié)果。


①如刪除彈窗,按鈕中文字的描述應(yīng)決定用戶接下來(lái)的行為。

“確認(rèn)刪除”是用戶行為,”確定“則是對(duì)該彈窗內(nèi)容的時(shí)間判斷,用戶是不會(huì)對(duì)彈窗內(nèi)容進(jìn)行細(xì)看的,所以在按鈕文字上就應(yīng)明確用戶,準(zhǔn)確地告知按按鈕所對(duì)應(yīng)的行為。

②如Iphone的關(guān)機(jī)界面,app 內(nèi)各個(gè)入口刪除等可操作按鈕



7.感官反饋,視覺(jué)外的強(qiáng)化輔助

解鎖界面不同狀態(tài)下的震感反饋,提示警告類的聲音反饋,警示錯(cuò)誤的發(fā)生。







 轉(zhuǎn)自:站酷-假裝不是設(shè)計(jì)師




IBM研究者教你玩轉(zhuǎn)卡諾模型

資深UI設(shè)計(jì)者

翻譯:Grace Gogh  審校:冠男Ben |   UXRen翻譯組 #343譯文
作者: cary-anne olsen-landis(前IBM Power Systems的經(jīng)驗(yàn)研究主管)
原文標(biāo)題:《Kano Model — Ways to use it and NOT use it》

 

設(shè)計(jì)團(tuán)隊(duì)為產(chǎn)品提出了一系列用戶需求。
開(kāi)發(fā)(工程師)團(tuán)隊(duì)帶著的不一樣的功能包來(lái)到會(huì)議桌前。
管理團(tuán)隊(duì)只想留下那些能使公司盈利的功能。
運(yùn)維團(tuán)隊(duì)認(rèn)為需要優(yōu)化的功能則完全不同。
產(chǎn)品團(tuán)隊(duì)如何知道該朝哪個(gè)方向推動(dòng)項(xiàng)目?

作為設(shè)計(jì)研究人員,我們借助用戶的所言所行來(lái)深入閱讀并洞察他們的需求。但是,我們中的許多人都在努力尋找新方法來(lái)實(shí)現(xiàn)需求的可視化管理,以便和上述的跨職能團(tuán)隊(duì)達(dá)成一致(拉齊認(rèn)知)。用戶當(dāng)然可以對(duì)功能進(jìn)行投票并對(duì)其進(jìn)行排名,這可以提供很好的方向,但這并不能給到更深層次的需求定義,即哪些功能是必須有的,而哪些功能是在期望之中的。

現(xiàn)在開(kāi)始認(rèn)識(shí)卡諾模型。

 

1. 卡諾模型(Kano Model)是什么?

圖1:狩野紀(jì)昭(來(lái)源: Mind the Product)

Kano模型是由Noriaki Kano教授在20世紀(jì)80年代提出的產(chǎn)品研發(fā)和客戶滿意度理論,將用戶偏好分為五類。它通過(guò)評(píng)估每種功能的2套衡量標(biāo)準(zhǔn):滿意度和情感度,來(lái)提供幫助我們了解客戶對(duì)產(chǎn)品功能的看法。這2種衡量標(biāo)準(zhǔn)的組合形成五類屬性:魅力屬性、期望屬性(線性屬性)、無(wú)差異屬性(次要屬性)、必備屬性和反向?qū)傩浴?

 

2. 如何使用卡諾模型?

設(shè)計(jì)一個(gè)調(diào)查問(wèn)卷,并獨(dú)立列出每個(gè)功能。最好在可能的情況下通過(guò)原型或交互式線框稿來(lái)演示每個(gè)功能。你不必花太多時(shí)間進(jìn)行原型設(shè)計(jì),這只是傳遞想法的原型。有些人甚至只展示原型的某處細(xì)節(jié),可能是因?yàn)樗麄兿矚g這個(gè)點(diǎn)子,但并不喜歡它的實(shí)現(xiàn)方式。

圖2:功能用圖片展示的例子

 

如果無(wú)法使用demo來(lái)展現(xiàn)功能,說(shuō)明性文字也可以很好地發(fā)揮作用。

圖3:功能用說(shuō)明性文字表示的例子

專家提示:與其他IBM研究人員討論時(shí),比較成功的研究人員測(cè)試了15–20個(gè)功能。那些不太成功的則測(cè)試了30-40個(gè)功能。 測(cè)試20多種功能對(duì)于客戶和研究人員來(lái)說(shuō)都已經(jīng)足夠多的啦(不建議超過(guò)20多個(gè))。

看到每個(gè)功能后,用戶可以對(duì)卡諾問(wèn)卷的進(jìn)行選擇回答:

  • 如果您擁有(功能),您的感覺(jué)如何?
  • 如果您沒(méi)有(功能),您的感覺(jué)如何?

(Daniel Zacarias對(duì)于如何清楚地編寫(xiě)這些問(wèn)題提供了一系列優(yōu)秀的建議)

針對(duì)上述兩個(gè)問(wèn)題的標(biāo)準(zhǔn)Kano問(wèn)卷答復(fù)為:

  • 我喜歡它( I like it)
  • 本來(lái)就應(yīng)該有它( I expect it)
  • 無(wú)所謂/保持中立( I’m neutral)
  • 我可以忍受它(I can tolerate it)
  • 我不喜歡它(I dislike it)

Daniel Zacarias還為答案集提供了其他一些選擇?;旧?,如果您要嘗試使用卡諾模型,請(qǐng)閱讀他的整篇文章。太奇妙了。

Jan Moorman還建議添加第3個(gè)問(wèn)題此功能有多重要?

她建議使用“一點(diǎn)也不重要”至“超級(jí)重要”的9級(jí)李克特量表。但是,當(dāng)嘗試在李克特量表上闡明重要性的9個(gè)點(diǎn)時(shí),這有點(diǎn)棘手。似乎7點(diǎn)的李克特量表闡明起來(lái)比較容易。

圖4:李克特量表的7級(jí)重要性

當(dāng)你找到答案,Daniel Zacarias會(huì)介紹詳細(xì)的分析過(guò)程。 我強(qiáng)烈建議您仔細(xì)閱讀。

IBM的研究人員發(fā)現(xiàn)一個(gè)問(wèn)題:得到這些數(shù)據(jù)很棒,但是數(shù)字本身并沒(méi)有告訴任何人背后的原因,這是研究人員無(wú)法避免會(huì)被管理團(tuán)隊(duì)挑戰(zhàn)的關(guān)鍵癥結(jié)。 一個(gè)團(tuán)隊(duì)使用卡諾模型進(jìn)行了大約15次定性訪談。另一個(gè)團(tuán)隊(duì)在從40個(gè)人中獲得問(wèn)卷樣本后,又進(jìn)行了5次定性訪談。兩個(gè)團(tuán)隊(duì)都強(qiáng)烈建議在此過(guò)程中添加定性訪談,因?yàn)樗兄谘a(bǔ)充上下文的定性數(shù)據(jù)支持。

 

3. 如何“不使用卡諾模型?

IBM的某個(gè)團(tuán)隊(duì)不愿再使用Kano模型。該團(tuán)隊(duì)之前會(huì)使用場(chǎng)景描述(Scenarios)來(lái)代替功能(features)進(jìn)行調(diào)研問(wèn)卷的設(shè)定,但是,在測(cè)試進(jìn)展中他們明顯發(fā)現(xiàn)設(shè)定的場(chǎng)景并沒(méi)有真實(shí)反映客戶實(shí)際使用產(chǎn)品的行為,最終導(dǎo)致測(cè)試失敗。

使用場(chǎng)景來(lái)展示功能的想法很好,但是當(dāng)我們?cè)谟懻撛摲椒〞r(shí)必須事先驗(yàn)證。經(jīng)過(guò)確定現(xiàn)狀的生成研究后,卡諾+場(chǎng)景組合(kano+Scenarios)將會(huì)非常有力。

另一條建議是減少正在測(cè)試的功能數(shù)量。承擔(dān)了30-40個(gè)功能清單的測(cè)試團(tuán)隊(duì)表示,如此多的功能測(cè)試太密集了。這會(huì)導(dǎo)致在測(cè)試結(jié)束之前,用戶不知所措,且疲憊不堪。

 

4. 卡諾模型的優(yōu)勢(shì)

卡諾模型非常擅長(zhǎng)對(duì)功能進(jìn)行優(yōu)先級(jí)排序。卡諾模型的基礎(chǔ)理論是Daniel Zacarias提出的“喜悅的自然衰減”。創(chuàng)新的想法和產(chǎn)品總會(huì)從令人興奮的新穎功能(在Kano圖表的頂部:魅力)轉(zhuǎn)變成預(yù)期的功能(在底部:最好的必備,被貶損的,最糟糕的)。

利用卡諾模型獲得最佳結(jié)果(來(lái)源:UX Booth和Jan Moorman)

以無(wú)線互聯(lián)網(wǎng)為例*(靈感來(lái)源于參考文獻(xiàn)中Jared Spool的示例)。

假設(shè)時(shí)間回到了2001年,你此刻正出差在外,帶著一臺(tái)具有以太網(wǎng)端口和WiFi的筆記本電腦。當(dāng)你來(lái)到了酒店,發(fā)現(xiàn)有以太網(wǎng)端口可上網(wǎng)。盡管房費(fèi)中未包含無(wú)線上網(wǎng),但可以在商務(wù)中心使用WiFi。你此刻會(huì)很高興!感覺(jué)太奇妙了!這是很棒的選擇!

快進(jìn)到2017年。你正在出差,并攜帶配備WiFi的基本筆記本電腦。當(dāng)在酒店中,發(fā)現(xiàn)有以太網(wǎng)端口供連接Internet。房費(fèi)中未包含無(wú)線上網(wǎng),但是可以在商務(wù)中心使用WiFi。你真的會(huì)生氣!這家酒店是什么鬼,需要額外付費(fèi)才能上網(wǎng)?!還有誰(shuí)依然在使用以太網(wǎng)端口連接到Internet?

經(jīng)過(guò)了16年的發(fā)展,有些功能從最初的一種吸引人的功能(比如房間中的以太網(wǎng)端口,商務(wù)中心中的WiFi),變成了不受歡迎的功能。

如果團(tuán)隊(duì)不了解客戶的需求,他們可能會(huì)專注于自己期望的功能,而不是極具吸引力的功能。使用卡諾模型的某IBM研究人員,在自己的團(tuán)隊(duì)中指出了這一點(diǎn):“團(tuán)隊(duì)對(duì)某些功能感到非常興奮,然后意識(shí)到這些都是桌面上的賭注。”

 

 

5. 卡諾模型隱藏的潛力

在討論卡諾模型時(shí),我們認(rèn)為該模型還具有其他一些潛力:

  • 測(cè)量痛點(diǎn)的深度
  • 在產(chǎn)品生命周期中建立功能基準(zhǔn),以評(píng)估隨時(shí)間推移喜悅的自然衰減

痛點(diǎn)深度(Depth of pain points)

該模型有助于揭示現(xiàn)有痛點(diǎn)的糟糕程度??ㄖZ問(wèn)卷很容易用于研究,以深入了解為什么痛點(diǎn)如此糟糕,以及為什么這些功能對(duì)客戶如此重要。它可能會(huì)揭示一些以前無(wú)法確定的需求,并推動(dòng)進(jìn)一步的創(chuàng)新。

基準(zhǔn)功能(Baselining features)

我們討論了使用卡諾模型作為功能的定期評(píng)估項(xiàng)目,以觀察哪些功能降為較低類別。這種具有足夠大用戶基礎(chǔ)的縱向測(cè)試可協(xié)助分析市場(chǎng)趨勢(shì)和期望,并有助于隨著時(shí)間的推移持續(xù)證明研究?jī)r(jià)值。它還可以幫助團(tuán)隊(duì)了解他們的產(chǎn)品何時(shí)開(kāi)始趨于平穩(wěn),何時(shí)需要?jiǎng)?chuàng)新的想法來(lái)回到引領(lǐng)潮流的狀態(tài)。

 

6. 開(kāi)放性問(wèn)題

有時(shí),IBM的設(shè)計(jì)團(tuán)隊(duì)會(huì)擔(dān)任某些項(xiàng)目的咨詢顧問(wèn)。IBM的一些設(shè)計(jì)團(tuán)隊(duì)被要求參與到某些項(xiàng)目中,以“梳理可用性”并在產(chǎn)品發(fā)布前滲入神奇的用戶體驗(yàn)的“灰塵”。其他設(shè)計(jì)團(tuán)隊(duì)則暫時(shí)參與到邊界更廣泛的產(chǎn)品團(tuán)隊(duì)中。

在討論結(jié)束前,我們還有一個(gè)懸而未決的問(wèn)題:如果無(wú)法影響產(chǎn)品決策,卡諾模型還有用嗎?你無(wú)法影響產(chǎn)品可能是因?yàn)樵摦a(chǎn)品已經(jīng)在開(kāi)發(fā)中,或是由于管理層的壓力,亦或是設(shè)計(jì)團(tuán)隊(duì)只是該產(chǎn)品團(tuán)隊(duì)的臨時(shí)成員等等。使用卡諾模型的努力真的值得嗎?

或者,即使不能影響產(chǎn)品,卡諾模型仍然可能有用嗎?

你有什么想法嗎?

在奧斯汀的IBM,一組設(shè)計(jì)研究人員會(huì)在每個(gè)月的某些時(shí)間共進(jìn)午餐以討論感興趣的研究主題。之后,在IBM Power Systems的研究人員會(huì)收集并記錄對(duì)話的重點(diǎn)。以上來(lái)自IBM Power Systems研究人員的午餐系列文章之一。

參考資料

  • 出色的Daniel Zacarias對(duì)如何完全實(shí)施和使用卡諾模型進(jìn)行了完整的解釋,他不僅給出了驚人的概述,而且還提供了制表工具
  • Jan Moorman在projekt202上討論了她對(duì)卡諾模型的體驗(yàn)



文章來(lái)源:UX Ren    作者:寶珠


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


 

不要讓我思考: 20 句可用性設(shè)計(jì)名言

周周

編輯導(dǎo)讀:想要做好一個(gè)設(shè)計(jì)師,就要多研究?jī)?yōu)秀人士的作品,取長(zhǎng)補(bǔ)短?,F(xiàn)在互聯(lián)網(wǎng)的發(fā)達(dá),很容易就能在網(wǎng)上找到相關(guān)的學(xué)習(xí)資料。本文以史蒂夫·克魯格的名著作為引入,分享20句關(guān)于界面可用性設(shè)計(jì)的名言,希望對(duì)你有幫助。

設(shè)計(jì),以及許多其他領(lǐng)域,都是建立在優(yōu)秀專業(yè)人士的作品和發(fā)現(xiàn)之上的,每個(gè)想要成為某個(gè)領(lǐng)域?qū)<业娜私?jīng)常尋求指導(dǎo)來(lái)學(xué)習(xí)如何把事情做好。專業(yè)導(dǎo)師的各種書(shū)籍和文章現(xiàn)在都可以在互聯(lián)網(wǎng)上免費(fèi)閱讀,讓努力學(xué)習(xí)知識(shí)的人很方便的找到。

我們經(jīng)常會(huì)分享來(lái)自數(shù)字設(shè)計(jì)領(lǐng)域最優(yōu)秀專家的名言和睿智的想法。你會(huì)在邁克·蒙泰羅(Mike Monteiro)所著《設(shè)計(jì)是一項(xiàng)工作(Design Is a Job)》里找到有關(guān)設(shè)計(jì)的短暫洞察,奧倫·沃特爾(Aarron Walter)的《為情感而設(shè)計(jì)》(Design for Emotion)以及排版大師埃里克·斯皮克爾曼(Erik Spiekermann)的一系列智慧思想也是如此。

下面我們要分享的是史蒂夫·克魯格(Steve Krug)的名著《不要讓我思考(Don’t Make Me Think)》中的一組引言。

2000 年初版,14 年后再版,《Don’t Make Me Think》在今天仍然切合時(shí)代發(fā)展,符合實(shí)際需要。史蒂夫·克魯格為界面可用性設(shè)定了一些基本原則,并與該領(lǐng)域的專業(yè)人士分享,這使得本書(shū)成為 UX 設(shè)計(jì)師推薦的最重要的資源之一。

可用性第一定律——“不要讓我思考”描述了關(guān)于網(wǎng)站可用性的要點(diǎn)、案例和見(jiàn)解。創(chuàng)造不需要用戶過(guò)多思考的界面設(shè)計(jì),不僅可以解決問(wèn)題,而且易于使用。這里有 20 句名言,反映了“不要讓我思考”的一些關(guān)鍵點(diǎn)。

1、如果某件事需要大量的時(shí)間投入——或者看起來(lái)會(huì)這樣——它就不太可能被使用。

2、讓每一頁(yè)或每一個(gè)屏幕都不言自明,就像商店里都有良好的照明:它會(huì)讓所有的商品看起來(lái)更好。訪問(wèn)一個(gè)不需要我們思考的網(wǎng)站會(huì)讓人感覺(jué)毫不費(fèi)勁,相反,為不相關(guān)的事情多花心思會(huì)浪費(fèi)我們的精力、熱情、還有時(shí)間。

3、無(wú)用的客套話(“happy talk”)都是一種沾沾自喜的宣傳,你可以在蹩腳的小冊(cè)子里找到。與好的宣傳文案不同的是,它沒(méi)有傳達(dá)任何有用的信息,它一個(gè)勁的說(shuō)我們有多棒,而不是描述是什么讓我們這樣棒的。指示說(shuō)明必須被消滅。

4、可訪問(wèn)性(Accessibility)非常重要,它不僅僅是正確的做法,而且是非常正確的做法。關(guān)于無(wú)障礙訪問(wèn),如果沒(méi)有引起足夠的重視,你就無(wú)法意識(shí)到,它能顯著的改善一些人的生活。僅僅通過(guò)把工作做得更好就能顯著改善人們的生活,這難道還不夠厲害嗎?

5、另一個(gè)讓人困惑的來(lái)源是那些看起來(lái)不太明顯的鏈接或者按鈕。作為一個(gè)用戶,我永遠(yuǎn)不應(yīng)該花哪怕一毫秒的時(shí)間來(lái)考慮這些東西是否可以點(diǎn)擊。

6、最近幾年里,讓產(chǎn)品更加易用成為幾乎所有人的責(zé)任?,F(xiàn)在,視覺(jué)設(shè)計(jì)人員和開(kāi)發(fā)人員常常要做交互設(shè)計(jì)(決定用戶單擊、按下或滑動(dòng)時(shí)下一步會(huì)發(fā)生什么)和信息體系結(jié)構(gòu)(確定應(yīng)該如何組織所有內(nèi)容)之類的事情。

7、可用性(Usability)就是確保讓一個(gè)能力和經(jīng)驗(yàn)一般(甚至低于平均水平)的人,能夠想出如何使用并完成任務(wù),而不必費(fèi)事。相信我:事情就是這么簡(jiǎn)單。

8、可用性是有關(guān)人們?nèi)绾卫斫夂褪褂檬挛?,而與技術(shù)無(wú)關(guān)。

9、關(guān)于指示說(shuō)明,你只需要知道一點(diǎn)就夠了:除非“蒙混過(guò)關(guān)”多次嘗試失敗,沒(méi)有人會(huì)去讀它們。

10、你越仔細(xì)觀察用戶,并傾聽(tīng)他們明確表達(dá)他們的意圖、動(dòng)機(jī)和思考過(guò)程,你就越會(huì)意識(shí)到,他們對(duì)網(wǎng)頁(yè)的個(gè)人反應(yīng)是基于許多變量的。試圖用一維的“喜歡”或”不喜歡”來(lái)描述用戶是徒勞的,而且會(huì)適得其反。另一方面,好的設(shè)計(jì)會(huì)考慮到這種復(fù)雜性。

11、那些設(shè)計(jì)網(wǎng)站的人并不在乎讓事情變的明顯和容易,這會(huì)削弱我們對(duì)網(wǎng)站及其背后公司組織的信心。

12、然而在現(xiàn)實(shí)中,大多數(shù)時(shí)候我們不會(huì)選擇最佳選項(xiàng),而是選擇了遇到的第一個(gè)合理的選項(xiàng),即所謂的“滿意”(satisficing)策略。

13、大部分的網(wǎng)頁(yè)設(shè)計(jì)問(wèn)題(至少是對(duì)重要的那些問(wèn)題來(lái)說(shuō))都沒(méi)有一個(gè)簡(jiǎn)單的“正確”答案。有效的答案是那些運(yùn)作良好的、滿足需求的綜合設(shè)計(jì),它們往往經(jīng)過(guò)了仔細(xì)思考,良好的執(zhí)行和測(cè)試。

14、刪掉每頁(yè)上一半的文字,然后把剩下的再刪掉一半。

15、設(shè)計(jì)師喜歡微妙的線索,因?yàn)槲⒚钍菑?fù)雜設(shè)計(jì)的特征之一。但網(wǎng)絡(luò)用戶通常都很匆忙,經(jīng)常會(huì)錯(cuò)過(guò)這些線索。

16、如果你在設(shè)計(jì)了很多不同的網(wǎng)站之后只發(fā)現(xiàn)一件事,那應(yīng)該是:幾乎所有的設(shè)計(jì)理念——無(wú)論一開(kāi)始多么糟糕——都可以通過(guò)足夠的努力,在合適的環(huán)境下變得可用。

17、你的主要職責(zé)應(yīng)該是分享你所知道的,而不是告訴人們應(yīng)該怎么做。

18、你的目標(biāo)應(yīng)該是完全刪除說(shuō)明文字,讓每項(xiàng)內(nèi)容不言自明,或者盡可能做到這一點(diǎn)。當(dāng)說(shuō)明文字絕對(duì)必要時(shí),把它們減少到最少。

19、和遵循慣例去設(shè)計(jì)相比,設(shè)計(jì)師們面臨很大的誘惑去重新發(fā)明輪子。很大程度上是因?yàn)樗麄冇X(jué)得自己被雇來(lái)是要做一些新的、不同的事情,而不是做原有的舊事情。更不用說(shuō),來(lái)自同事的贊揚(yáng)、獎(jiǎng)勵(lì)和高級(jí)職位很少是基于“最好地利用慣例”這樣的標(biāo)準(zhǔn)。雖然少數(shù)時(shí)候,在重新發(fā)明輪子上花的時(shí)間足以制造出新的革命性滾動(dòng)設(shè)備,但通常情況下,這只是浪費(fèi)時(shí)間而已。

20、如果你想要一個(gè)很棒的網(wǎng)站,一定要測(cè)試。因?yàn)槟阍谶@個(gè)網(wǎng)站上工作了好幾周,已經(jīng)失去了新鮮感。你了解的太多了。要想知道它是否真的有效,唯一的方法就是測(cè)試它。

 

文章來(lái)源:人人都是產(chǎn)品經(jīng)理           作者:Alina Arhipova


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如何產(chǎn)出一個(gè)對(duì)實(shí)際落地更有指導(dǎo)性的的設(shè)計(jì)分析

資深UI設(shè)計(jì)者

設(shè)計(jì)分析是作為交互設(shè)計(jì)師必備的一項(xiàng)基礎(chǔ)能力,一套有效的分析思路可以幫助我們找準(zhǔn)設(shè)計(jì)發(fā)力點(diǎn),更效率的推導(dǎo)出合理的設(shè)計(jì)方案,它是一種思維能力,也是一種方法工具,但是在我們的實(shí)際項(xiàng)目中,常常會(huì)遇到這樣幾種場(chǎng)景:

  • 新手設(shè)計(jì)師或者第一次做活動(dòng)的設(shè)計(jì)師,設(shè)計(jì)分析不知道要如何入手

  • 花了很多時(shí)間做分析,但感覺(jué)對(duì)實(shí)際畫(huà)稿子并沒(méi)有什么幫助

  • 分析過(guò)程中發(fā)散了很多很好的點(diǎn),但最后大多都落不了地

這些情況常常會(huì)導(dǎo)致設(shè)計(jì)分析流于形式,套用了很多方法、花了很多時(shí)間、輸出了很長(zhǎng)的文檔,內(nèi)容看上去似乎很豐富,但落地的方案卻平平無(wú)奇,甚至也會(huì)自我懷疑設(shè)計(jì)分析真的有用嗎?

總結(jié)下來(lái),會(huì)出現(xiàn)這些場(chǎng)景的原因有兩點(diǎn):首先是設(shè)計(jì)分析太泛,沒(méi)有聚焦到核心問(wèn)題;其次是時(shí)間分配不合理,沒(méi)有抓到發(fā)力重點(diǎn)。那么結(jié)合我們目前的項(xiàng)目來(lái)看,怎樣做一個(gè)更有用的設(shè)計(jì)分析呢?

活動(dòng)中常見(jiàn)的項(xiàng)目類型

根據(jù)活動(dòng)產(chǎn)品化設(shè)計(jì)思路,可以把我們的日常項(xiàng)目分為兩類:迭代型項(xiàng)目以及探索型項(xiàng)目。

迭代型項(xiàng)目是指過(guò)往已有過(guò)積累的成熟項(xiàng)目,例如大促主會(huì)場(chǎng)、我的專屬會(huì)場(chǎng)、榜單會(huì)場(chǎng)、攻略等等,通常是一些已經(jīng)比較固化的經(jīng)典業(yè)務(wù),或基礎(chǔ)的功能類業(yè)務(wù);探索型項(xiàng)目則是一些全新的業(yè)務(wù)方向,例如下沉?xí)?chǎng)、直播會(huì)場(chǎng)等等,剛處于進(jìn)入期或成長(zhǎng)初期。

undefined

如何完成一個(gè)有效的設(shè)計(jì)分析

1. 迭代型項(xiàng)目

迭代型項(xiàng)目容易陷入的一個(gè)誤區(qū)是時(shí)間分配不合理,沒(méi)有抓到發(fā)力重點(diǎn),尤其是對(duì)于很多新手設(shè)計(jì)師來(lái)說(shuō),往往大部分的精力花在重復(fù)之前已經(jīng)做過(guò)的內(nèi)容,比如花了很多時(shí)間重新去分析用戶、分析方向、分析行業(yè)趨勢(shì)等等,但是對(duì)于已經(jīng)比較穩(wěn)定的迭代型項(xiàng)目來(lái)說(shuō),這部分背景內(nèi)容相對(duì)來(lái)說(shuō)已經(jīng)比較固化(除非有明顯的變化),這就可能會(huì)導(dǎo)致重復(fù)分析出來(lái)的結(jié)論跟之前的差別并不大,也很難帶來(lái)實(shí)際業(yè)務(wù)提升。

undefined

既然迭代型項(xiàng)目過(guò)往已有過(guò)經(jīng)驗(yàn)和策略的沉淀,也經(jīng)歷過(guò)多輪的數(shù)據(jù)迭代,核心思路應(yīng)該是先定義要解決什么問(wèn)題、然后才是如何解決,這樣才能找準(zhǔn)關(guān)鍵發(fā)力點(diǎn)。

要解決什么問(wèn)題

首先要思考是不是真的有問(wèn)題,沒(méi)有問(wèn)題的項(xiàng)目也可以不用再花時(shí)間做分析,效率做即可,例如像全部會(huì)場(chǎng),本身的業(yè)務(wù)模式就比較簡(jiǎn)單,過(guò)往的效果也相對(duì)比較穩(wěn)定,如果不考慮進(jìn)行突破性的創(chuàng)新,通常是可以效率復(fù)用的,這種時(shí)候則不需要再去做分析,畢竟也要考慮投入產(chǎn)出比。

那么怎么定義要解決什么問(wèn)題呢?有三個(gè)常用的思路:看數(shù)據(jù)、看用戶反饋、看運(yùn)營(yíng)策略。

第一,從數(shù)據(jù)分析中找到關(guān)鍵問(wèn)題,例如根據(jù)618的項(xiàng)目數(shù)據(jù)復(fù)盤,我們發(fā)現(xiàn)預(yù)售會(huì)場(chǎng)、品牌會(huì)場(chǎng)的頁(yè)面跳失率較高,那么雙11核心可以圍繞“如何降低跌失率?”“如何提升流量利益效率?”去進(jìn)行分析,從而推導(dǎo)出更有針對(duì)性的設(shè)計(jì)策略。

undefined

第二,根據(jù)用戶反饋來(lái)找到關(guān)建問(wèn)題,例如過(guò)往的主會(huì)場(chǎng),用戶調(diào)研一直都會(huì)反饋主推樓層太長(zhǎng)而找不到感興趣的內(nèi)容,那么可以圍繞“如何更好的進(jìn)行需求匹配?”“如何提升屏效?”來(lái)思考和分析,解決實(shí)際存在的問(wèn)題,才更有可能提升體驗(yàn)和數(shù)據(jù)。

undefined

第三,結(jié)合運(yùn)營(yíng)策略,很多業(yè)務(wù)雖然已經(jīng)相對(duì)穩(wěn)定,但隨著每次大促戰(zhàn)略的變化,運(yùn)營(yíng)策略上也會(huì)有一些新的需求,那么就根據(jù)這些差異化的訴求去找到發(fā)力點(diǎn)。例如針對(duì)我的專屬會(huì)場(chǎng),在原會(huì)場(chǎng)定位不變的情況下,在近兩次大促中運(yùn)營(yíng)側(cè)都提出需要由這個(gè)會(huì)場(chǎng)來(lái)承載平臺(tái)服務(wù)內(nèi)容曝光的訴求,那么服務(wù)內(nèi)容如何匹配“專屬”會(huì)場(chǎng)的用戶心智,則是這個(gè)會(huì)場(chǎng)可以重點(diǎn)解決的問(wèn)題。

undefined

如何判斷真正有效的解決方案

在定義清楚核心要解決的問(wèn)題后,就可以按照常用的設(shè)計(jì)方法進(jìn)行方案的推導(dǎo),在發(fā)散解決方案的過(guò)程中,如何判斷方案的合理有效,確保最后的可落地性,是讓我們?cè)O(shè)計(jì)分析有價(jià)值的關(guān)鍵,因此總結(jié)了兩個(gè)常用的技巧。

首先要理解業(yè)務(wù)邏輯,減少無(wú)用的策略發(fā)散,很多時(shí)候我們的方案很難推動(dòng)落地的原因,是沒(méi)有考慮到業(yè)務(wù)的訴求,越能夠深入的了解業(yè)務(wù),才能更好的解決業(yè)務(wù)側(cè)的顧慮,保證方案的可落地性。

其次是要跳出來(lái)從整體來(lái)看優(yōu)先級(jí),我們?cè)谶M(jìn)入自己的思維邏輯中時(shí),會(huì)比較容易陷入細(xì)節(jié),有時(shí)候自己覺(jué)得很棒的想法花很大力氣去推卻很難獲得其他人的重視,并不是因?yàn)槲覀兊姆桨覆粔蚝?,而是沒(méi)有關(guān)注到整體優(yōu)先級(jí),因此要學(xué)會(huì)看全局,通過(guò)多溝通多評(píng)估的方式來(lái)讓自己的判斷更加準(zhǔn)確。

2. 探索型項(xiàng)目

探索型的項(xiàng)目沒(méi)有過(guò)往的參考依據(jù),相當(dāng)于需要從零開(kāi)始去探索如何做,對(duì)于設(shè)計(jì)分析的能力要求會(huì)更高,那么常常容易陷入兩種極端相反的誤區(qū),要不就是容易被方法論套路,設(shè)計(jì)分析過(guò)泛但得不出實(shí)際有價(jià)值的結(jié)論,要不就是完全沒(méi)有頭緒,屬于想一步做一步的類型,分析的內(nèi)容之間缺乏邏輯。

undefined

因此,探索型項(xiàng)目的核心思路是要先有分析框架、再做縱向深挖,就像畫(huà)交互稿的過(guò)程一樣,需要先定義交互框架,縱再進(jìn)行交互細(xì)節(jié)的打磨,才能夠保證設(shè)計(jì)效率及效果。

確定分析框架

確定分析框架的過(guò)程主要分為兩步,一是先想清楚要分析哪些內(nèi)容,包括哪些環(huán)節(jié)是必要的,哪些是重點(diǎn)的,時(shí)間要怎么分配。例如當(dāng)我們第一次做寵物品類活動(dòng)時(shí),需要對(duì)這個(gè)品類有深入的理解,因此我們?cè)谇捌谛枰シ治鲳B(yǎng)寵人群的特征、寵物行業(yè)的發(fā)展現(xiàn)狀、京東寵物貨品的優(yōu)勢(shì)等內(nèi)容,而如果我們做的是一次大促的綜合會(huì)場(chǎng),其主要用戶群體如果跟常規(guī)站內(nèi)主流群體并無(wú)差異時(shí),則不需要再花費(fèi)大量的時(shí)間單獨(dú)去分析用戶畫(huà)像,因此,需要結(jié)合項(xiàng)目情況先想清楚需要分析的內(nèi)容、以及這些內(nèi)容的必要性和優(yōu)先級(jí)。

undefined

第二步是梳理清楚內(nèi)容之間的邏輯關(guān)系,常見(jiàn)的邏輯結(jié)構(gòu)有兩種,一是遞進(jìn)式的推導(dǎo)(A→B→C),分析維度之間是先后關(guān)聯(lián)的,通過(guò)嚴(yán)謹(jǐn)?shù)倪壿嫴讲酵茖?dǎo)而來(lái),例如先梳理用戶畫(huà)像、才能進(jìn)行用戶行為痛點(diǎn)的分析、進(jìn)而推導(dǎo)解決方案;另一種邏輯結(jié)構(gòu)是進(jìn)行綜合歸納(A+B→C),即通過(guò)幾個(gè)不同的維度綜合推導(dǎo),例如經(jīng)典的五導(dǎo)家分析方法,結(jié)合用戶目標(biāo)以及業(yè)務(wù)目標(biāo)綜合推導(dǎo)出設(shè)計(jì)目標(biāo)。

undefined

在很多設(shè)計(jì)分析中,我們也會(huì)參考一些方法論,其實(shí)方法論提供的就是分析框架,在理解了這一步之后,相信也能更靈活的應(yīng)用。以下是根據(jù)我們?nèi)粘m?xiàng)目梳理的一些常用分析框架。

undefined

縱向深挖如何得到有價(jià)值的策略

有了分析框架后,接下來(lái)就可以進(jìn)入每個(gè)模塊的具體分析了,如果要得到有價(jià)值的策略,同樣有兩個(gè)小技巧。

首先,策略要足夠具體、有差異化,盡量避免提出過(guò)于籠統(tǒng)的結(jié)論。例如針對(duì)如何提升流量利用率比較泛的策略就是要進(jìn)行流量精細(xì)化運(yùn)營(yíng),這個(gè)大的方向沒(méi)有錯(cuò),但如果只到這一步是很難指導(dǎo)具體內(nèi)容落地的,所以需要細(xì)化到流量的渠道有哪些、這些渠道有什么樣的特征、針對(duì)不同的渠道用戶可以用怎樣的內(nèi)容吸引他們,才能夠更準(zhǔn)確的判斷是否會(huì)存什么問(wèn)題。

其次,策略最好能夠關(guān)聯(lián)驗(yàn)證指標(biāo),可以參考UGD數(shù)據(jù)增長(zhǎng)思路,在推導(dǎo)策略時(shí)要能預(yù)判它能帶來(lái)哪些數(shù)據(jù)指標(biāo)的提升,以保證設(shè)計(jì)分析的結(jié)論是有理有據(jù)的。


文章來(lái)源:站酷    作者:大蔥設(shè)計(jì)


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式

資深UI設(shè)計(jì)者

導(dǎo)語(yǔ)

「增長(zhǎng)(Growth)」概念的火熱源自幾年前暢銷書(shū)《增長(zhǎng)黑客》,目前已經(jīng)成為互聯(lián)網(wǎng)公司的重要課題之一。

增長(zhǎng)設(shè)計(jì),顧名思義,即通過(guò)設(shè)計(jì)來(lái)促進(jìn)增長(zhǎng)。對(duì)于 C 類產(chǎn)品的增長(zhǎng),方法和渠道較為多樣,設(shè)計(jì)師能夠發(fā)揮的空間和價(jià)值也比較大,我們看到的增長(zhǎng)設(shè)計(jì)案例通常也都是以 2C 產(chǎn)品的為主。而 B 類產(chǎn)品的增長(zhǎng)設(shè)計(jì)則受限較多。即便如此,如果 B 類產(chǎn)品的設(shè)計(jì)師能抓住機(jī)會(huì)、拓寬思路、不斷嘗試,也能夠創(chuàng)造出獨(dú)特的增長(zhǎng)價(jià)值。

本文以增長(zhǎng)漏斗 RARRA 模型為線索,按 Retention(留存)、Activation(激活)、Referral(傳播)、Revenue(變現(xiàn))、Acquisition(獲客)的順序,分享 B 類產(chǎn)品增長(zhǎng)設(shè)計(jì)的通用模式和行業(yè)案例??紤]到數(shù)據(jù)安全原因,部分具體數(shù)據(jù)暫不展示。

Retention:留存策略

1. 迭代:分析-優(yōu)化-測(cè)試

通過(guò)小成本、小范圍測(cè)試,找到撬動(dòng)的增長(zhǎng)點(diǎn)快速迭代、持續(xù)優(yōu)化,將效果提升到最高。整個(gè)測(cè)試流程:發(fā)現(xiàn)問(wèn)題一數(shù)據(jù)分析一產(chǎn)生假設(shè)一展開(kāi)測(cè)試一衡量結(jié)果,然后不斷循環(huán)。隨著產(chǎn)品的發(fā)展,必然會(huì)有新功能的加入和舊頁(yè)面的調(diào)整,為了防止貿(mào)然上線新版本而帶來(lái)不良影響,小范圍測(cè)試就是一個(gè)很好的方式。

行業(yè)案例:軟件開(kāi)發(fā)與辦公協(xié)作領(lǐng)域的頭牌公司 Atlassian 的設(shè)計(jì)師曾經(jīng)通過(guò)測(cè)試和優(yōu)化迭代循環(huán)的方式來(lái)找出合適的設(shè)計(jì)方案。下圖展示了他們測(cè)試新舊模態(tài)彈窗用戶辨識(shí)度的數(shù)據(jù),結(jié)果顯示,新版的圖文結(jié)合的方式反而容易讓用戶感到困惑。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

經(jīng)過(guò)測(cè)試結(jié)果分析,設(shè)計(jì)師們認(rèn)為可能是彈窗底部大塊的文字讓用戶難以快速抓住核心信息,因此他們對(duì)排版方式進(jìn)行了改進(jìn),將底部的一部分文字移動(dòng)到頂部,并進(jìn)行了新一輪的測(cè)試,結(jié)果顯示的版本效果最佳。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

2. 特定的細(xì)分客戶群

產(chǎn)品發(fā)展早期,很難迅速贏得廣泛的關(guān)注。因此眾多 B 類產(chǎn)品選擇首先專注于一個(gè)組織中的一個(gè)部門,將產(chǎn)品傳播給特定的人群,然后再逐步影響組織中的其他部門。具體可以采用以下步驟:

  • 為特定市場(chǎng)的早期用戶群提供研討會(huì)和線上線下會(huì)議;
  • 與目標(biāo)市場(chǎng)中的早期客戶討論產(chǎn)品解決了哪些具體問(wèn)題,并確保營(yíng)銷方案反映了這些痛點(diǎn)和解決方案;
  • 當(dāng)你開(kāi)始構(gòu)建新功能時(shí),在擴(kuò)展到其它細(xì)分市場(chǎng)之前,確保它們與你的目標(biāo)市場(chǎng)保持強(qiáng)相關(guān)。

行業(yè)案例:成立于 2002 年的 Atlassian 在發(fā)展早期,首先在開(kāi)發(fā)團(tuán)隊(duì)中扎根,然后以開(kāi)發(fā)團(tuán)隊(duì)為切入點(diǎn),逐步擴(kuò)展到企業(yè)組織中的其他團(tuán)隊(duì)。因?yàn)殚_(kāi)發(fā)團(tuán)隊(duì)喜歡使用 Jira(Atlassian 公司的項(xiàng)目協(xié)同管理工具)并且不想轉(zhuǎn)換,所以帶動(dòng)了其他團(tuán)隊(duì)也開(kāi)始使用 Atlassian 的系列產(chǎn)品。目前 Atlassian 在全球有超過(guò) 6w 家客戶。Salesforce 在銷售市場(chǎng)也做了同樣的事情。該公司的產(chǎn)品一開(kāi)始只是一個(gè)客戶關(guān)系管理(CRM)工具,并鎖定了銷售團(tuán)隊(duì)為目標(biāo)客戶。但而以此為據(jù)點(diǎn),現(xiàn)在他們正擴(kuò)展到企業(yè)業(yè)務(wù)的幾乎所有市場(chǎng)。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

3. 優(yōu)化產(chǎn)品性能

產(chǎn)品性能優(yōu)化應(yīng)該一開(kāi)始就納入考量范圍,建立良好的框架結(jié)構(gòu)。雖然因?yàn)榻陙?lái)移動(dòng)端設(shè)備和網(wǎng)絡(luò)環(huán)境的大幅度提升,流量少、內(nèi)存小、加載緩慢等因素對(duì)大部分用戶已經(jīng)不再是制約因素了,但是依舊要注意產(chǎn)品的交互性能。

行業(yè)案例:阿里巴巴研發(fā)效能業(yè)務(wù)的體驗(yàn)團(tuán)隊(duì)通過(guò)自主研發(fā)的數(shù)據(jù)工具,實(shí)時(shí)監(jiān)控各產(chǎn)品的性能,并通過(guò) 6 個(gè)維度評(píng)分的方式給出好、中、差三個(gè)等級(jí)的獎(jiǎng)牌增加業(yè)務(wù)方的體感,督促產(chǎn)品性能的優(yōu)化。例如其中內(nèi)部研發(fā)工具 Aone 的開(kāi)發(fā)人員參考該數(shù)據(jù),針對(duì)首頁(yè)等核心頁(yè)面的加載時(shí)長(zhǎng)問(wèn)題做了專項(xiàng)治理,取得了顯著效果,也將獎(jiǎng)牌等級(jí)提升了一級(jí)。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

Activation:激活策略

1. 讓用戶體驗(yàn)到驚喜時(shí)刻

驚喜時(shí)刻(Aha Moment)是指能夠讓用戶眼前一亮的產(chǎn)品核心功能點(diǎn)。 如果你能讓用戶體驗(yàn)到產(chǎn)品的驚喜時(shí)刻,那么這個(gè)用戶很有可能成為你產(chǎn)品的留存戶。驚喜時(shí)刻的公式:
(誰(shuí))在(多長(zhǎng)時(shí)間內(nèi))完成(多少次)(什么行為)

驚喜時(shí)刻能幫助我們了解哪些行為導(dǎo)致了用戶的留存,幫助團(tuán)隊(duì)找到清晰的聚焦點(diǎn)?!窤ha Moment」往往可以濃縮成某個(gè)「Magic Number(神奇數(shù)字)」。對(duì)于 Twitter 這個(gè)數(shù)字是 30,即關(guān)注了 30 個(gè)其他用戶的人更有可能留存下來(lái); Facebook 的是 10,如果一個(gè)新用戶在一周內(nèi)添加了 10 個(gè)及以上的好友,那么 ta 很可能在 Facebook 上長(zhǎng)期保持活躍。

行業(yè)案例:對(duì)于號(hào)稱「歷史上增長(zhǎng)最快的 SaaS 公司」 Slack 來(lái)說(shuō),這個(gè)驚喜時(shí)刻的「神奇數(shù)字」是 2000,即累計(jì)發(fā)送了 2000 條消息的客戶更有可能繼續(xù)使用并最終為服務(wù)付費(fèi),該公司是這樣解釋這個(gè)數(shù)字的:

如果一個(gè)團(tuán)隊(duì)在 Slack 上累計(jì)交流了 2000 條信息,這證明他們確實(shí)充分嘗試使用了 Slack——真的試過(guò)了。對(duì)于一個(gè)50人左右的團(tuán)隊(duì)來(lái)說(shuō),這意味著大約10小時(shí)的信息量。對(duì)于一個(gè)10人的團(tuán)隊(duì)來(lái)說(shuō),這可能相當(dāng)于一周的信息量。我們發(fā)現(xiàn),不管其它因素如何,在收發(fā)了 2000 條信息后,93% 的客戶至今仍在使用 Slack。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

2. 消除摩擦

用戶的欲望 – 摩擦 = 轉(zhuǎn)化

摩擦是指阻礙人們完成他們想要完成的行動(dòng)的障礙。摩擦無(wú)處不在,它可能是要你對(duì)一個(gè)剛開(kāi)始用的 APP 進(jìn)行打分的彈框、沒(méi)有反饋的操作、填寫(xiě)不必要的信息、漫長(zhǎng)的使用路徑等等。

行業(yè)案例:以簡(jiǎn)單易用著稱的項(xiàng)目管理工具 Basecamp 為新注冊(cè)的用戶提供了完整的項(xiàng)目樣例,包括虛擬的人員、公告板、to-do list、時(shí)間規(guī)劃表等等,一應(yīng)俱全、簡(jiǎn)單易懂,還有可愛(ài)卡通形象來(lái)隨時(shí)給與幫助,讓用戶放松心情、減少學(xué)習(xí)成本、順滑地從新手過(guò)渡到熟練用戶。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

行業(yè)案例 1:螞蟻集團(tuán)區(qū)塊鏈業(yè)務(wù)「螞蟻鏈」包含的產(chǎn)品雙鏈通,是幫助 B 類商家解決供應(yīng)鏈金融問(wèn)題的創(chuàng)新性平臺(tái)。對(duì)應(yīng)商家用戶來(lái)說(shuō),該業(yè)務(wù)邏輯的理解門檻較高;入駐程序也較為復(fù)雜,特別是電子版身份證的驗(yàn)證,提交之后需要經(jīng)過(guò)一段時(shí)間的等待,且通過(guò)率較低,客戶也經(jīng)常不知道為什么沒(méi)有通過(guò)。這些原因?qū)е掠脩粢淮渭せ盥瘦^低,往往需要嘗試多次。

針對(duì)這些問(wèn)題,設(shè)計(jì)師專門走訪了上海、成都等地的多家客戶進(jìn)行現(xiàn)場(chǎng)觀察,然后對(duì)入駐流程和相關(guān)頁(yè)面進(jìn)行了優(yōu)化。優(yōu)化后,用戶激活一次性整體成功率顯著提高;用戶產(chǎn)品認(rèn)知方面,選擇「非常清楚」的用戶比例翻倍,「不太清楚」和「不清楚」也明顯降低。

行業(yè)案例 2:阿里媽媽是隸屬于阿里巴巴集團(tuán)的大數(shù)據(jù)營(yíng)銷平臺(tái)。其營(yíng)銷推廣產(chǎn)品直通車是全國(guó)營(yíng)銷收入領(lǐng)先的業(yè)內(nèi)知名產(chǎn)品,但專業(yè)門檻非常高、推廣價(jià)格也高,專職的用戶需要 2~3 個(gè)月的時(shí)間才能完全掌握使用技巧,而對(duì)于精力和經(jīng)費(fèi)都有限的中小賣家來(lái)說(shuō),是否注冊(cè)加入已成為一個(gè)糾結(jié)的問(wèn)題。為了消除用戶顧慮、減少認(rèn)知成本帶來(lái)的摩擦、提升注冊(cè)率,設(shè)計(jì)團(tuán)隊(duì)將注冊(cè)界面進(jìn)行了優(yōu)化:通過(guò)可視化的方式向用戶直觀地展現(xiàn)直通車的推廣操作原理、核心推廣位,鼓勵(lì)商家點(diǎn)擊注冊(cè)。優(yōu)化后商家的月均注冊(cè)率顯著提升。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

3. A/B 測(cè)試尋找最優(yōu)方案

增長(zhǎng)的核心方法就是測(cè)試。測(cè)試可以免除設(shè)計(jì)師、產(chǎn)品經(jīng)理、老板的主觀看法和各持己見(jiàn)的爭(zhēng)論,通過(guò)數(shù)據(jù)的反饋判斷方案的效果。A/B則試,就是設(shè)計(jì)兩種不同的方案,且兩個(gè)方案之間只存在一個(gè)變量,以排除其它干擾元素。因?yàn)?A/B 則試只能存在一個(gè)變量,為了提率,我們可以同時(shí)進(jìn)行多組 A/B 測(cè)試。

行業(yè)案例:為了提升從商家服務(wù)市場(chǎng)頁(yè)面給營(yíng)銷推廣產(chǎn)品的引流的效果,阿里媽媽的設(shè)計(jì)師先設(shè)計(jì)了兩個(gè)版本的視覺(jué)方案同時(shí)上線,通過(guò)工具分流測(cè)試每個(gè)創(chuàng)意的點(diǎn)擊率、轉(zhuǎn)化率、跳出率,選出最優(yōu)方案后繼續(xù)通過(guò) A/B 測(cè)試迭代優(yōu)化,找出更好的創(chuàng)意方案。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

4. 運(yùn)營(yíng)活動(dòng)

利用人趨利的心理,運(yùn)營(yíng)活動(dòng)和各種促銷優(yōu)惠是吸引用戶屢試不爽的一個(gè)策略。 妥善運(yùn)用不僅能影響用戶的單次決策,還可以逐漸引導(dǎo)和改變用戶習(xí)慣。電商的各種造節(jié)(雙11、雙12、 618)就是通過(guò)運(yùn)營(yíng)活動(dòng)逐漸改變用戶的購(gòu)物習(xí)慣的典型案例。

常見(jiàn)的形式有滿減優(yōu)惠、滿贈(zèng)優(yōu)惠、現(xiàn)金補(bǔ)貼、紅包補(bǔ)貼、限時(shí)優(yōu)惠、返利等等,不要以為這些「小恩小惠」只對(duì) C 類用戶有吸引力,B 類客戶的老板們也很喜歡這種優(yōu)惠和補(bǔ)貼哦~ 在螞蟻鏈?zhǔn)袌?chǎng)部舉辦的行業(yè)會(huì)議上,現(xiàn)場(chǎng)抽獎(jiǎng)的獎(jiǎng)品是幾千到幾萬(wàn)元的「代金券」(客戶購(gòu)買螞蟻鏈服務(wù)時(shí)可抵扣),現(xiàn)場(chǎng)獲獎(jiǎng)的公司、銀行的領(lǐng)導(dǎo)們都很開(kāi)心。雙十一也不只是淘寶天貓這些 C 類消費(fèi)平臺(tái)的節(jié)日,阿里云這樣的 B 類技術(shù)平臺(tái)一樣有「五折」、「滿減」活動(dòng)。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

行業(yè)案例:阿里巴巴的云技術(shù)業(yè)務(wù)阿里云,去年雙 11 在云產(chǎn)品平臺(tái)上展開(kāi)了拼團(tuán)購(gòu)活動(dòng)。玩法是這樣的,用戶通過(guò)開(kāi)團(tuán)建立熟人拉新關(guān)系群,被邀請(qǐng)者通過(guò)購(gòu)買超低價(jià)折扣云產(chǎn)品獲取參團(tuán)資格,邀請(qǐng)者從中獲取現(xiàn)金獎(jiǎng)勵(lì)及補(bǔ)貼返現(xiàn),最終根據(jù)團(tuán)內(nèi)新用戶數(shù)排名瓜分百萬(wàn)現(xiàn)金。此次拼團(tuán)活動(dòng)的一個(gè)特征是門檻較高,參團(tuán)用戶需購(gòu)買 5 折云產(chǎn)品才可參團(tuán),這一限制將大量羊毛黨拒之門外。除了新用戶可享受的商品折扣外,額外增加了拉新后折上折返現(xiàn)、拉新現(xiàn)金紅包獎(jiǎng)勵(lì)以及拉新現(xiàn)金返利。零頭小利很難吸引 B 類云產(chǎn)品用戶群為之付出成本參與任務(wù),但綜合收益可以滿足用戶預(yù)期。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

5. 消息推送

消息推送是一種實(shí)時(shí)、精準(zhǔn)、有效的提醒方式,形式包括 APP 的消息 push、郵件、短信等。 它的主要功能是用來(lái)激活用戶,提升用戶活躍度和留存率。 消息推送的核心指標(biāo)主要為消息的到達(dá)率、點(diǎn)擊率、轉(zhuǎn)化率,可以通過(guò)測(cè)試和數(shù)據(jù)分析,建立起質(zhì)量評(píng)估體系。下圖為阿里云的推送郵件「您有一份創(chuàng)業(yè)助力金禮包待領(lǐng)取,免費(fèi)領(lǐng)??!」:

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

6. 游戲化機(jī)制

「游戲化」就是在非游戲情境中,使用游戲的設(shè)計(jì)思想和機(jī)制。游戲化的最終目標(biāo)不僅僅是為了讓用戶覺(jué)得好玩,它是一種橋梁和手段,用游戲元素和游戲式的設(shè)定創(chuàng)造出樂(lè)趣和粘性,從而驅(qū)動(dòng)和引導(dǎo)受眾,讓商業(yè)目的更容易、更快速的實(shí)現(xiàn)。常用的游戲化元素包括等級(jí)、點(diǎn)數(shù)、徽章、排行榜、虛擬形象、通關(guān)解鎖等等,如下圖釘釘?shù)木璨綌?shù)排行榜。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

行業(yè)案例:千牛作為淘系商家的一站式工作臺(tái),是雙十一商家移動(dòng)端的主陣地,提供了豐富的活動(dòng)報(bào)名、規(guī)則解讀、資訊直播等功能。但對(duì)于那些無(wú)法參加大促的中小賣家而言,這些功能無(wú)法吸引他們。針對(duì)這個(gè)問(wèn)題,去年雙十一,千牛首次嘗試了互動(dòng)玩法,并通過(guò)節(jié)日氛圍的營(yíng)造,向商家傳播快樂(lè)雙十一,提高非會(huì)場(chǎng)商家的參與感。在游戲的角色和內(nèi)容設(shè)計(jì)上,將多角色子賬號(hào)的創(chuàng)建和千牛品牌形象進(jìn)行融合,加強(qiáng)商家對(duì)千牛多角色帳號(hào)的學(xué)習(xí)和了解,提升品牌及形象的認(rèn)知度。此次互動(dòng)游戲有大量商家積極參與,人均互動(dòng)次數(shù)、互動(dòng)率、首次嘗試三項(xiàng)核心數(shù)據(jù),均達(dá)到了預(yù)期效果。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

7. 社區(qū)氛圍運(yùn)營(yíng)

營(yíng)造良好的社區(qū)氛圍有利于用戶之間建立良好友善的氛圍。產(chǎn)品早期的社區(qū)氛圍可以通過(guò)團(tuán)隊(duì)自身的運(yùn)營(yíng)來(lái)帶動(dòng)。

行業(yè)案例:語(yǔ)雀是螞蟻集團(tuán)內(nèi)部孵化出的在線文檔編輯與辦公協(xié)同工具,同時(shí)面向 B 類企業(yè)客戶和 C 類個(gè)人用戶。為了營(yíng)造知識(shí)傳播分享的學(xué)習(xí)氛圍,突破工具產(chǎn)品的定位局限,運(yùn)營(yíng)團(tuán)隊(duì)打造了「發(fā)現(xiàn)」板塊,主要面向互聯(lián)網(wǎng)行業(yè)的年輕從業(yè)者,并通過(guò)前端大牛的入駐吸引了很多同行業(yè)的用戶來(lái)編寫(xiě)技術(shù)文檔、分享技術(shù)文章。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

Referral:傳播策略

1. 廣告?zhèn)鞑?/span>

廣告包括線上和線下傳播,線下大至戶外廣告牌、地鐵廣告,小至易拉寶、傳單、雜志廣告等,線上形式就比較豐富,各種渠道的廣告投放、H5營(yíng)銷、新媒體營(yíng)銷等。線下廣告因?yàn)殡y以監(jiān)測(cè)影響效果和轉(zhuǎn)化率,現(xiàn)在多為線上線下聯(lián)動(dòng)。

行業(yè)案例 1:之前釘釘「開(kāi)工節(jié)」的線下廣告因?yàn)樯缧髿庀⑻珴庵囟柺軤?zhēng)議,雖然引起了上班族們的不滿,但話題熱度也相當(dāng)高。2020 年的廣告與新版表情包和疫情期間在線辦公/上學(xué)的場(chǎng)景結(jié)合,成功引起了大家的共鳴。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

行業(yè)案例 2:Slack 在發(fā)現(xiàn)網(wǎng)站關(guān)鍵頁(yè)面的流量增長(zhǎng)放緩之后,考慮到這意味著新用戶增長(zhǎng)動(dòng)力不足。面對(duì)這種狀況,Slack在展示廣告獲客方面進(jìn)行了新的嘗試,就是在投放渠道方面,在Google Display Network 的投放逐漸減少,同時(shí)增加在 Carbon Ads 上的投放。Google Display Network 是非常寬泛的流量平臺(tái),主要靠量取勝,并沒(méi)有特定的人群屬性。但 Carbon Ads 的受眾人群則全部是程序員和設(shè)計(jì)師。這說(shuō)明,除了原本典型的開(kāi)發(fā)者用戶,Slack 試圖吸引新的設(shè)計(jì)師用戶群體。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

2. 借勢(shì)營(yíng)銷

借勢(shì)營(yíng)銷通常是借助節(jié)日、事件等,為自己的產(chǎn)品助力,擴(kuò)大品牌曝光和品牌認(rèn)知。借勢(shì)營(yíng)銷的大佬杜蕾斯當(dāng)仁不讓,常常會(huì)引起大眾的討論和傳播。

行業(yè)案例:阿里巴巴「素材中心」是面向全集團(tuán)的素材采購(gòu)、分享平臺(tái),素材種類包含素材圖片、視頻、字體等。平臺(tái)上線初期,為了低成本地提升素材量、打開(kāi)知名度,項(xiàng)目組與集團(tuán)負(fù)責(zé)公益的社會(huì)責(zé)任部、攝影興趣派、負(fù)責(zé)版權(quán)的法務(wù)合作發(fā)起營(yíng)銷活動(dòng),號(hào)召集團(tuán)員工上傳自己的攝影作品作為免費(fèi)素材,每分享的作品被成功下載一次,平臺(tái)即為免費(fèi)午餐公益活動(dòng)捐一筆 0.1 元的款,分享者可以申報(bào)公益時(shí)。

因?yàn)楣疽幌蛑匾暪妫膭?lì)每個(gè)員工每年累計(jì)公益時(shí),且公司內(nèi)攝影愛(ài)好者的規(guī)模龐大,所以這次活動(dòng)得到了集團(tuán)公益團(tuán)隊(duì)的大力支持,不但為平臺(tái)帶來(lái)了幾千張?jiān)瓌?chuàng)免費(fèi)素材,更大大增加了平臺(tái)的知名度和用戶群(PV、UV 翻倍)。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

3. 社交裂變

社交裂變傳播,人人都是節(jié)點(diǎn),傳播的效果可以幾何式倍增。裂變是目前市場(chǎng)上最有效的推廣方法之一。裂變常見(jiàn)于微博、微信等社交平臺(tái),激發(fā)傳播,帶來(lái)水 波式的反饋效果。

行業(yè)案例 1:騰訊云的「十年筑夢(mèng),伴你同行」 H5 互動(dòng),回顧十年發(fā)展歷程,展現(xiàn)品牌實(shí)力,邀請(qǐng)用戶繼續(xù)使用,吸引用戶參與領(lǐng)取十周年禮包的活動(dòng)。內(nèi)容策劃和交互方式上,在標(biāo)題界面下滑屏幕,瀏覽十年歷程總結(jié),包括 2010 年技術(shù)沉淀,2013 年擁有姓名,2013 至 2017 拓展數(shù)據(jù)中心、云產(chǎn)品上線,2018 年深入行業(yè)發(fā)力技術(shù)升級(jí)、構(gòu)建基礎(chǔ)設(shè)施平臺(tái),2019 年在品牌合作等四個(gè)方面的「100萬(wàn)」成績(jī),2020 年科技向善,最后是總結(jié)語(yǔ)和邀請(qǐng)鏈接。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

行業(yè)案例 2:2019 年底,為面向 B 類客戶推廣螞蟻鏈,同時(shí)向普羅大眾科普區(qū)塊鏈的落地場(chǎng)景,負(fù)責(zé)螞蟻鏈業(yè)務(wù)的設(shè)計(jì)小組與市場(chǎng)部同事合作,結(jié)合市場(chǎng)部舉辦的「螞蟻區(qū)塊鏈金融開(kāi)放峰會(huì)」等行業(yè)活動(dòng)推出 H5 互動(dòng),通過(guò)線下會(huì)議和線上公眾號(hào)同時(shí)傳播,鼓勵(lì)大家通過(guò)微信、釘釘分享。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

4. 邀請(qǐng)拉新

因?yàn)榫€上流量紅利的枯竭、獲客成本越來(lái)越高,邀請(qǐng)拉新因其低成本、率的特點(diǎn),已經(jīng)成為各大產(chǎn)品常用的拉新工具。對(duì)被邀請(qǐng)的新用戶和邀請(qǐng)的老用戶,活動(dòng)通常對(duì)雙方都提供獎(jiǎng)勵(lì)。設(shè)計(jì)上要注意淡化廣告的特質(zhì),營(yíng)造分享優(yōu)惠、提供幫助的感覺(jué)。邀請(qǐng)拉新最經(jīng)典的案例,就是 Dropbox 的拉人漲空間的活動(dòng),據(jù)說(shuō)當(dāng)年讓這個(gè)網(wǎng)盤產(chǎn)品在短短 15 個(gè)月內(nèi),增長(zhǎng)了 3900% 的注冊(cè)用戶。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

這種拉新方式已經(jīng)成為 C 端產(chǎn)品中的常見(jiàn)套路,在 B 類業(yè)務(wù)中比較少見(jiàn),但對(duì)于形成社群的中小企業(yè)和微型企業(yè)的企業(yè)主來(lái)說(shuō),也可以嘗試使用。

Revenue:變現(xiàn)策略

1. 收費(fèi)模式

基礎(chǔ)功能免費(fèi),增值功能付費(fèi):通過(guò)免費(fèi)服務(wù)吸引客戶,再通過(guò)提供增值服務(wù),將一部分免費(fèi)客戶轉(zhuǎn)化為付費(fèi)客戶。

行業(yè)案例:Teambition 雖然允許企業(yè)用戶免費(fèi)使用,但限制項(xiàng)目人數(shù)和項(xiàng)目數(shù)量(具體限制信息在官網(wǎng)上都無(wú)法直接找到),只要團(tuán)隊(duì)達(dá)到一定規(guī)模就必須轉(zhuǎn)換為付費(fèi),而且是按每人每年的收費(fèi)模式。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

免費(fèi)試用/限時(shí)優(yōu)惠:免費(fèi)試用通過(guò)「免費(fèi)試用 30 天」、「限時(shí)免費(fèi)公測(cè)」等方式吸引客戶開(kāi)始嘗試使用,到期后如果已經(jīng)產(chǎn)生粘性則有轉(zhuǎn)化成付費(fèi)客戶的可能。限時(shí)優(yōu)惠包括「首單優(yōu)惠」、「首年優(yōu)惠」等等。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

行業(yè)案例:語(yǔ)雀商業(yè)化的第一年時(shí),對(duì)企業(yè)和個(gè)人客戶均采用首年優(yōu)惠(企業(yè)空間正常價(jià)格 5999 元/年,優(yōu)惠價(jià) 2999 元/年;個(gè)人空間正常 99 元/年,優(yōu)惠價(jià) 69 元/年);第二年則對(duì)企業(yè)客戶采用首單優(yōu)惠方式,而個(gè)人客戶不再有首年優(yōu)惠。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

專注服務(wù)付費(fèi)客戶:免費(fèi)模式的基礎(chǔ)是海量用戶來(lái)分?jǐn)傔呺H成本。這樣即使轉(zhuǎn)化率很低,在龐大總量的基礎(chǔ)上也能得到不錯(cuò)的付費(fèi)用戶數(shù);但是如果產(chǎn)品本身體量很小,免費(fèi)用戶帶來(lái)的運(yùn)營(yíng)成本就會(huì)讓企業(yè)難以負(fù)荷。

行業(yè)案例:Bidsketch(網(wǎng)站提案模板平臺(tái))發(fā)現(xiàn)隨著免費(fèi)用戶量的攀升,付費(fèi)用戶比例縮 減到 1%,為了刺激用戶付費(fèi),團(tuán)隊(duì)進(jìn)行了一系列嘗試:各種付費(fèi)的優(yōu)惠活動(dòng)、15 天付費(fèi)功能體驗(yàn)、消息推送等等,但是收效甚微…… 于是他們做了一個(gè)測(cè)試,從頁(yè)面上刪除了免費(fèi)的選項(xiàng),結(jié)果一周后,付費(fèi)轉(zhuǎn)化率提升了 8 倍。因此他們?nèi)∠嗣赓M(fèi)賬戶的選項(xiàng),專心向付費(fèi)用戶提供服務(wù)。目前 Bidsketc 的策略是:免費(fèi)試用 14 天,然后就需要轉(zhuǎn)為付費(fèi)用戶,付費(fèi)有 solo\team\business 三種收費(fèi)標(biāo)準(zhǔn)。

2. 用戶細(xì)分

就像留存階段那樣,將用戶分為群組,此時(shí)要重點(diǎn)關(guān)注每個(gè)群組帶來(lái)的收益,可以根據(jù)用戶的消費(fèi)額、年齡性別地點(diǎn)、獲客渠道、購(gòu)買次數(shù)等等對(duì)用戶分組。

行業(yè)案例:語(yǔ)雀作為從 2019 年起剛剛開(kāi)始嘗試商業(yè)化的辦公類工具產(chǎn)品,用戶增長(zhǎng)是核心目標(biāo)之一??紤]到阿里巴巴的電商基因,在商業(yè)化初期,語(yǔ)雀針對(duì)電商企業(yè)用戶群進(jìn)行針對(duì)性的增長(zhǎng)實(shí)踐。設(shè)計(jì)師通過(guò)用戶調(diào)研和客戶走訪,首先驗(yàn)證了這個(gè)群體對(duì)于文檔工具和知識(shí)庫(kù)產(chǎn)品的需求;然后針對(duì)定量、定性調(diào)研結(jié)果,定制專門針對(duì)電商企業(yè)的文檔模板、知識(shí)庫(kù)模板、空間模板;接著設(shè)計(jì)了面向商家用戶的落地頁(yè),并通過(guò)商家后臺(tái)進(jìn)行引流。最終效果顯著,電商模板一度成為用戶使用率最高的模板之一。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

Acquisition:獲客策略

1. 優(yōu)秀的官網(wǎng)和落地頁(yè)

我們不能強(qiáng)調(diào)各種各樣特殊策略的過(guò)程中,忽略最「?jìng)鹘y(tǒng)」、但往往也是最關(guān)鍵的官網(wǎng)、落地頁(yè)本身的設(shè)計(jì)。優(yōu)秀的官網(wǎng)和落地頁(yè)要能快速而準(zhǔn)確地向目標(biāo)用戶傳達(dá)出產(chǎn)品的核心價(jià)值,并吸引他們馬上開(kāi)始注冊(cè)和使用。

行業(yè)案例:設(shè)計(jì)平臺(tái) Canva 為用戶提供了創(chuàng)建社交媒體圖形、演示文稿、海報(bào)、文檔等各種設(shè)計(jì)模板和工具,該公司的愿景是「無(wú)摩擦地幫助每個(gè)人創(chuàng)造出美麗的設(shè)計(jì)」,目標(biāo)用戶是「渴望用更好的方法來(lái)創(chuàng)造美麗的設(shè)計(jì)的人」。基于這樣的愿景,它的官網(wǎng)和落地頁(yè)為這些目標(biāo)人群充分展示出了他們需要的東西。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

Canva 的主頁(yè)風(fēng)格非常簡(jiǎn)潔,直觀的展現(xiàn)了產(chǎn)品的信息,并沒(méi)有過(guò)多的解釋產(chǎn)品,而是引導(dǎo)用戶快速注冊(cè)和使用。為了鼓勵(lì)產(chǎn)品的使用,在注冊(cè)登錄的入口下面展示了一系列最常用的設(shè)計(jì)模板類型:

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

頁(yè)面上提供的關(guān)于產(chǎn)品的信息不多,只有「世界上最容易使用的設(shè)計(jì)工具」、「1000萬(wàn)人在Canva上設(shè)計(jì)」和「設(shè)計(jì)任何東西,在任何地方發(fā)布」這樣有很強(qiáng)說(shuō)服力的宣傳語(yǔ)。如果想進(jìn)一步了解產(chǎn)品,最好的方式是立即注冊(cè)或登錄,直接感受產(chǎn)品本身的魅力,也可以比較免費(fèi)版、企業(yè)版、商用版的異同。

2. 篩選優(yōu)質(zhì)種子用戶

這個(gè)步驟通常是在產(chǎn)品的冷啟動(dòng)階段,也就是從0開(kāi)始導(dǎo)入第一批用戶和制造內(nèi)容的過(guò)程。早期種子用戶的質(zhì)量會(huì)決定產(chǎn)品初期的氛圍和走向,影響產(chǎn)品的發(fā)展和運(yùn)營(yíng)策略。篩選種子用戶的前提是要確保產(chǎn)品達(dá)到 PMF 狀態(tài),也就是產(chǎn)品和市場(chǎng)匹配狀態(tài)(Product/market fit)。

行業(yè)案例:strikingly(一款快速制作網(wǎng)站的在線工具)在上線之初,并沒(méi)有大范圍展開(kāi)推廣,而是專注于找到 100 個(gè)“超級(jí)粉絲”。為此 stikingly 尋訪了公司周圍所有的學(xué)校社團(tuán)和創(chuàng)業(yè)公司,邀請(qǐng)他們使用自己的產(chǎn)品。創(chuàng)始人 David Chen 在 facebook上添加了 2000 多名用戶,每天和他們聊天,聽(tīng)取他們的反饋,有時(shí)候還會(huì)邀請(qǐng)用戶出來(lái)喝茶聊天。這些種子用戶不但在產(chǎn)品初期貢獻(xiàn)了很多寶貴意見(jiàn),還主動(dòng)把產(chǎn)品推薦給其他人,甚至解答新用戶的提問(wèn)和困擾。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

3. 外接資源引流

外接資源引流就是利用其它產(chǎn)品或平臺(tái)為自己的產(chǎn)品進(jìn)行用戶導(dǎo)流。C 端產(chǎn)品通常利用擁有大量用戶的社交平臺(tái),通過(guò)引流促進(jìn)用戶的快速增長(zhǎng),比如拼多多利用微信的社交關(guān)系,通過(guò)親朋好友低價(jià)拼團(tuán)快速吸引了大量的早期用戶。而 B 類產(chǎn)品的引流通常是同領(lǐng)域、或使用場(chǎng)景相關(guān)聯(lián)的產(chǎn)品進(jìn)行互通,擁有同類用戶群的產(chǎn)品之間的彼此導(dǎo)流。

行業(yè)案例:文檔工具騰訊文檔與項(xiàng)目管理工具 Tower 彼此打通,即為彼此的用戶帶來(lái)使用上的方便,又可以增加產(chǎn)品曝光度、相互引流。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

4. 舉辦比賽

舉辦與產(chǎn)品相關(guān)的比賽或征集活動(dòng),參賽者需要上傳作品來(lái)獲得評(píng)比的機(jī)會(huì)。這樣不僅提高知名度、帶來(lái)新用戶,還能激勵(lì)用戶去了解產(chǎn)品、使用相關(guān)功能,提高激活和留存量。需要注意幾點(diǎn):

  • 參賽門檻高低要根據(jù)目標(biāo)受眾合理設(shè)置,比賽流程體驗(yàn)要順暢;
  • 評(píng)審機(jī)制透明、具有一定權(quán)威性,獎(jiǎng)品需要有足夠吸引力來(lái)吸引參賽者;
  • 比賽本身也是一種營(yíng)銷活動(dòng),要通過(guò)有效的渠道觸達(dá)目標(biāo)受眾。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

行業(yè)案例:螞蟻金融科技于 2019 年舉辦了「鏈創(chuàng)·未來(lái)」螞蟻區(qū)塊鏈創(chuàng)新大賽,一方面可以挖掘和助力區(qū)塊鏈創(chuàng)業(yè)公司和團(tuán)隊(duì),一方面可以推廣螞蟻鏈的 BaaS(Blockchain as a Service)產(chǎn)品。為期 9 個(gè)月的比賽累計(jì)收到 400 個(gè)報(bào)名參賽項(xiàng)目,參與人數(shù)近萬(wàn);答疑群入群人數(shù)達(dá)到 2500 人,全國(guó) 60 多家媒體投放,媒體閱讀量超 20 萬(wàn)+,同時(shí)舉辦了近十場(chǎng)線上培訓(xùn)以及多場(chǎng)線下活動(dòng),取得了一定推廣宣傳效果。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

5. 搜索引擎和應(yīng)用商店優(yōu)化

網(wǎng)站利用搜索引擎的排序規(guī)則,采用 SEO(關(guān)鍵詞優(yōu)化、頁(yè)面結(jié)構(gòu)、文章標(biāo)題、 內(nèi)容長(zhǎng)度、外鏈等等)和 SEM(競(jìng)價(jià)排名)的方法,影響搜索權(quán)重,提升網(wǎng)站曝光。 但是移動(dòng)時(shí)代信息更加分散,相比其他獲客方式,搜索引擎優(yōu)化對(duì)于APP的獲客轉(zhuǎn)化效果不夠直接有效了。

應(yīng)用商店優(yōu)化即 ASO,主要有 iOS 的 App Store 和安卓的應(yīng)用寶、各大手機(jī)商的應(yīng)用商店等,主要為應(yīng)用標(biāo)題、關(guān)鍵詞、產(chǎn)品描述、縮略圖和評(píng)論優(yōu)化。

行業(yè)案例:Ant Deign 是螞蟻體驗(yàn)技術(shù)部推出的開(kāi)源設(shè)計(jì)體系,在業(yè)內(nèi)有較高的影響力。為了推廣 Ant Deign 的 Sketch 插件 Kitchen,設(shè)計(jì)團(tuán)隊(duì)的相關(guān)負(fù)責(zé)人通過(guò)搜索優(yōu)化,使得搜索「Kitchen」、「Kitchen Sketch」等關(guān)鍵詞的整體排名明顯提升,通過(guò)百度、Google 搜索引擎渠道的訪問(wèn)量提升 40% 以上。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

6. 地推

除了線上的宣傳渠道之外,也會(huì)有線下的地面推廣,常見(jiàn)的有發(fā)宣傳單、路演、設(shè)置攤位做拉新活動(dòng)等。地推要注意的是要根據(jù)產(chǎn)品定位,選擇匹配的區(qū)域和用戶人群。

行業(yè)案例:雖然不是設(shè)計(jì)師出身,但創(chuàng)業(yè)公司 Teambition 的 90 后帥哥老板齊俊元對(duì)于體驗(yàn)設(shè)計(jì)有著自己獨(dú)到的見(jiàn)解和經(jīng)驗(yàn),他常年活躍在設(shè)計(jì)大會(huì) IxDC中,會(huì)議期間除了演講分享,還可以看到該公司的展臺(tái)、宣傳品。

近萬(wàn)字干貨!B端產(chǎn)品增長(zhǎng)設(shè)計(jì)通用模式(附超多案例)

結(jié)語(yǔ)

以上就是筆者收集的 B 類業(yè)務(wù)增長(zhǎng)設(shè)計(jì)的方法和策略、行業(yè)典型案例,以及自己實(shí)踐和見(jiàn)證的項(xiàng)目。歡迎交流切磋,更希望聽(tīng)聽(tīng)你的故事~~

B 類業(yè)務(wù)的增長(zhǎng)設(shè)計(jì)實(shí)踐,機(jī)會(huì)和挑戰(zhàn)相對(duì)有限,且設(shè)計(jì)工作往往和產(chǎn)品設(shè)計(jì)、市場(chǎng)營(yíng)銷、運(yùn)營(yíng)推廣工作交叉,需要設(shè)計(jì)師們擦亮眼睛、抓住機(jī)遇、敢于面對(duì)風(fēng)險(xiǎn)和質(zhì)疑、勇于挑戰(zhàn)。加油~~

文章來(lái)源:優(yōu)設(shè)    作者:木木葉


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔