前言
用戶激勵(lì)體系是促進(jìn)用戶增長和活躍的常用手段,無論是節(jié)假日的各類運(yùn)營活動,還是各種等級、積分體系,都稱作激勵(lì)體系。因此很多人會困惑:為什么有的產(chǎn)品有 “積分” 又有“金幣” ,好像重復(fù)了?其實(shí)不然,它們是兩套并行的激勵(lì)體系,各自發(fā)揮著重要作用。激勵(lì)體系復(fù)雜多樣,因此筆者基于最近的實(shí)踐經(jīng)驗(yàn)和理論積累,將論述常見的用戶激勵(lì)方式,以及針對好看視頻APP人群分層設(shè)計(jì)激勵(lì)體系的思路。
一、什么是用戶激勵(lì)體系
激勵(lì)體系是圍繞產(chǎn)品各個(gè)階段和路徑設(shè)計(jì)獎(jiǎng)勵(lì)機(jī)制,通過不斷的正反饋,驅(qū)使用戶持續(xù)參與其中來達(dá)到對應(yīng)的產(chǎn)品目標(biāo)。好的激勵(lì)體系是能夠像指揮棒一樣,激勵(lì)用戶沿著指定的方向成長,是激勵(lì)用戶增長與用戶召回,刺激用戶活躍度的有力武器。
有些文章從產(chǎn)品表現(xiàn)形式出發(fā)將用戶激勵(lì)劃分為等級體系、勛章體系、積分體系、會員體系等,但這樣劃分概念容易交叉重疊,大部分等級體系里經(jīng)常包含了積分,有些會員體系里還會嵌套勛章體系。因此,在分析各類產(chǎn)品和相關(guān)資料后,從激勵(lì)手段與用戶情感需求出發(fā),可以將用戶激勵(lì)體系分為平臺精神激勵(lì)、物質(zhì)利益激勵(lì)、社交情感激勵(lì)三種。
1)平臺精神激勵(lì):是指平臺賦予的特殊等級、榮譽(yù)、勛章等,也會有積分或進(jìn)度進(jìn)行量化,最突出的特點(diǎn)就是用戶的等級是通過用戶自己努力獲得的,無法通過直接購買行為得到,因此賦予的高等級具有精神層面的價(jià)值,才會被其他用戶認(rèn)可。
2)物質(zhì)利益激勵(lì):是指用戶可以獲得獎(jiǎng)勵(lì)從而進(jìn)行消費(fèi)的一套虛擬貨幣體系,從利益的角度對用戶進(jìn)行的激勵(lì)。消費(fèi)可以是在平臺兌換物品、權(quán)益,也可以是指兌換為現(xiàn)金。物質(zhì)利益激勵(lì),有時(shí)也會與平臺的精神激勵(lì)體系相結(jié)合,作為輔助精神激勵(lì)的配套玩法。
3)社交情感激勵(lì):社交體系是通過用戶之間的互動行為搭建起來的,貫穿產(chǎn)品特色始終。也是最具有用戶粘性的互相激勵(lì)方式,配合平臺賦予的身份精神激勵(lì)有很好的效果,也是平臺身份化的一種。如將用戶獲得粉絲數(shù),點(diǎn)贊數(shù)視覺強(qiáng)化呈現(xiàn),就能讓用戶獲得巨大的成就感,具有非常強(qiáng)的精神肯定作用,從而促使用戶生產(chǎn)更多的優(yōu)質(zhì)內(nèi)容,良性循環(huán)。
以上三種激勵(lì)方式,設(shè)計(jì)師將激勵(lì)更加可視化,可互動化、并在恰當(dāng)?shù)膱鼍芭c時(shí)機(jī)配合產(chǎn)品功能帶給用戶更多的情感價(jià)值,進(jìn)而完成產(chǎn)品目標(biāo)。
二、激勵(lì)體系的適用階段及發(fā)揮作用
以上是用戶視角下的激勵(lì)體系,下面講講產(chǎn)品業(yè)務(wù)下的激勵(lì)體系的作用,通常情況下激勵(lì)體系伴隨著用戶增長的全流程“獲取—激活—留存—推薦—變現(xiàn)”各個(gè)過程。用戶增長代表著增長“用戶數(shù)量”與“用戶質(zhì)量”,以上三類激勵(lì)方式都會在產(chǎn)品增長的各流程中承擔(dān)著不同程度的促進(jìn)作用:
1)獲取階段:在獲取新用戶階段會采用各種物質(zhì)激勵(lì)進(jìn)行廣告投放、以網(wǎng)賺模式吸引用戶來使用。
2)激活階段:激活階段主要是促使用戶使用某些功能,激發(fā)用戶需求并使得用戶留在產(chǎn)品持續(xù)使用,例如激勵(lì)系統(tǒng)中的任務(wù)系統(tǒng)設(shè)置針對新用戶的功能使用任務(wù),引導(dǎo)用戶試用某些功能。
3)留存階段:激活與留存通常為連貫的任務(wù)行為,往往采用以平臺精神激勵(lì)、社交情感激勵(lì)結(jié)合的方式激勵(lì),針對不同行為特征的用戶會設(shè)置差異化手段激勵(lì)。例如一些長期的打卡簽到類、養(yǎng)成類的任務(wù)活動屬于培養(yǎng)用戶習(xí)慣的激勵(lì)方式。
4)推薦階段:健康的產(chǎn)品推薦依賴用戶口口相傳,此時(shí)激勵(lì)系統(tǒng)主要用來激發(fā)用戶分享推薦。各種分享裂變活動,賦予用戶更多推薦獎(jiǎng)勵(lì),例如:老帶新的師徒活動、邀請有獎(jiǎng)等。
5)變現(xiàn)階段:這個(gè)階段往往會使用物質(zhì)激勵(lì)激發(fā)用戶快速完成指定的產(chǎn)品變現(xiàn)目標(biāo),例如設(shè)置購買商品等任務(wù)。
因此伴隨著產(chǎn)品各階段產(chǎn)品發(fā)展目標(biāo),采用不同的激勵(lì)方式能輔助產(chǎn)品快速達(dá)到目標(biāo)。
因?yàn)橛脩艏?lì)體系的最直接的作用是刺激用戶活躍度或引導(dǎo)用戶完成某些特定用戶行為,所以屬于調(diào)和劑而非產(chǎn)品核心定位,使用得當(dāng)才能回幫產(chǎn)品取得收益,尤其內(nèi)容產(chǎn)品,過度的激勵(lì)有時(shí)會帶來社區(qū)內(nèi)容水化、不恰當(dāng)?shù)慕疱X激勵(lì)也會使產(chǎn)品數(shù)據(jù)不健康。根據(jù)資料和實(shí)踐經(jīng)驗(yàn)總結(jié)而言,往往會在三種情況下使用較為恰當(dāng):
(1)用戶已經(jīng)有了一定的量級,但是整體的活躍情況未達(dá)到預(yù)期,需要通過激勵(lì)體系拉升活躍,在產(chǎn)品發(fā)展階段屬于成熟產(chǎn)品的強(qiáng)化引導(dǎo),對應(yīng)產(chǎn)品情況設(shè)計(jì)不同情況的激勵(lì)系統(tǒng)。
(2)激勵(lì)體系或者成長體系本身就是產(chǎn)品中必不可少的一部分,缺失了它之后產(chǎn)品就沒法順暢地跑下去,典型的例子如很多游戲產(chǎn)品,以升級為主線任務(wù)并獲得持續(xù)的成長,屬于平臺賦予的故事主線與精神激勵(lì)。
(3)本身的產(chǎn)品業(yè)務(wù)要求以及需要用戶完成某些特定的行為,但是發(fā)現(xiàn)用戶對于完成這個(gè)行為動機(jī)有限,需要通過激勵(lì)體系來刺激他們,例如典型的在線教育課程中的某些學(xué)習(xí)行為,以及運(yùn)動健身類需要長期養(yǎng)成習(xí)慣的產(chǎn)品,例如KEEP的勛章體系激勵(lì)用戶持續(xù)運(yùn)動的同時(shí),還激發(fā)了用戶分享炫耀欲望,既有精神激勵(lì)又有社交情感價(jià)值。
好看視頻目前產(chǎn)品現(xiàn)狀就屬于上述的第(1)、(3)兩種情況,在存量競爭時(shí)期,需要進(jìn)行重新打造適合我們用戶的激勵(lì)體系來刺激用戶活躍度。
三、重新打造符合好看人群特征的激勵(lì)體系
3.1 好看視頻的用戶人群與現(xiàn)階段背景
《中國互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》指出:截至2022年12月,短視頻用戶規(guī)模首次突破十億,隨著用戶消費(fèi)習(xí)慣養(yǎng)成,整個(gè)行業(yè)進(jìn)入成熟期。因此對短視頻平臺的發(fā)展預(yù)期也發(fā)生了改變,在短時(shí)間內(nèi)實(shí)現(xiàn)用戶體量的大幅度增長變得不再現(xiàn)實(shí),對用戶忠誠度的培育成為各平臺的長期經(jīng)營目標(biāo)。
好看視頻是百度旗下的短視頻平臺,在存量競爭時(shí)期,其忠實(shí)用戶為中年男性,且人群偏下沉,因此我們需要聚焦于這類人群的內(nèi)容消費(fèi)需求,培養(yǎng)這類用戶對平臺的忠誠度。設(shè)計(jì)師更要以用戶視角出發(fā),圍繞著這類群體進(jìn)行深耕,服務(wù)好這部分人群并挖掘更多的機(jī)會點(diǎn)。
3.2 尋找好看視頻激勵(lì)系統(tǒng)的設(shè)計(jì)發(fā)力點(diǎn)
從好看的現(xiàn)實(shí)情況來看,中年男性用戶對新事物不敏感,還沒建立起對單一平臺的忠誠度,更多時(shí)候被動完成短視頻內(nèi)容的消費(fèi),因此這是挑戰(zhàn)也是機(jī)遇,設(shè)計(jì)師需要結(jié)合用戶本身特征,使用不同激勵(lì)方式將提升用戶的對平臺的粘性,因此激勵(lì)體系應(yīng)該全方位多角度的考慮三種激勵(lì)方式的使用與建設(shè)。
(1)平臺精神激勵(lì):主要以等級體系出發(fā),能更好的強(qiáng)化現(xiàn)存忠實(shí)用戶的身份特征,樹立平臺特色下的忠實(shí)用戶的精神激勵(lì)與情感陪伴感知,激勵(lì)用戶自然而然的完成升級任務(wù)。
(2)物質(zhì)利益激勵(lì):等級體系的搭建形成了自然人群的劃分,對于低活人群、多年齡段能夠有針對性的進(jìn)行進(jìn)一步的個(gè)性化運(yùn)營,不同任務(wù)行為軌跡或活躍程度的人群個(gè)性化定制任務(wù)與現(xiàn)金激勵(lì),來達(dá)成對應(yīng)產(chǎn)品目標(biāo),讓其養(yǎng)成習(xí)慣,進(jìn)而持續(xù)使用好看視頻,轉(zhuǎn)化為忠誠用戶。
(3)社交情感激勵(lì):為了打造與創(chuàng)作者的良性互動關(guān)系,提升用戶長期留存,通過隨著等級升高會享有虛擬禮物,用來贈送給創(chuàng)作者,創(chuàng)作者可以將禮物兌換流量劵,形成用戶側(cè)互動激勵(lì)與創(chuàng)作者側(cè)的良性互動。
同時(shí),我們還通過對現(xiàn)行好看視頻進(jìn)行用戶訪談及核心路徑的專家走查,發(fā)現(xiàn)好看現(xiàn)存的等級體系存在著等級無概念、規(guī)則不明確、任務(wù)鏈路不清晰的問題。利用Fogg模型 :B=MAP,進(jìn)行系統(tǒng)盤點(diǎn)梳理,在這個(gè)模型下,?的?為由動機(jī),能?和觸發(fā)或提示這三要素組成,這三個(gè)同時(shí)都滿?時(shí)?為才會發(fā)?,才能更好的達(dá)成激勵(lì)目標(biāo)。因此逐一進(jìn)行分析,找到設(shè)計(jì)發(fā)力點(diǎn)。
“M”動機(jī)上:一方面打造平臺精神激勵(lì)與社交情感激勵(lì),重構(gòu)等級規(guī)則與權(quán)益的呈現(xiàn)形式,另一方面低活用戶與中活用戶設(shè)計(jì)強(qiáng)化物質(zhì)利益激勵(lì),激勵(lì)其轉(zhuǎn)化為高活用戶。
“A”能力上:一方面解決現(xiàn)存問題,明確任務(wù)路徑,簡化認(rèn)知成本,引導(dǎo)用戶完成等級任務(wù);另一方面強(qiáng)化簽到這一低成本的任務(wù),構(gòu)建情感化反饋,塑造驚喜感知。
“P”觸發(fā)上:整體增加用戶獲得感知,反復(fù)強(qiáng)化行為的正反饋,無論屬于哪種層級的用戶均能收到對應(yīng)目標(biāo)的精神鼓勵(lì)或物質(zhì)金錢的反饋感知,明確任務(wù)完成差距,促進(jìn)其持續(xù)留在好看,以下分別以此模型為基準(zhǔn)劃分進(jìn)行具體設(shè)計(jì)舉措的講述。
四、好看視頻用戶分層激勵(lì)體系設(shè)計(jì)
4.1 打造不同用戶的激勵(lì)動機(jī)
1)突出等級層級差異,強(qiáng)化平臺精神激勵(lì)
決定用戶動機(jī)主要有8個(gè)核心的驅(qū)動力:使命感、成就感、創(chuàng)造力、擁有感、社交性、稀缺感、好奇心、逃避心。因此利用用戶對于尊貴等級地位的追求進(jìn)行等級圖標(biāo)設(shè)計(jì),以LOGO形狀為基礎(chǔ)設(shè)計(jì)了等級圖形,使用辨識度和認(rèn)知成本較低的數(shù)字進(jìn)行等級彰顯,體現(xiàn)等級的遞進(jìn),同時(shí)采用不同顏色突出1至6等級的差異,高等級添加更明顯的金屬感,營造稀有性和高貴感,同時(shí)在社交場景如“互動區(qū)”、“個(gè)人中心”等,突出用戶身份。
整體等級框架由用戶身份等級展示、每日簽到、每日任務(wù)三個(gè)部分,以成就值為基數(shù)指標(biāo),通過完成每日簽到與每日任務(wù)積累成就值,達(dá)到一定的數(shù)值即可完成升級。
2)打造用戶創(chuàng)作者之間特色互動,構(gòu)建社交激勵(lì)
用戶等級體系主要包括三個(gè)方面:定義影響等級的行為、等級成長值計(jì)算、不同等級對應(yīng)的權(quán)益。除了上述的等級展示虛擬效果外,等級用戶的平臺權(quán)益是激勵(lì)用戶去完成升級的重要的動機(jī)。
因此在精神激勵(lì)的虛擬權(quán)益上,好看平臺希望能夠打造一款有記憶點(diǎn)的互動方式,一方面;用戶之間的主要互動場景是評論區(qū),因此權(quán)益之一是打造符合好看人群特征的互動表情,創(chuàng)造平臺特有的互動語言來加強(qiáng)用戶交流;另一方面好看的內(nèi)容創(chuàng)作者一般為多平臺創(chuàng)作者,需要讓創(chuàng)作者在好看平臺上感受到用戶差異,激發(fā)創(chuàng)作動力,因此也塑造了用戶等級下的另一個(gè)權(quán)益“鮮花禮物”。作者使用被打賞的鮮花可以進(jìn)行流量曝光的兌換,形成了一個(gè)用戶側(cè)互動激勵(lì)與創(chuàng)作者側(cè)的良性互動。
特權(quán)表情方面:我們通過評估5w條好看視頻評論數(shù)據(jù),選出高頻關(guān)鍵詞10條,同時(shí)投放到社群用戶中進(jìn)行投票選舉,宣出我們用戶最更偏愛的交流詞匯,最終選出6個(gè)表情包文案:支持、點(diǎn)贊、厲害了、說得好、學(xué)到了、好人一生平安。隨后開始根據(jù)這五條內(nèi)容進(jìn)行表情圖案創(chuàng)作,打造具有好看特色、正向有梗的視覺系統(tǒng)。好看用戶下沉且年齡較大,對醒目直白、突出重點(diǎn)、易讀易懂的設(shè)計(jì)更偏愛。因此圍繞文字繪制了一套簡單明確又具備詼諧感的表情包圖案,在用戶傳播上也能更易傳播,更能能打造好看品牌的互動記憶點(diǎn)。
鮮花禮物特權(quán)方面:當(dāng)用戶升級及完成任務(wù)的同時(shí)可領(lǐng)取該獎(jiǎng)勵(lì),我們采用用戶比較熟知的“授人鮮花,手有余香”的概念,等級越高可獲得更多鮮花,越能鼓勵(lì)作者,增進(jìn)了創(chuàng)作者與忠實(shí)粉絲之間的關(guān)系。免費(fèi)禮物是好看視頻的首創(chuàng),雙向促進(jìn)用戶與作者激勵(lì),后續(xù)其他平臺也進(jìn)行了功能跟進(jìn)。在作者的帶動下,當(dāng)用戶想給作者贈送鮮花時(shí)為了獲取更多的鮮花,也能導(dǎo)流到任務(wù)系統(tǒng)促進(jìn)等級任務(wù)的完成。
3)多元化激勵(lì)刺激轉(zhuǎn)化,突顯物質(zhì)激勵(lì)
為避免好看視頻的大齡用戶面對不同任務(wù)系統(tǒng)認(rèn)知混亂,同時(shí)也為了節(jié)約成本,我們希望整個(gè)平臺的激勵(lì)機(jī)制更為簡潔克制,因此與業(yè)務(wù)商議,使用原有的的等級系統(tǒng),分用戶群設(shè)計(jì)。平臺等級激勵(lì)作為基礎(chǔ),結(jié)合物質(zhì)激勵(lì),為不同類型的用戶配置不同的任務(wù)和活動模板。
高活躍度用戶已經(jīng)是好看的忠實(shí)用戶,連續(xù)一周每天都使用好看視頻并完成互動任務(wù)。因此,設(shè)計(jì)上僅提供純粹的等級晉升機(jī)制和通用任務(wù),自然地提高等級,通過連續(xù)不間斷的簽到可以逐步獲得越來越多的成就值獎(jiǎng)勵(lì)。
中度活躍度用戶雖然也屬于平臺的老用戶,但未達(dá)到每周每天使用的頻率。因此,設(shè)置連續(xù)7天簽到可以獲得話費(fèi)券的激勵(lì)機(jī)制以引導(dǎo)其使用頻率的提高。我們期望這類用戶連續(xù)7天簽到并獲取獎(jiǎng)勵(lì)后可以逐漸養(yǎng)成每天使用好看的習(xí)慣,轉(zhuǎn)化為忠誠用戶。
低活躍度用戶通常為流失用戶或新用戶。除了設(shè)計(jì)更為激進(jìn)的引導(dǎo)外,等級中提供了更加強(qiáng)化的限時(shí)福利活動激勵(lì)模塊,獲得門檻也相對較低。通過活動進(jìn)程的提高,轉(zhuǎn)化不同階段的用戶至更高階段。
因此,三種類型用戶看到的任務(wù)系統(tǒng)各不相同,在任務(wù)路徑或者提醒反饋上能更對應(yīng)目標(biāo)的進(jìn)行設(shè)計(jì)引導(dǎo)。后續(xù)整體上線后數(shù)據(jù)整體歸因來看,對于大盤數(shù)據(jù)有顯著的提升,這些物質(zhì)激勵(lì)直接帶動了中低活躍度用戶的登錄、留存,間接帶動了時(shí)長,同時(shí)進(jìn)入權(quán)益中心簽到行為也牽動了用戶完成互動任務(wù)。
4.2 完善任務(wù)鏈路,強(qiáng)化簽到任務(wù)
1)簡化認(rèn)知成本,引導(dǎo)用戶完成等級任務(wù)
除了上述等級權(quán)益外,等級任務(wù)設(shè)置也是用戶能順利理解等級提升概念的重要一環(huán),在等級體系任務(wù)方面,我們按照用戶路徑來設(shè)計(jì)引導(dǎo),引導(dǎo)其順利完成任務(wù)。
首先對任務(wù)列表排序方面由易到難,保證首屏任務(wù)用戶看起來更容易完成,同時(shí)任務(wù)支持云端控制,對不同用戶任務(wù)難易也可以支持配置,其次在任務(wù)鏈路方面,增加了對于較難任務(wù)的引導(dǎo)介紹,完成任務(wù)的路徑中增進(jìn)引導(dǎo),例如當(dāng)用戶輸入時(shí)輸入框增加默認(rèn)文案引導(dǎo):“發(fā)評論得成就值”,降低任務(wù)中斷;最后在發(fā)布成功后,反饋告知成就值增加數(shù)量,增加回流提示,方便回到等級任務(wù)頁面持續(xù)完成任務(wù)。
2)強(qiáng)化低成本任務(wù)“每日簽到”,突出平臺的陪伴感知
等級中的簽到是最易完成任務(wù)類型,部分老用戶始終堅(jiān)持簽到,甚至達(dá)到百日以上,表明簽到系統(tǒng)確實(shí)能促進(jìn)用戶留存。因此設(shè)計(jì)上強(qiáng)化了簽到按鈕與簽到后的反饋,并衍生出了新的簽到反饋——日簽卡。日簽卡以彌散清新的風(fēng)格進(jìn)行對應(yīng)設(shè)計(jì),配合常用的花卉、食材等圖案、文案分別對應(yīng)中年人愛看的人生感悟、養(yǎng)生常識、歷史上的今天,溫馨感十足,上線后還吸引了大量用戶分享保存日簽卡,極大的提升了簽到用戶的次日留存。
4.3 提升獲得感知,加強(qiáng)激勵(lì)觸達(dá)用戶
1)提升精神激勵(lì)的正反饋與榮譽(yù)感知
影響用戶等級的行為主要可分為:“主動行為”和“被動行為”。主動行為:指用戶主動付出的行為,可以是完善個(gè)人信息、發(fā)表評論等。被動行為:指的是其他人對其的認(rèn)可行為,如獲得點(diǎn)贊、回答問題被評選優(yōu)質(zhì)解答等。主動行為伴隨著完成任務(wù)之后的即時(shí)性完成提醒。被動行為設(shè)置在用戶冷啟動后的提醒。同時(shí)階段性成長也需要及時(shí)反饋給用戶,因此隨著在任務(wù)完成的階段性成長、將等級信息的變化、成就值變化及時(shí)觸達(dá)給用戶,同時(shí)也應(yīng)盡量減少在播放場景對用戶的打擾。
2)強(qiáng)化物質(zhì)激勵(lì)金錢感知
除了精神激勵(lì)外,針對于低活躍度與中活躍度用戶,進(jìn)行差異化的激勵(lì),用物質(zhì)金錢刺激用戶訪問或完成任務(wù)。
入口樣式:低活用戶使用了首頁懸浮球強(qiáng)引導(dǎo)進(jìn)入,同時(shí)中低活躍度的簽到入口也增加了紅包的樣式,吸用用戶快速點(diǎn)擊進(jìn)入簽到。
提醒方面:當(dāng)?shù)突钴S度用戶首次進(jìn)入到等級任務(wù)系統(tǒng)時(shí),我們設(shè)計(jì)了彈窗強(qiáng)化,幫助用戶快速理解獎(jiǎng)勵(lì)的獲取方式;當(dāng)用戶有過簽到行為時(shí),第二天進(jìn)入好看時(shí)會以站內(nèi)信通知的形式吸引用戶別忘記當(dāng)前連續(xù)簽到。
反饋方面:當(dāng)用戶獲得金錢獎(jiǎng)勵(lì)也會有強(qiáng)樣式彈窗提醒。
架構(gòu)架構(gòu),顧名思義就是框架結(jié)構(gòu),信息和內(nèi)容有主次、有分類、有前后邏輯。什么樣的框架結(jié)構(gòu)能夠滿足業(yè)務(wù)和用戶兩者的需求,那就是一種好的框架。
好像又是一句正確的廢話。
舉個(gè)例子,書店里的書,如果按照常規(guī)主次、分類和邏輯來規(guī)劃的話,那估計(jì)就賺不到什么錢,但如果我們調(diào)研過經(jīng)常來逛書店的用戶群體特征的話,我們就可以重新調(diào)整書籍的分類擺放區(qū)域以及設(shè)定一些特殊的展示,比如用戶對某個(gè)類別下的書很感興趣,但是這個(gè)類別是屬于一個(gè)很小的分支,按照常規(guī)分類那只能在角落里,這時(shí)候就要單獨(dú)拿出來進(jìn)行擺放,才能提高曝光。但如果用戶想要什么都單獨(dú)放出來,整個(gè)結(jié)構(gòu)又會雜亂無章,所以信息架構(gòu)設(shè)計(jì)是一門繁瑣的學(xué)問。
所以,信息架構(gòu)設(shè)計(jì)離不開用戶的心智。我們常聽到的是,信息結(jié)構(gòu)可以分為自上而下而下或者自下而上,那和用戶心智有什么關(guān)系呢?我也用一個(gè)很通俗易懂的舉例告訴大家。
自上而下的意思就是,我把分類的類目標(biāo)簽分好了,你只需要把內(nèi)容根據(jù)自己認(rèn)為的分類放進(jìn)去就好,比如我給你蔬菜、水果和肉類三個(gè)標(biāo)簽,然后把帶有西瓜、胡蘿卜、西紅柿、桃子、豬肉、魚肉、雞肉….這樣的標(biāo)簽卡片交給你,讓你根據(jù)我分好的3個(gè)類目進(jìn)行歸類,是不是很簡單。
反過來,自下而上的意思就是我把標(biāo)簽卡片給你,讓你自己來分類。那有同學(xué)說,那不是很簡單,我也會分為蔬菜、水果和肉類啊。所以心智在這里就體現(xiàn)出重要性了,每一類用戶群體的心智是不同的,我可以按照物體本身的類目來分,也可以按照物質(zhì)的功能作用來分,比如西紅柿和雞蛋可以組成一道菜,不同的食材做出不同的菜肴或者菜系,我還可以按照食材的新鮮度來分,顏色來分…..
數(shù)字產(chǎn)品的UX設(shè)計(jì)師要學(xué)的東西很多,如果讓各位根據(jù)規(guī)范做做UI視覺,你仔細(xì)研究一下那些大廠產(chǎn)品的設(shè)計(jì)規(guī)律和細(xì)節(jié),很快按葫蘆畫瓢自己就可以領(lǐng)悟出一些不錯(cuò)的技法。但唯獨(dú)研究用戶心智以及如何將用戶與產(chǎn)品做到更加高效和緊密的連接,光靠界面精致是遠(yuǎn)遠(yuǎn)不夠的。
說到信息架構(gòu),很多人覺得這個(gè)可能是產(chǎn)品工作者的范疇,但簡單琢磨一下,又覺得信息架構(gòu)和交互也是密不可分的,所以我們不要太糾結(jié)崗位帶來的界限,能力是沒有界限的,你只要有興趣和好奇心就挖的深入一點(diǎn)去學(xué),總不能說,哦信息架構(gòu)師產(chǎn)品的活我不需要碰我就不去了解了,寫原型交互說明是交互的活,我是產(chǎn)品我也不管了,大家都這樣把自己的一畝三分地劃分的很清楚,那將來你們團(tuán)隊(duì)就不會有一個(gè)人來統(tǒng)籌大局。
如果只是講一個(gè)大概念,大家肯定會覺得味同嚼蠟,所以不妨來跟著我一起思考一個(gè)案例。
產(chǎn)品的功能規(guī)劃是比較宏觀的,這個(gè)不容易講,那么我們可以聚焦到某一個(gè)功能點(diǎn),比如我們?nèi)绾卧O(shè)計(jì)一個(gè)舉報(bào)的功能。這時(shí)候讓你來設(shè)計(jì)這個(gè)功能的結(jié)構(gòu),你會怎樣思考。現(xiàn)在只有這樣一個(gè)“概念”,對于舉報(bào)的入口、頁面劃分、內(nèi)容布局都完全沒有頭緒,該怎么設(shè)計(jì)呢?
萬事開頭難,關(guān)于框架結(jié)構(gòu),總是會出現(xiàn)這幾種,比如樹狀結(jié)構(gòu)、線性結(jié)構(gòu)還有立體結(jié)構(gòu)以及自由結(jié)構(gòu),大家直接根據(jù)字面意思理解就可以了,那么像舉報(bào)這樣的功能,是屬于一種比較支線并且使用頻率較低的功能,同時(shí)是一個(gè)快速用完即走的場景,所以也就不會涉及到立體以及自由結(jié)構(gòu)。
在做功能設(shè)計(jì)前,務(wù)必要對業(yè)務(wù)背景有足夠的了解。比如舉報(bào)入口,就像我剛說的,舉報(bào)是一個(gè)低頻、即用即走的支線功能,入口弱化就可以了。那如果現(xiàn)在換成我整個(gè)應(yīng)用產(chǎn)品就是為了做舉報(bào)而存在的呢,app的名字就叫“12315”還有“國家反詐中心”,這時(shí)候入口還是和之前一樣嗎,那肯定不是。
所以在前期就要帶著這些問題去思考:
1.為什么要做舉報(bào)功能
2.舉報(bào)誰/什么
3.舉報(bào)流程中需要包含哪些信息內(nèi)容
4.用戶的舉報(bào)場景是怎樣的
1.為什么要做舉報(bào)功能
這個(gè)問題對于信息架構(gòu)的影響在于,我們期望找到做該功能的原因,以及該功能在整個(gè)結(jié)構(gòu)中的優(yōu)先級
2.舉報(bào)誰/什么
舉報(bào)對象的不同對整個(gè)功能結(jié)構(gòu)也會有很大的變化,比如看下方的幾個(gè)案例分別是:愛奇藝、公眾號、追書神器、抖音。舉報(bào)對象的不同意味著舉報(bào)類型的不同與多少,同時(shí)還意味著舉報(bào)場景的深入還是只是為了輔助篩選優(yōu)質(zhì)內(nèi)容,最后決定了我們做交互是應(yīng)該用什么框架來搭建這個(gè)流程。
比如公眾號的舉報(bào)類型就非常多,并且還有很豐富的二級舉報(bào)類型,那么它和愛奇藝就不同,愛奇藝的舉報(bào)單純是為了更加粗略的希望通過篩選來判斷內(nèi)容是否優(yōu)質(zhì),而公眾號對于文章的舉報(bào)會更加的嚴(yán)格和仔細(xì),因?yàn)閼土P力度對于作者來說也比較嚴(yán)重所以該流程需要對舉報(bào)人的舉報(bào)內(nèi)容和類型要求更高。
再說追書神器,那這個(gè)舉報(bào)就更加“簡單了”,小說在上線之前就會通過編輯審核,基本上很少會出現(xiàn)低質(zhì)量內(nèi)容,但也不能沒有,那就做一個(gè)更加方便快捷的舉報(bào)流程即可。
3/4.舉報(bào)流程要包含哪些信息內(nèi)容和場景
信息內(nèi)容取決于用戶需求以及業(yè)務(wù)需求,比如愛奇藝在舉報(bào)流程中會增加一個(gè)專門針對版權(quán)內(nèi)容的申請刪除以及恢復(fù)刪除的入口。還有像12315在舉報(bào)時(shí)需要實(shí)名填寫舉報(bào)人信息以及處理單位選擇等等。同時(shí),專門用來舉報(bào)的應(yīng)用還會有“舉報(bào)記錄”的查看,而其他應(yīng)用則并不會提供舉報(bào)記錄,這點(diǎn)很明顯吧。
所以基于前面這幾點(diǎn)的考慮,就可以把大致的框架劃分出來了:1.點(diǎn)擊舉報(bào) 2.選擇舉報(bào)類型 3.填寫舉報(bào)內(nèi)容 4.提交
這里劃分框架其實(shí)就是根據(jù)用戶的場景和行為來制定的,你看我寫的是點(diǎn)擊舉報(bào)而不是滑動舉報(bào),寫的是選擇舉報(bào)類型而不是點(diǎn)輸入舉報(bào)類型,同時(shí)有了點(diǎn)擊舉報(bào)才能去選擇類型,而不能一上來就選擇舉報(bào)類型或者將填寫舉報(bào)內(nèi)容和選擇類型換一個(gè)順序。
當(dāng)然這些節(jié)點(diǎn)并不意味著就是一張張界面,因?yàn)槟銜l(fā)現(xiàn)有的產(chǎn)品把2、3做在一起,而有的則是分開。一般如果類型多,需要填寫的內(nèi)容復(fù)雜那就分開做成兩步,反之則合并。
那么在這里流程也是屬于信息架構(gòu)設(shè)計(jì)環(huán)節(jié)中的一部分,所以想要定義整個(gè)產(chǎn)品的框架其實(shí)是十分復(fù)雜的,因?yàn)樾畔⒓軜?gòu)是需要跟著產(chǎn)品周期隨時(shí)調(diào)整的,很多人覺得自己信息架構(gòu)能力不行,其實(shí)并不是這樣的,你如果很抽象的想象一個(gè)從未接觸過的業(yè)務(wù),你肯定是想不出來的,就像造房子和車子一樣,沒有人能從一開始就知道產(chǎn)品的終極形態(tài),能解決當(dāng)下核心問題或需求的產(chǎn)品和功能遠(yuǎn)比在一開始就花大量時(shí)間去思考完整形態(tài)要重要的多。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。
下面是圖文教程:
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。
會員體系建設(shè)的價(jià)值在于以體系化機(jī)制培育用戶對產(chǎn)品的忠誠度,同時(shí)提供給高價(jià)值用戶更有價(jià)值的權(quán)益服務(wù)。百度APP DU會員體系搭建整合百度內(nèi)部資訊專欄、小說、文庫、網(wǎng)盤、咨詢、生活服務(wù)、裝扮、工具、小度學(xué)堂等多業(yè)務(wù)權(quán)益,多維度滿足用戶學(xué)習(xí)、生活服務(wù)、效率升級、個(gè)性表達(dá)、娛樂訴求深度,成為用戶留存的關(guān)鍵。
為了將百度體系下眾多跨業(yè)務(wù)權(quán)益整合為DU會員權(quán)益,搭建百度APP DU會員權(quán)益服務(wù)體系,設(shè)計(jì)從建立獨(dú)特、統(tǒng)一的品牌印記、搭建豐富高價(jià)值權(quán)益聚合新場域、對用戶轉(zhuǎn)化全鏈路精細(xì)設(shè)計(jì)3個(gè)方向開展。
一、通過獨(dú)特和統(tǒng)一的DU會員品牌設(shè)計(jì)語言建立品牌印記
1、DU會員LOGO圖形與百度體系其他業(yè)務(wù)會員差異化設(shè)計(jì),目標(biāo)建立明確清晰印象和認(rèn)知。
LOGO圖形采用皇冠+V結(jié)合100度傾斜角度設(shè)計(jì),與其他業(yè)務(wù)會員LOGO圖形差異化。LOGO以用戶為中心,百分百為用戶提供百度體系豐富優(yōu)質(zhì)的權(quán)益,提供尊享服務(wù)。
2、界面設(shè)計(jì)以簡潔清晰、年輕精致、豐富尊享的設(shè)計(jì)定位,從色、形、質(zhì)、構(gòu)、字多維度滲透年輕化設(shè)計(jì)語言,增強(qiáng)品牌識別性和記憶點(diǎn),凸顯會員尊享感,搭建全新視覺體驗(yàn)。
色:清透明快、年輕活潑
視覺降噪,以高飽和高明度黃金為主色,搭配白底輔助色,強(qiáng)對比、高明度形成鮮明清晰的視效層次,頭部背景采用鎏金漸變色,整體色彩搭配給用戶年輕、確定、活潑輕快的視覺感受。
形:溫潤親和、直觀清晰
ICON圖形采用肯定包容的面型,以提升權(quán)益辨識度、圖形更大、留白更多,幫助用戶更直觀更高效區(qū)分權(quán)益類型。ICON圖形疊加部分采用毛玻璃質(zhì)感,品質(zhì)細(xì)膩精致,ICON親和明確。
質(zhì):細(xì)膩吸睛、精致尊享
采用高光立體感材質(zhì)設(shè)計(jì),突出會員品質(zhì)感和吸引力,增強(qiáng)會員權(quán)益獲得感。
構(gòu):簡潔突出、清晰統(tǒng)一
卡片、圖片、按鈕超大圓角,年輕親和,內(nèi)容與卡片間距大留白,多模塊瀏覽舒適,提升頁面節(jié)奏感和呼吸感,白底與內(nèi)容形成鮮明層級關(guān)系,視覺降噪簡潔。
字:層次清晰、高辨識度
收斂字號減少層級、標(biāo)題、數(shù)字字體特殊處理展示,辨識度更高、氣質(zhì)更年輕。
二、整合百度高價(jià)值權(quán)益搭建豐富的權(quán)益聚合新場域
搭建聯(lián)合會員聚合、流暢播等高價(jià)值權(quán)益聚合場景,權(quán)益顯性化設(shè)計(jì)。采用3D元素設(shè)計(jì),增強(qiáng)會員權(quán)益獲得感,突出會員服務(wù)品質(zhì)感和吸引力。
1、聯(lián)合會員高價(jià)值場域視覺強(qiáng)化提吸引
會員中心聯(lián)合會員模塊、聯(lián)合會員聚合和權(quán)益詳情,封面運(yùn)用3D玻璃材質(zhì)設(shè)計(jì),強(qiáng)化聯(lián)合會員權(quán)益高品質(zhì)和吸引力。
2、會員熱門權(quán)益場域視覺品牌統(tǒng)一強(qiáng)感知
流暢播、視頻備份、裝扮(掛件、個(gè)人主頁背景、頭像、換膚)、小度特權(quán)等高價(jià)值權(quán)益,在觸點(diǎn)場景入口和開通面板中,DU會員品牌和3D元素設(shè)計(jì)顯性化,強(qiáng)化DU會員權(quán)益感知和吸引力,提轉(zhuǎn)化。
3、下沉用戶場域視覺顯性化設(shè)計(jì)
針對百度APP極速版下沉用戶,會員中心開通前打造省賺看享4大權(quán)益,視覺強(qiáng)化大標(biāo)題突出賺錢,省錢認(rèn)知,結(jié)合極速版任務(wù)系統(tǒng)和故事會,豐富權(quán)益和省錢感知顯性化設(shè)計(jì),提升會員轉(zhuǎn)化。
三、對用戶轉(zhuǎn)化全鏈路精細(xì)設(shè)計(jì)促轉(zhuǎn)化
設(shè)計(jì)驅(qū)動前瞻構(gòu)建會員開通前、中、后支付全鏈路系統(tǒng)打法,每個(gè)環(huán)節(jié)給用戶強(qiáng)感知、易操作、快核銷的操作體驗(yàn),強(qiáng)化會員開通和權(quán)益核銷引導(dǎo),提升會員續(xù)費(fèi)率,做好用戶激勵(lì)和轉(zhuǎn)化。
1、開通前認(rèn)知階段-強(qiáng)感知
增價(jià)值吸引,擴(kuò)入口規(guī)模,增動效強(qiáng)引導(dǎo)提吸引,權(quán)益整合大標(biāo)題突出賺錢、省錢認(rèn)知。
建規(guī)范-規(guī)模化拓入口
會員滲透場景持續(xù)擴(kuò)面,統(tǒng)一和規(guī)范DU會員導(dǎo)流控件等入口模塊視覺語言,開通導(dǎo)流條、會員標(biāo)簽、會員按鈕等會員元素在百度APP主端和極速版26場景規(guī)模化滲透,強(qiáng)化統(tǒng)一的DU會員認(rèn)知。
增動效-強(qiáng)引導(dǎo)提吸引
會員中心權(quán)益圖標(biāo)、開通會員按鈕、運(yùn)營圖增動效提吸引,權(quán)益整合大標(biāo)題突出賺錢、省錢認(rèn)知,權(quán)益區(qū)打通動態(tài)圖標(biāo)配置能力,圖標(biāo)動態(tài)化擴(kuò)容提升權(quán)益感知,周年和節(jié)日大促烘托活動氛圍,提升吸引力。
2、開通中行動階段-易操作
減步長強(qiáng)優(yōu)惠促決策,動效提優(yōu)惠感知和吸引力,優(yōu)惠抵扣任務(wù)新玩法,提升優(yōu)惠感知。
支付方式前置,減支付步長
減少用戶支付的阻礙,支付渠道前置購買面板中,根據(jù)用戶操作習(xí)慣智能排序顯示常用支付方式,縮短支付步長提升轉(zhuǎn)化率。
強(qiáng)化優(yōu)惠感知,提決策效率
通過突出優(yōu)惠信息和權(quán)益豐富,增強(qiáng)吸引力,讓用戶買得值。
1)支付面板凸顯連續(xù)包月套餐和續(xù)費(fèi)信息、外露買就送附贈優(yōu)惠信息,重要信息動效設(shè)計(jì)提吸引力。
2)支付面板增優(yōu)惠抵扣模塊,任務(wù)余額抵扣會員費(fèi)用,提升優(yōu)惠感知。
3)支付增挽留彈窗外露優(yōu)惠信息,動效提優(yōu)惠感知促會員轉(zhuǎn)化率。
3、開通后留存階段-快核銷
開通后差異設(shè)計(jì)引導(dǎo)不同階段用戶核銷,突出會員獲得感。
新開通用戶-引導(dǎo)提核銷
儀式感強(qiáng)動效引導(dǎo)熱門權(quán)益核銷,沉浸式動畫引導(dǎo)秒殺,給用戶會員超值感受,帶動會員券使用率提升。
沉默用戶 - 喚醒引導(dǎo)使用
從強(qiáng)到弱交叉推送,強(qiáng)動效強(qiáng)視效引導(dǎo)高頻權(quán)益,喚起使用核銷,弱打擾Push產(chǎn)品化設(shè)計(jì)引導(dǎo)權(quán)益核銷。
臨期/過期用戶-引導(dǎo)促續(xù)費(fèi)
通過用戶已使用專屬權(quán)益與優(yōu)惠福利到期,在個(gè)人中心、掛件商城、會員中心等場景以優(yōu)惠福利、專屬權(quán)益強(qiáng)化等多手段引導(dǎo)續(xù)費(fèi)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。
前言
如果你要設(shè)計(jì)以真實(shí)場景為主的banner或者主視覺,往往都會在各大網(wǎng)站圖庫里找半天,挑挑選選可能都找不到滿意的,或是容易和別人用到一樣的圖片。想要找到一張?zhí)貏e的又獨(dú)一無二的難上加難,而且自己也沒時(shí)間建模和拍攝
AI圖片的生成為這個(gè)痛點(diǎn)找到了更好的解決方案,這篇文章就是要和大家分享一下使用AI制作好用的圖庫素材照片,我將會按照真實(shí)工作場景搭配設(shè)計(jì)落地方案來和大家分享AI使用經(jīng)驗(yàn),讓你看了就學(xué)會,學(xué)會就馬上能用
用結(jié)構(gòu)化方式思考咒語
以下需求是我設(shè)計(jì)中要用到的素材,我希望可以有一張【穿西裝并且手提公文包的男士站在摩天大樓前】的寫實(shí)照片當(dāng)作首圖,首先先想一下我們需要的素材大概畫面的呈現(xiàn),思考的框架可以參考以下,以下內(nèi)容為了方便關(guān)鍵詞我會用中文,但是實(shí)際操作中Prompt都必須使用英語
通過結(jié)構(gòu)化思維來描述這樣就不會有遺漏,也更能使畫面完整,另外像我的英語并不是很好,就會把寫好的內(nèi)容通過Deep L或是chatgpt來進(jìn)行翻譯
關(guān)鍵詞的使用
prompt:A man in a suit with a briefcase ,standing in front of a skyscraper ,stock image style,the whole body of the figure is presented, —ar16:9
在輸入關(guān)鍵詞的時(shí)候,我通常會把重要的內(nèi)容放在前面,有時(shí)加在后面的關(guān)鍵詞不容易被機(jī)器人識別。個(gè)人的一點(diǎn)小經(jīng)驗(yàn),在描述的最后一定要加上需要的參數(shù),為了在后續(xù)的設(shè)計(jì)中更好適配尺寸需求,所以我選擇加上尺寸參數(shù)16:9,以下就是我通過關(guān)鍵詞生成的圖片
如果覺得結(jié)果都不滿意,可以重新用相同的Prompt再生成。AI好玩的地方就是它的隨機(jī)性,像是Promp就不建議非常詳細(xì),因?yàn)檫@樣反而會有意想不到的優(yōu)質(zhì)圖片產(chǎn)出
機(jī)器人生成以后就要開始挑選圖片了,如果對左上的結(jié)果比較滿意,就點(diǎn)擊v1,讓機(jī)器人針對這個(gè)圖片再去生成四張新的圖片,雖然左上效果不錯(cuò),但是手部有些奇怪,所以需要通過在該基礎(chǔ)上再次生成,來挑選沒有問題的圖片
這里說明一下U(upscaler)和V(variation)的區(qū)別,U就是選擇這張圖,然后會放大這張圖片畫質(zhì)更加清晰,V則是會針對你選擇的圖片再生成四張圖,與你選擇的圖片做輕微的調(diào)整。1-4的排序?yàn)椋?是左上,2是右上,3是左下,4是右下
重新生成的左上圖可以看到手部還是有問題,但是右上那張就還不錯(cuò),可以選擇這張來用或是再重新生成一遍
prompt:A man in a suit with a briefcase ,standing in front of a skyscraper ,stock image style,shot on 16mm, —ar16:9
這里我想要換一個(gè)畫面角度,所以選擇使用【shot on 16mm】,這種通常是電影、紀(jì)錄片、廣告拍攝使用的,所以使用這個(gè)關(guān)鍵字去生成圖片畫面會有一種電影感,角度上我覺得更好一點(diǎn)。
最后說一下,我是用的版本是V5,產(chǎn)出的1024??1024高解析圖片,但是我個(gè)人感覺還是不夠清晰,所以會搭配圖片放大工具來一起使用。我常用的圖片放大工具h(yuǎn)ttp://replicate.com/sczhou/codeformer,放大效果清晰度都非常好,而且處理速度也很快,重點(diǎn)是免費(fèi)!!!直接上傳圖片無需更改任何參數(shù),使用默認(rèn)預(yù)設(shè)清晰度絕對夠用,畫質(zhì)太高也沒有太大意義,反而會影響網(wǎng)站加載速
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。
平臺一致性的問題
按鈕的位置非常重要
為什么"確定"按鈕在右側(cè)效果更好
按鈕放置在角落還是放在一起?
結(jié)論
大家好,我是西瓜~
這次我們聊一個(gè)設(shè)計(jì)知識點(diǎn),這個(gè)知識點(diǎn)平日會被設(shè)計(jì)師忽視,因?yàn)樗^于默許,但我們應(yīng)該知道的是,很多默認(rèn)的東西也是有自身的知識結(jié)構(gòu)支撐,久而久之被人忽視了。
大家應(yīng)該都見到過彈窗、表單里的"確定"和"取消"按鈕吧,這兩個(gè)按鈕大家還記得會放在頁面中的哪個(gè)位置嗎?"確定"按鈕是完成任務(wù)的主要操作,而"取消"按鈕是輔助操作,它主要的作用是用于返回到起點(diǎn)屏幕而放棄任務(wù)。那么,根據(jù)它們的功能,最佳的按鈕順序是什么?"確定"按鈕應(yīng)該放在"取消"按鈕之前還是之后呢?
可能這時(shí)候很多設(shè)計(jì)師會按照習(xí)慣,選擇遵循一致性,采用一些常見的組件樣式進(jìn)行操作。雖然這看起來似乎是解決問題的方法,但實(shí)際上并非如此。這并沒有回答哪種位置對用戶更有效以及為什么,單純遵循已有組件并不足以讓設(shè)計(jì)師有更好的思維和主動思考的意識。
"一致性"是設(shè)計(jì)師中常用的一個(gè)詞。然而,這常常也被用作一個(gè)借口,讓設(shè)計(jì)師不深入思考用戶面臨的設(shè)計(jì)問題,如果一個(gè)設(shè)計(jì)師都不知道為什么一致性的規(guī)則存在,那么遵循這種設(shè)計(jì)慣例又有什么意義呢?
如果某種設(shè)計(jì)慣例對用戶來說是有害的,那么設(shè)計(jì)師是否應(yīng)該盲目遵循它,僅僅因?yàn)橐非笠恢滦裕矿w驗(yàn)極差的設(shè)計(jì)樣式和結(jié)果是否應(yīng)該因?yàn)樵O(shè)計(jì)師希望迎合大家都默認(rèn)的設(shè)計(jì)一致性而繼續(xù)存在?這其實(shí)本質(zhì)就是個(gè)問題...
現(xiàn)在網(wǎng)上有很多組建和參考,都被設(shè)計(jì)師天天借鑒和廣泛使用,因?yàn)樗鼈冞m用于用戶。但關(guān)鍵在于,設(shè)計(jì)師永遠(yuǎn)不應(yīng)該滿足于墨守成規(guī)的選擇設(shè)計(jì)的一致性,將其作為做設(shè)計(jì)的唯一理由,我們關(guān)鍵還是要理解為什么應(yīng)該以某種方式而不是其他方式來設(shè)計(jì)用戶界面。
這時(shí)候有的設(shè)計(jì)師可能會主張通過賦予操作按鈕更多的視覺重量和清晰明了的標(biāo)簽來突出界面中的操作按鈕,而不是僅關(guān)注按鈕的位置,雖然操作按鈕的視覺重量和標(biāo)簽是需要考慮的重要設(shè)計(jì)方面,但它們并不是唯一的方面。
真正一名有思想,會獨(dú)立思考的設(shè)計(jì)師會綜合考慮每個(gè)設(shè)計(jì)方面對用戶的影響,而不只是關(guān)注其中的一個(gè)方面,對于設(shè)計(jì)師來說,最難的是確定主要操作和次要操作的最佳放置方式。這就是我為什么關(guān)于"確定"/"取消"按鈕的位置進(jìn)行說明的原因。
當(dāng)我們在使用設(shè)計(jì)組建框架前進(jìn)行考慮時(shí),你可能會開始明白哪個(gè)位置會對用戶效果更好一些,我們可以通過分析設(shè)計(jì)對用戶的影響來解決這個(gè)問題。
有些設(shè)計(jì)師認(rèn)為,將主要操作放在左側(cè),在次要操作之前,對用戶來說更好,因?yàn)樗渣c(diǎn)擊所需時(shí)間更少,這看起來好像有點(diǎn)道理,但我們不能忽視一個(gè)問題,即在選擇要執(zhí)行的操作之前,用戶會查看所有選項(xiàng),這意味著大多數(shù)用戶不會在不查看旁邊的次要操作按鈕的情況下盲目地點(diǎn)擊主要操作按鈕。
他們將首先看到左側(cè)的主要操作,然后再看右側(cè)的次要操作,然后他們會將視線轉(zhuǎn)回主要操作按鈕進(jìn)行點(diǎn)擊。這里總共涉及到三個(gè)視覺注視點(diǎn),在多個(gè)方向上分散了用戶的注意力。
與將主要操作放在左側(cè)相比,將主要操作放在對話框的右側(cè),將次要操作放在左側(cè),用戶只需注視每個(gè)按鈕一次,并在主要操作按鈕上結(jié)束。這樣一來,視覺注視的數(shù)量就減少了,并且在一個(gè)方向上產(chǎn)生了更流暢的視覺流動。
用戶只關(guān)注每個(gè)按鈕一次,并最終停留在主要操作按鈕上,將主要操作放在左側(cè)可能會使用戶更容易點(diǎn)擊,但從用戶的心理過程和視覺注視速度來看,將主要操作放在對話框的右側(cè)實(shí)際上更快。
當(dāng)用戶點(diǎn)擊“取消”操作按鈕時(shí),他們期望的是產(chǎn)品不進(jìn)行任何操作,而是將他們返回到起始屏幕位置,因此,"取消"按鈕的功能類似于"返回"按鈕。
當(dāng)用戶點(diǎn)擊“確定”操作按鈕時(shí),他們期望產(chǎn)品進(jìn)行按鈕所表示的操作,并將他們帶到下一個(gè)屏幕。因此,"確定"按鈕的功能類似于"下一步"按鈕,將次要操作按鈕放在左側(cè),將主要操作按鈕放在右側(cè),可以與用戶期望的"后退"和"下一步"按鈕功能相匹配。
這類似于分頁按鈕的放置方式,將用戶帶到下一頁的按鈕位于右側(cè),將用戶帶回先前頁面的按鈕位于左側(cè)。這種按鈕位置的安排是有效的,因?yàn)樗c用戶從左到右的閱讀和導(dǎo)航方向相吻合,其中右側(cè)是前進(jìn)方向,左側(cè)是后退方向。
對話框中的"確定"和"取消"按鈕應(yīng)該遵循類似的交互模式,因?yàn)樗鼈兊墓δ茴愃朴诜猪摪粹o,另外這種左右方向模式也是用戶熟悉的。將主要操作放在右側(cè),將次要操作放在左側(cè),可以使對話框按鈕對用戶更易于理解和使用。
將按鈕放置在對話框的右下角更容易被用戶點(diǎn)擊,因?yàn)檫@符合【古騰堡圖表】。在古騰堡圖表中,右下角區(qū)域是終端區(qū)域,用戶在掃視后的最終目的地。
將按鈕放在終端區(qū)域可以使用戶在視覺掃描時(shí)看到他們最后需要執(zhí)行的主要操作,這不僅改善了視覺流動,還改善了任務(wù)流程。用戶在掃視過程中不會錯(cuò)過主要操作按鈕,當(dāng)他們經(jīng)過時(shí),他們的目光會停留在上面,從而可以立即點(diǎn)擊它。
掃視對話框并采取行動變得更快更容易,因?yàn)橛脩舻哪抗庾罱K會落在主要操作按鈕上。
我們需要考慮另一個(gè)問題,那就是我們應(yīng)該將按鈕放在角落還是放在一起,當(dāng)將主要操作和次要操作放在對話框的角落時(shí),這與左右導(dǎo)航方向相吻合,這是很好的映射。然而,由于"確定"和"取消"按鈕并不是導(dǎo)航按鈕,因此并不需要遵循方向映射,有時(shí)候這樣做可能帶來更多的弊端。
較大的視覺分離使得比較操作變得困難,并將一個(gè)操作與另一個(gè)操作隔離開來 如果產(chǎn)品頁面即將執(zhí)行用戶無法撤銷的關(guān)鍵操作,那么用戶可以看到"取消"按鈕和"確定"按鈕是很重要的。在這種情況下,"取消"按鈕的功能可能類似于"上一步"按鈕,但它更重要,因?yàn)樗洚?dāng)安全按鈕以防止任何更改。
將"取消"按鈕放置在最左下角的危險(xiǎn)在于,由于兩個(gè)按鈕之間的視覺分離較大,可能會導(dǎo)致用戶忽略它。將"取消"按鈕與"確定"按鈕放在一起可以讓用戶更輕松地在一次注視中查看和比較這兩個(gè)操作,以選擇最佳操作。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。
如果軟件操作速度提升了,那么在相同時(shí)間內(nèi),我們可以有更多時(shí)間和精力用于方案的思考,提升工作效率。這也是我們經(jīng)常看到很多B端產(chǎn)品,在系統(tǒng)做快捷鍵的原因之一。在日常軟件的使用中,我們要盡可能的多使用快捷鍵,減少鼠標(biāo)操作。舉個(gè)實(shí)例:
比如,“保存” 用鼠標(biāo)操作:點(diǎn)擊界面開始菜單 - 調(diào)出下拉菜單 - 找到“保存”按鈕再點(diǎn)擊,這一系列動作需要點(diǎn)擊 3 次鼠標(biāo),花費(fèi)3~4 秒。如果使用快捷鍵,光靠下意識的動作,就可以在 0.1 秒內(nèi)完成操作。
下面整理了一些常用的 Figma 快捷鍵使用技巧,幫助我們提升Figma的操作效率,更快更好的完成工作,節(jié)省時(shí)間,以便更專注地思考方案。
文章末尾附 Axure RP9、 Sketch提高效率的常用技巧。
快捷鍵:【Ctrl + Shift + ?】 ,打開 Figma 的快捷鍵面板,可查看 Figma 的所有快捷鍵,方便快速查找。
快捷鍵是【K】,在設(shè)計(jì)中縮放是經(jīng)常要用到的功能,在 Figma 中,按一下【K】鍵進(jìn)行縮放,就可以完全保證比例。
快速畫出環(huán)形進(jìn)度條的方法,先畫一個(gè)圓,然后鼠標(biāo)拖動兩下就完成了。如下圖:
在桌面或文件夾,選擇需要填充的圖片【Command + C】。點(diǎn)選Figma中待填充元素【Command + V】。填充成功,如下圖:
選中一個(gè)已經(jīng)調(diào)整好樣式的元素(圖形或文字),第一步:【Command + option + C】,第二步:【Command + option + V】就可以把樣式復(fù)制粘貼下來。如下圖:
對于使用組件的元素,在調(diào)整的時(shí)候需要修改組件母版,才會對每個(gè)組件生效。當(dāng)有很多組件時(shí),我們可以通過任意組件,點(diǎn)選右側(cè)“跳轉(zhuǎn)回組件母版”icon,快速定位至母版。如下圖:
第一步:點(diǎn)選右側(cè)“跳轉(zhuǎn)到組件母版”icon,右側(cè)紅框處
第二步:自動定位到該組件母版
選擇一組陣列中的多個(gè)元素之后,可以隨意交換任意兩個(gè)元素之間的位置,其他的不受影響,還能直接拖動調(diào)整它們的間距。如下圖:
快速批量修改顏色。比如下面九個(gè)元素中有三個(gè)是紅色,當(dāng)我想要批量修改這三個(gè)紅色元素的時(shí)候,我不需要一個(gè)個(gè)選擇這三個(gè)元素,只需要批量選擇,然后在右側(cè)屬性欄那里,選擇想修改的那個(gè)紅色,直接改顏色,三個(gè)元素的顏色就會一起修改了。
快捷鍵【Alt+L】,可以直接將所有圖層折疊起來,這樣,不管之前展開了多少層,都能直接折疊,方便快速瀏覽整個(gè)系統(tǒng)的全貌。
使用鍵盤快捷鍵快速瀏覽圖層。快捷鍵【Tab】快速向 下 切換選中圖層,【Shift+Tab】快速向 上 切換選中圖層。
使用顏色樣式時(shí),這里有一個(gè)小按鈕(下圖紅框標(biāo)出),可以快速得在列表樣式和網(wǎng)格樣式之間進(jìn)行切換,使用列表樣式能夠更方便瀏覽使用了哪些顏色,方便進(jìn)行管理。
吸色工具的快捷鍵是【i】,當(dāng)你按住【i】鍵不動時(shí),移動光標(biāo),就能預(yù)覽顏色,而不是直接取色了,預(yù)覽的顏色就如下圖,是展示在右上角的。
快捷鍵是 【cmd/ctrl + D】,如下圖所示,向右下方復(fù)制一個(gè)元素,然后使用【cmd/ctrl + D】,會繼續(xù)向右下角復(fù)制元素,重復(fù)的是相關(guān)對象和操作中設(shè)計(jì)到的所有元素。
如果設(shè)計(jì)時(shí)輸入了一些文本,行高有問題,但是暫時(shí)又沒有很明確的行高參數(shù),這個(gè)時(shí)候,只需要在行高這里輸入 auto,點(diǎn)擊回車,就可以把這些文字設(shè)置成自動行高了。如下圖紅框位置:
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。 著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
標(biāo)簽: ui 界面設(shè)計(jì) 設(shè)計(jì)流行趨勢 社交APP
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.ssll180.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.ssll180.com