首頁

通俗易懂!超全面的移動(dòng)端尺寸基礎(chǔ)知識(shí)科普指南

博博

隨著移動(dòng)設(shè)備的普及和移動(dòng)應(yīng)用的快速發(fā)展,了解移動(dòng)端尺寸基礎(chǔ)知識(shí)成為了設(shè)計(jì)師和開發(fā)人員的必備技能。本文將為您提供超全面的移動(dòng)端尺寸基礎(chǔ)知識(shí)科普指南,幫助您更好地理解和應(yīng)用移動(dòng)端尺寸。

一、移動(dòng)設(shè)備屏幕尺寸概述

移動(dòng)設(shè)備的屏幕尺寸通常以對(duì)角線長度來表示,單位為英寸。常見的移動(dòng)設(shè)備屏幕尺寸包括4英寸、4.7英寸、5.5英寸等。屏幕尺寸的大小直接影響到用戶在設(shè)備上的視覺體驗(yàn)和操作方式。

二、屏幕分辨率和像素密度

屏幕分辨率是指屏幕上的像素?cái)?shù)量,通常以水平像素?cái)?shù)和垂直像素?cái)?shù)來表示,如1920x1080。像素密度是指每英寸上的像素?cái)?shù)量,單位為PPI(Pixels Per Inch)。高分辨率和高像素密度的屏幕可以呈現(xiàn)更清晰、更細(xì)膩的圖像和文本。

三、常見的移動(dòng)設(shè)備屏幕分辨率

不同的移動(dòng)設(shè)備具有不同的屏幕分辨率,設(shè)計(jì)師和開發(fā)人員需要根據(jù)目標(biāo)設(shè)備的屏幕分辨率來進(jìn)行設(shè)計(jì)和開發(fā)。以下是一些常見的移動(dòng)設(shè)備屏幕分辨率:

iPhone系列:

iPhone 4/4S:640x960

iPhone 5/5S/SE:640x1136

iPhone 6/6S/7/8:750x1334

iPhone 6 Plus/6S Plus/7 Plus/8 Plus:1080x1920

iPhone X/XS/11 Pro:1125x2436

iPhone XR/11:828x1792

iPhone XS Max/11 Pro Max:1242x2688

iPad系列:

iPad 2/Mini 1/Mini 2:768x1024

iPad 3/4/Air/Mini 3/Mini 4:1536x2048

iPad Air 2/Air 3/Pro 9.7:1536x2048

iPad Pro 10.5:1668x2224

iPad Pro 11:1668x2388

iPad Pro 12.9:2048x2732

Android手機(jī):

720p:720x1280

1080p:1080x1920

2K:1440x2560

4K:2160x3840

Android平板:

7寸:600x1024

10寸:800x1280

四、適配和響應(yīng)式設(shè)計(jì)

移動(dòng)設(shè)備的屏幕尺寸和分辨率各異,為了確保應(yīng)用在不同設(shè)備上的良好顯示,設(shè)計(jì)師和開發(fā)人員需要進(jìn)行適配和響應(yīng)式設(shè)計(jì)。適配是指根據(jù)目標(biāo)設(shè)備的屏幕尺寸和分辨率進(jìn)行布局和元素調(diào)整,以適應(yīng)不同屏幕大小。響應(yīng)式設(shè)計(jì)是指根據(jù)屏幕尺寸和分辨率的變化,動(dòng)態(tài)調(diào)整布局和元素大小,以提供更好的用戶體驗(yàn)。

五、設(shè)計(jì)和開發(fā)工具

為了更高效地進(jìn)行移動(dòng)端設(shè)計(jì)和開發(fā),設(shè)計(jì)師和開發(fā)人員可以使用一些專業(yè)的工具。常見的移動(dòng)端設(shè)計(jì)工具包括Adobe XD、Sketch、Figma等,這些工具提供了豐富的設(shè)計(jì)資源和交互功能。開發(fā)人員可以使用Android Studio、Xcode等工具進(jìn)行應(yīng)用開發(fā)和調(diào)試。

六、設(shè)計(jì)原則和最佳實(shí)踐

在進(jìn)行移動(dòng)端設(shè)計(jì)時(shí),設(shè)計(jì)師需要遵循一些設(shè)計(jì)原則和最佳實(shí)踐,以提供更好的用戶體驗(yàn)。以下是一些常見的設(shè)計(jì)原則和最佳實(shí)踐:

簡潔明了的界面:精簡和清晰的界面設(shè)計(jì)可以提高用戶的易用性和操作效率。

易讀的文本和圖標(biāo):選擇合適的字體和字號(hào),確保文本和圖標(biāo)在不同屏幕上都能清晰可讀。

合理的交互設(shè)計(jì):考慮用戶的習(xí)慣和操作方式,設(shè)計(jì)合理的交互和導(dǎo)航方式,提供良好的用戶體驗(yàn)。

圖片和圖形的優(yōu)化:為了提高應(yīng)用的加載速度和性能,設(shè)計(jì)師需要對(duì)圖片和圖形進(jìn)行優(yōu)化,包括壓縮、裁剪和使用矢量圖形等。

色彩和視覺效果的選擇:選擇合適的色彩和視覺效果,以提升應(yīng)用的整體美感和吸引力。

七、測試和優(yōu)化

在設(shè)計(jì)和開發(fā)完成后,測試和優(yōu)化是確保移動(dòng)應(yīng)用質(zhì)量的重要環(huán)節(jié)。設(shè)計(jì)師和開發(fā)人員需要進(jìn)行功能測試、兼容性測試和性能測試,以確保應(yīng)用在不同設(shè)備上的穩(wěn)定運(yùn)行和良好性能。根據(jù)測試結(jié)果,進(jìn)行相應(yīng)的優(yōu)化和調(diào)整,以提升應(yīng)用的用戶體驗(yàn)和滿意度。

總結(jié):

移動(dòng)端尺寸基礎(chǔ)知識(shí)對(duì)于設(shè)計(jì)師和開發(fā)人員來說是至關(guān)重要的。了解移動(dòng)設(shè)備的屏幕尺寸、分辨率和像素密度,掌握適配和響應(yīng)式設(shè)計(jì)的原理,遵循設(shè)計(jì)原則和最佳實(shí)踐,以及進(jìn)行測試和優(yōu)化,都能夠幫助我們設(shè)計(jì)出更好的移動(dòng)應(yīng)用。希望本文提供的超全面的移動(dòng)端尺寸基礎(chǔ)知識(shí)科普指南能夠?qū)δ兴鶐椭?,并在移?dòng)應(yīng)用設(shè)計(jì)和開發(fā)中起到指導(dǎo)作用。

今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章,未來將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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ì)公司

《構(gòu)建B端體驗(yàn)衡量模型的參考指南》

博博

01)為什么要做體驗(yàn)衡量

1.1 你是否面臨過這些問題

● 我們的產(chǎn)品好用嗎?
● 業(yè)務(wù)指標(biāo)達(dá)成,能夠說明產(chǎn)品設(shè)計(jì)得好嗎?
● 業(yè)務(wù)指標(biāo)表現(xiàn)不佳,是因?yàn)楫a(chǎn)品設(shè)計(jì)的不好嗎?
● 用戶滿意度低,到底是因?yàn)槟睦镒龅貌缓?,?yīng)該優(yōu)先解決哪里的問題

我周圍的很多同學(xué),都遇到上面的問題,想到最合適的解決方法就是衡量。

如果你無法對(duì)某件事進(jìn)行測量,你就無法對(duì)其進(jìn)行管理。

1.2 我們現(xiàn)在是怎么做的?

很多同學(xué)可能會(huì)提到使用以下方法
a.滿意度:短期內(nèi)衡量用戶幸福感的用戶得分,受訪者必須在1-5層次之間表達(dá)對(duì)某一話題或內(nèi)容的滿意度

b.凈推薦值:2003年引入網(wǎng)絡(luò)推廣,長期內(nèi)衡量用戶幸福感的用戶得分,即客戶忠誠度,是一個(gè)更好預(yù)測用戶行為的指標(biāo),并且與公司成長的衡量指標(biāo)有很強(qiáng)的相關(guān)性

c.費(fèi)力度:2010年引入一種不同的度量方法,短期內(nèi)衡量用戶完成任務(wù)的難易程度,幫助他們輕松解決問題,而不是通過服務(wù)互動(dòng)中取悅用戶來創(chuàng)造忠誠度

d.專項(xiàng)競品分析:特定領(lǐng)域的競爭對(duì)手進(jìn)行細(xì)致分析,但是由于B端產(chǎn)品的特殊性,很多競品難以通過一般用戶的視角進(jìn)行體驗(yàn),因此需要通過更深入的渠道,如與相關(guān)企業(yè)的合作、研究行業(yè)報(bào)告等方式來獲取更準(zhǔn)確的競品信息。

上面的方法很好,但真的足夠嗎?

它們真的可以準(zhǔn)確地反映用戶體驗(yàn)嗎?

我們是否還需要更深入、更精準(zhǔn)的方法來了用戶真實(shí)感受和對(duì)于業(yè)務(wù)的影響?

讓我們一起思考和探索,如何從用戶體驗(yàn)的角度,打造出更加優(yōu)秀、滿足用戶需求的產(chǎn)品吧!

1.3 在做之前我們希望

在介紹B端體驗(yàn)衡量模型之前,我們希望強(qiáng)調(diào)以下幾個(gè)設(shè)計(jì)前置原則,以確保設(shè)計(jì)的準(zhǔn)確性和有效性:

a.要看清楚:需要看清產(chǎn)品體驗(yàn)的目標(biāo)用戶是誰,因?yàn)椴煌挠脩粲胁煌氖褂脠鼍昂托枨?,?duì)產(chǎn)品的體驗(yàn)要求也不同。

b.要看全面:需要通過多種數(shù)據(jù)來源進(jìn)行驗(yàn)證和印證,例如用戶反饋、用戶行為數(shù)據(jù)、市場調(diào)研數(shù)據(jù)等,以避免片面和誤導(dǎo)性的結(jié)論。

c.結(jié)合業(yè)務(wù):需要結(jié)合具體業(yè)務(wù)場景進(jìn)行分析,以便更好地把握用戶需求和痛點(diǎn),從而有針對(duì)性地進(jìn)行產(chǎn)品優(yōu)化和提升;需要注重定量指標(biāo)和定性指標(biāo)的結(jié)合使用,以充分反映用戶的感受和行為,以及不同用戶的差異性。

d.全流程思考:不僅要關(guān)注單個(gè)環(huán)節(jié)的體驗(yàn),還需要考慮用戶在全流程中的感受和體驗(yàn),以便找到體驗(yàn)的瓶頸和改善的空間

02)模型介紹

2.1 B端的特點(diǎn)

在引入具體的模型之前,我們需要先了解B端產(chǎn)品的特點(diǎn),這有助于更好地拆解問題和應(yīng)用適當(dāng)?shù)哪P汀?

a.自上而下

● 用戶使用場景復(fù)雜
● 公司業(yè)務(wù)擴(kuò)展空間大
● 面對(duì)政治、文化的沖突更加多樣

b.自下而上

● 需要對(duì)用戶的工作場景有充分理解
● 邏輯較為復(fù)雜
● 功能優(yōu)先,保障安全和效率

c.優(yōu)先級(jí)考量

● 對(duì)場景的理解是所有設(shè)計(jì)的出發(fā)點(diǎn)
● 具有業(yè)務(wù)發(fā)展前瞻性的功能和模塊的布局是流程設(shè)計(jì)的前提
● 可靠的流程設(shè)計(jì)是界面設(shè)計(jì)的基礎(chǔ)
● 合理的界面結(jié)構(gòu)又是靈活包容表現(xiàn)層設(shè)計(jì)的根本

2.2 指標(biāo)拆解及依據(jù)

根據(jù)上面特點(diǎn),針對(duì)B端用戶需求,可以從以下幾個(gè)方面考慮對(duì)現(xiàn)有業(yè)務(wù)流程進(jìn)行優(yōu)化和改造,以提高業(yè)務(wù)運(yùn)作效率和準(zhǔn)確性,降低成本和錯(cuò)誤率:

a.場景導(dǎo)向

說明 :

● 需要根據(jù)場景考慮多方面因素,包括空間、資源、技術(shù)、時(shí)間等的限制,以及用戶的生理、心理和認(rèn)知等方面的需求和特點(diǎn)。
● 需要減少用戶的負(fù)擔(dān),盡可能地降低用戶的認(rèn)知和操作成本,提升用戶的使用體驗(yàn)和滿意度。

指標(biāo)一覽

● 費(fèi)力度:不用費(fèi)力完成工作
● 交互方式切換次數(shù):不要求額外的設(shè)各資源
● 清晰度:界面容易理解
● 任務(wù)回退次數(shù):不要求太多的用戶記憶等負(fù)擔(dān)
● 任務(wù)時(shí)長:用戶可以快速完成工作
● 滿意度:使用過程整體舒適

b.面向成長

說明 :

● 在產(chǎn)品設(shè)計(jì)的過程中,需要考慮到業(yè)務(wù)的發(fā)展和變化,因此在功能架構(gòu)、流程和界面的設(shè)計(jì)上,需要具備高度的包容性和可擴(kuò)展性。
● 這意味著產(chǎn)品設(shè)計(jì)需要能夠快速響應(yīng)用戶的需求和訴求,同時(shí)能夠支持業(yè)務(wù)的快速擴(kuò)展和變化,為用戶提供高效、可靠的支持。

指標(biāo)一覽

● 滿意度:產(chǎn)品功能的滿足度高
● 推薦度:用戶愿意邀請別人來嘗試使用

c.穩(wěn)定可靠

說明 :

● 指產(chǎn)品在任務(wù)展現(xiàn)和流轉(zhuǎn)方面需要符合用戶完成工作流的心理模型,能夠提供簡單易懂的界面和操作流程,避免用戶的學(xué)習(xí)和使用成本過高。
● 同時(shí),產(chǎn)品的設(shè)計(jì)應(yīng)該能夠減少用戶的操作失誤和挫敗感,讓用戶能夠輕松完成任務(wù),提升用戶的工作效率和體驗(yàn)感。

指標(biāo)一覽

● 頁面加載時(shí)長:性能好,界面加載流暢
● 費(fèi)力度(操作):操作符合常識(shí),感知易用
● 報(bào)錯(cuò)率/操作次數(shù)有效率:不易出錯(cuò)
● 任務(wù)完成效率:能夠快速完成任務(wù)

d.結(jié)構(gòu)合理

說明 :

● 信息展現(xiàn)需要與用戶的操作目的相符,能夠有效輔助和引導(dǎo)用戶完成任務(wù)。
● 同時(shí),信息的呈現(xiàn)邏輯也需要符合用戶的認(rèn)知習(xí)慣,避免用戶對(duì)信息的理解和操作產(chǎn)生困難。在信息的展現(xiàn)過程中,設(shè)計(jì)師需要采用簡單明了的信息,避免使用過于復(fù)雜和抽象的術(shù)語和符號(hào),保證用戶能夠輕松理解和使用產(chǎn)品。
● 此外,產(chǎn)品的設(shè)計(jì)需要考慮到用戶的操作誤差,提供及時(shí)的提示和幫助,減少用戶的錯(cuò)誤操作,提高用戶的操作效率和體驗(yàn)。

指標(biāo)一覽

● 清晰度:界面信息清晰簡潔,信息容易理解
● 信息有效性:反饋信息及時(shí)且能夠有效的引導(dǎo)操作

2.3 指標(biāo)計(jì)算

上面的指標(biāo)內(nèi)容分為觀點(diǎn)指標(biāo)和行為指標(biāo),通過下面的計(jì)算方式,得到最終的指標(biāo)

a.觀點(diǎn)指標(biāo)

說明:

● 可以反映用戶對(duì)產(chǎn)品的整體滿意度和各個(gè)方面的滿意度。
● 為了使觀點(diǎn)指標(biāo)值盡量濃縮,將6道題的平均分做為觀點(diǎn)指標(biāo)值。

指標(biāo)定義:每個(gè)觀點(diǎn)分為非常不同意、不同意、輕微不同意、中立、輕微同意、同意、非常同意7個(gè)等級(jí),分別分值為-3、-2、-1、0、1、2、3分。

觀點(diǎn)指標(biāo)值 =(費(fèi)力度+清晰度 +易用性 +滿意度 +反饋有效性 +推薦值)/6

b.行為指標(biāo)

說明:可以用于評(píng)估產(chǎn)品的實(shí)際使用情況和用戶行為特征。

指標(biāo)定義

● 交互方式切換次數(shù):任務(wù)中切換交互模式的總數(shù)(從鼠標(biāo)到鍵盤,從視覺到聽覺,從鍵盤到語音等)
● 任務(wù)時(shí)長:用戶完成任務(wù)的時(shí)長絕對(duì)值一完成任務(wù)的標(biāo)準(zhǔn)時(shí)長
● 錯(cuò)誤率:任務(wù)過程中錯(cuò)誤操作的次數(shù) 一完成任務(wù)的總操作次數(shù)
● 易學(xué)率:(第一次的錯(cuò)誤率-第二次的錯(cuò)誤率)十(第一次的任務(wù)時(shí)長-第二次的任務(wù)時(shí)長)
● 任務(wù)成功率:成功完成仟?jiǎng)?wù)的人數(shù)二興試完成任務(wù)的總?cè)藬?shù)
● 任務(wù)回退次數(shù):任務(wù)中的回退次數(shù)總數(shù)(例如從步驟二到步驟一,退出重新進(jìn)入系統(tǒng)來切換角色等)

行為指標(biāo)值=(任務(wù)成功率+易學(xué)性)/(交互方式切換次數(shù) +任務(wù)回退次數(shù) +任務(wù)時(shí)長+錯(cuò)誤率)

c.指標(biāo)合并

為了便于產(chǎn)品或者任務(wù)流之間的比較,將這兩個(gè)指標(biāo)值進(jìn)行相加,得到一個(gè)總指標(biāo)

總指標(biāo) =行為指標(biāo) +觀點(diǎn)指標(biāo)

通過對(duì)比新舊版的指標(biāo)值,可以客觀地衡量在設(shè)計(jì)角度帶來的價(jià)值。如果新版指標(biāo)值有顯著提升,說明設(shè)計(jì)方向正確,產(chǎn)品體驗(yàn)得到了優(yōu)化。反之,如果指標(biāo)值沒有明顯改善或者甚至下降,需要重新評(píng)估設(shè)計(jì)方案,尋找優(yōu)化的空間和方向。這樣的對(duì)比可以幫助團(tuán)隊(duì)更好地理解用戶的需求和行為,從而進(jìn)一步提升產(chǎn)品的體驗(yàn)和價(jià)值。

2.4 運(yùn)作機(jī)制

a.合作共建

指標(biāo)的定義與收集,重要的一步是與相關(guān)部門進(jìn)行合作共建,共同定義和收集相關(guān)指標(biāo),根據(jù)產(chǎn)品類型與衡量目標(biāo),設(shè)計(jì)衡量方案。

設(shè)計(jì)團(tuán)隊(duì)需要和業(yè)務(wù)方密切合作,了解業(yè)務(wù)需求和數(shù)據(jù)源,確定所需指標(biāo)及其計(jì)算方式,以確保數(shù)據(jù)的準(zhǔn)確性和完整性。

b.專業(yè)輸出

衡量模型的建設(shè),需要輸出專業(yè)的體驗(yàn)衡量報(bào)告,以幫助企業(yè)了解當(dāng)前的體驗(yàn)狀況和改進(jìn)方向。

報(bào)告應(yīng)包括對(duì)各指標(biāo)的分析和解讀,重點(diǎn)突出用戶體驗(yàn)中的優(yōu)點(diǎn)和不足,提出針對(duì)性的改進(jìn)建議和優(yōu)化方案,以便企業(yè)能夠針對(duì)性地進(jìn)行改進(jìn)。

c.改進(jìn)迭代

系統(tǒng)監(jiān)控:需要建立數(shù)據(jù)監(jiān)控和反饋機(jī)制,及時(shí)掌握用戶使用情況和反饋,以便能夠及時(shí)調(diào)整和優(yōu)化產(chǎn)品。

專項(xiàng)改進(jìn):需要根據(jù)具體情況制定專項(xiàng)改進(jìn)計(jì)劃,對(duì)具體問題進(jìn)行深入分析和解決,以提高用戶的使用體驗(yàn)。

03)尾聲

本文的初衷,是為設(shè)計(jì)師朋友們提供建立衡量模型的思路,可以根據(jù)自己的公司和項(xiàng)目情況,構(gòu)建屬于自己的模型機(jī)制。

第一部分:

● 介紹了為什么需要進(jìn)行用戶體驗(yàn)衡量。
● 許多設(shè)計(jì)師在工作中常常遇到一些問題,比如不知道產(chǎn)品是否好用、業(yè)務(wù)指標(biāo)是否能反映產(chǎn)品設(shè)計(jì)的好壞、用戶滿意度低等等。
● 通過衡量用戶體驗(yàn),可以對(duì)產(chǎn)品進(jìn)行管理和改進(jìn)。

第二部分:

● 介紹了目前常用的一些衡量方法,如滿意度、凈推薦值、費(fèi)力度和專項(xiàng)競品分析等。我們提出了應(yīng)該用深入和精準(zhǔn)的方法,來了解用戶真實(shí)感受和業(yè)務(wù)需求。

● 介紹了B端產(chǎn)品的特點(diǎn),包括自上而下的復(fù)雜使用場景、自下而上的理解用戶工作場景的復(fù)雜性,以及優(yōu)先級(jí)考量。針對(duì)這些特點(diǎn),提出了指標(biāo)拆解及依據(jù)的方法,從場景導(dǎo)向、面向成長、穩(wěn)定可靠和結(jié)構(gòu)合理等方面進(jìn)行指標(biāo)考量和計(jì)算。通過觀點(diǎn)指標(biāo)和行為指標(biāo)的計(jì)算,可以得到最終的指標(biāo)值,并進(jìn)行指標(biāo)合并以進(jìn)行比較和評(píng)估。

● 強(qiáng)調(diào)了合作共建的重要性,需要與相關(guān)部門合作共同定義和收集指標(biāo)。通過對(duì)比新舊指標(biāo)值的變化,可以評(píng)估設(shè)計(jì)方案的優(yōu)化效果,并進(jìn)一步提升產(chǎn)品的體驗(yàn)和價(jià)值。

我們希望大家能通過思考和探索,幫助設(shè)計(jì)師們從用戶體驗(yàn)的角度打造更人性化、高效的衡量模型,打造更加優(yōu)秀、滿足用戶需求的產(chǎn)品。

作者:紀(jì)笙
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(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ì)( sillybuy.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ì)體系提升用戶粘性

博博

前言
用戶激勵(lì)體系是促進(jìn)用戶增長和活躍的常用手段,無論是節(jié)假日的各類運(yùn)營活動(dòng),還是各種等級(jí)、積分體系,都稱作激勵(lì)體系。因此很多人會(huì)困惑:為什么有的產(chǎn)品有 “積分” 又有“金幣” ,好像重復(fù)了?其實(shí)不然,它們是兩套并行的激勵(lì)體系,各自發(fā)揮著重要作用。激勵(lì)體系復(fù)雜多樣,因此筆者基于最近的實(shí)踐經(jīng)驗(yàn)和理論積累,將論述常見的用戶激勵(lì)方式,以及針對(duì)好看視頻APP人群分層設(shè)計(jì)激勵(lì)體系的思路。

一、什么是用戶激勵(lì)體系

激勵(lì)體系是圍繞產(chǎn)品各個(gè)階段和路徑設(shè)計(jì)獎(jiǎng)勵(lì)機(jī)制,通過不斷的正反饋,驅(qū)使用戶持續(xù)參與其中來達(dá)到對(duì)應(yīng)的產(chǎn)品目標(biāo)。好的激勵(lì)體系是能夠像指揮棒一樣,激勵(lì)用戶沿著指定的方向成長,是激勵(lì)用戶增長與用戶召回,刺激用戶活躍度的有力武器。
?有些文章從產(chǎn)品表現(xiàn)形式出發(fā)將用戶激勵(lì)劃分為等級(jí)體系、勛章體系、積分體系、會(huì)員體系等,但這樣劃分概念容易交叉重疊,大部分等級(jí)體系里經(jīng)常包含了積分,有些會(huì)員體系里還會(huì)嵌套勛章體系。因此,在分析各類產(chǎn)品和相關(guān)資料后,從激勵(lì)手段與用戶情感需求出發(fā),可以將用戶激勵(lì)體系分為平臺(tái)精神激勵(lì)、物質(zhì)利益激勵(lì)、社交情感激勵(lì)三種。

?1)平臺(tái)精神激勵(lì):是指平臺(tái)賦予的特殊等級(jí)、榮譽(yù)、勛章等,也會(huì)有積分或進(jìn)度進(jìn)行量化,最突出的特點(diǎn)就是用戶的等級(jí)是通過用戶自己努力獲得的,無法通過直接購買行為得到,因此賦予的高等級(jí)具有精神層面的價(jià)值,才會(huì)被其他用戶認(rèn)可。
?2)物質(zhì)利益激勵(lì):是指用戶可以獲得獎(jiǎng)勵(lì)從而進(jìn)行消費(fèi)的一套虛擬貨幣體系,從利益的角度對(duì)用戶進(jìn)行的激勵(lì)。消費(fèi)可以是在平臺(tái)兌換物品、權(quán)益,也可以是指兌換為現(xiàn)金。物質(zhì)利益激勵(lì),有時(shí)也會(huì)與平臺(tái)的精神激勵(lì)體系相結(jié)合,作為輔助精神激勵(lì)的配套玩法。
?3)社交情感激勵(lì):社交體系是通過用戶之間的互動(dòng)行為搭建起來的,貫穿產(chǎn)品特色始終。也是最具有用戶粘性的互相激勵(lì)方式,配合平臺(tái)賦予的身份精神激勵(lì)有很好的效果,也是平臺(tái)身份化的一種。如將用戶獲得粉絲數(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)化、并在恰當(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ì)方式都會(huì)在產(chǎn)品增長的各流程中承擔(dān)著不同程度的促進(jìn)作用:

?1)獲取階段:在獲取新用戶階段會(huì)采用各種物質(zhì)激勵(lì)進(jìn)行廣告投放、以網(wǎng)賺模式吸引用戶來使用。
?2)激活階段:激活階段主要是促使用戶使用某些功能,激發(fā)用戶需求并使得用戶留在產(chǎn)品持續(xù)使用,例如激勵(lì)系統(tǒng)中的任務(wù)系統(tǒng)設(shè)置針對(duì)新用戶的功能使用任務(wù),引導(dǎo)用戶試用某些功能。
?3)留存階段:激活與留存通常為連貫的任務(wù)行為,往往采用以平臺(tái)精神激勵(lì)、社交情感激勵(lì)結(jié)合的方式激勵(lì),針對(duì)不同行為特征的用戶會(huì)設(shè)置差異化手段激勵(lì)。例如一些長期的打卡簽到類、養(yǎng)成類的任務(wù)活動(dòng)屬于培養(yǎng)用戶習(xí)慣的激勵(lì)方式。
?4)推薦階段:健康的產(chǎn)品推薦依賴用戶口口相傳,此時(shí)激勵(lì)系統(tǒng)主要用來激發(fā)用戶分享推薦。各種分享裂變活動(dòng),賦予用戶更多推薦獎(jiǎng)勵(lì),例如:老帶新的師徒活動(dòng)、邀請有獎(jiǎng)等。
?5)變現(xiàn)階段:這個(gè)階段往往會(huì)使用物質(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í)會(huì)帶來社區(qū)內(nèi)容水化、不恰當(dāng)?shù)慕疱X激勵(lì)也會(huì)使產(chǎn)品數(shù)據(jù)不健康。根據(jù)資料和實(shí)踐經(jīng)驗(yàn)總結(jié)而言,往往會(huì)在三種情況下使用較為恰當(dāng):

(1)用戶已經(jīng)有了一定的量級(jí),但是整體的活躍情況未達(dá)到預(yù)期,需要通過激勵(lì)體系拉升活躍,在產(chǎn)品發(fā)展階段屬于成熟產(chǎn)品的強(qiáng)化引導(dǎo),對(duì)應(yīng)產(chǎn)品情況設(shè)計(jì)不同情況的激勵(lì)系統(tǒng)。
?(2)激勵(lì)體系或者成長體系本身就是產(chǎn)品中必不可少的一部分,缺失了它之后產(chǎn)品就沒法順暢地跑下去,典型的例子如很多游戲產(chǎn)品,以升級(jí)為主線任務(wù)并獲得持續(xù)的成長,屬于平臺(tái)賦予的故事主線與精神激勵(lì)。
?(3)本身的產(chǎn)品業(yè)務(wù)要求以及需要用戶完成某些特定的行為,但是發(fā)現(xiàn)用戶對(duì)于完成這個(gè)行為動(dòng)機(jī)有限,需要通過激勵(lì)體系來刺激他們,例如典型的在線教育課程中的某些學(xué)習(xí)行為,以及運(yùn)動(dòng)健身類需要長期養(yǎng)成習(xí)慣的產(chǎn)品,例如KEEP的勛章體系激勵(lì)用戶持續(xù)運(yùn)動(dòng)的同時(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)入成熟期。因此對(duì)短視頻平臺(tái)的發(fā)展預(yù)期也發(fā)生了改變,在短時(shí)間內(nèi)實(shí)現(xiàn)用戶體量的大幅度增長變得不再現(xiàn)實(shí),對(duì)用戶忠誠度的培育成為各平臺(tái)的長期經(jīng)營目標(biāo)。
?好看視頻是百度旗下的短視頻平臺(tái),在存量競爭時(shí)期,其忠實(shí)用戶為中年男性,且人群偏下沉,因此我們需要聚焦于這類人群的內(nèi)容消費(fèi)需求,培養(yǎng)這類用戶對(duì)平臺(tái)的忠誠度。設(shè)計(jì)師更要以用戶視角出發(fā),圍繞著這類群體進(jìn)行深耕,服務(wù)好這部分人群并挖掘更多的機(jī)會(huì)點(diǎn)。
?3.2 尋找好看視頻激勵(lì)系統(tǒng)的設(shè)計(jì)發(fā)力點(diǎn)
從好看的現(xiàn)實(shí)情況來看,中年男性用戶對(duì)新事物不敏感,還沒建立起對(duì)單一平臺(tái)的忠誠度,更多時(shí)候被動(dòng)完成短視頻內(nèi)容的消費(fèi),因此這是挑戰(zhàn)也是機(jī)遇,設(shè)計(jì)師需要結(jié)合用戶本身特征,使用不同激勵(lì)方式將提升用戶的對(duì)平臺(tái)的粘性,因此激勵(lì)體系應(yīng)該全方位多角度的考慮三種激勵(lì)方式的使用與建設(shè)。
?(1)平臺(tái)精神激勵(lì):主要以等級(jí)體系出發(fā),能更好的強(qiáng)化現(xiàn)存忠實(shí)用戶的身份特征,樹立平臺(tái)特色下的忠實(shí)用戶的精神激勵(lì)與情感陪伴感知,激勵(lì)用戶自然而然的完成升級(jí)任務(wù)。
?(2)物質(zhì)利益激勵(lì):等級(jí)體系的搭建形成了自然人群的劃分,對(duì)于低活人群、多年齡段能夠有針對(duì)性的進(jìn)行進(jìn)一步的個(gè)性化運(yùn)營,不同任務(wù)行為軌跡或活躍程度的人群個(gè)性化定制任務(wù)與現(xiàn)金激勵(lì),來達(dá)成對(duì)應(yīng)產(chǎn)品目標(biāo),讓其養(yǎng)成習(xí)慣,進(jìn)而持續(xù)使用好看視頻,轉(zhuǎn)化為忠誠用戶。
?(3)社交情感激勵(lì):為了打造與創(chuàng)作者的良性互動(dòng)關(guān)系,提升用戶長期留存,通過隨著等級(jí)升高會(huì)享有虛擬禮物,用來贈(zèng)送給創(chuàng)作者,創(chuàng)作者可以將禮物兌換流量劵,形成用戶側(cè)互動(dòng)激勵(lì)與創(chuàng)作者側(cè)的良性互動(dòng)。
?同時(shí),我們還通過對(duì)現(xiàn)行好看視頻進(jìn)行用戶訪談及核心路徑的專家走查,發(fā)現(xiàn)好看現(xiàn)存的等級(jí)體系存在著等級(jí)無概念、規(guī)則不明確、任務(wù)鏈路不清晰的問題。利用Fogg模型 :B=MAP,進(jìn)行系統(tǒng)盤點(diǎn)梳理,在這個(gè)模型下,?的?為由動(dòng)機(jī),能?和觸發(fā)或提示這三要素組成,這三個(gè)同時(shí)都滿?時(shí)?為才會(huì)發(fā)?,才能更好的達(dá)成激勵(lì)目標(biāo)。因此逐一進(jìn)行分析,找到設(shè)計(jì)發(fā)力點(diǎn)。

“M”動(dòng)機(jī)上:一方面打造平臺(tái)精神激勵(lì)與社交情感激勵(lì),重構(gòu)等級(jí)規(guī)則與權(quán)益的呈現(xiàn)形式,另一方面低活用戶與中活用戶設(shè)計(jì)強(qiáng)化物質(zhì)利益激勵(lì),激勵(lì)其轉(zhuǎn)化為高活用戶。
?“A”能力上:一方面解決現(xiàn)存問題,明確任務(wù)路徑,簡化認(rèn)知成本,引導(dǎo)用戶完成等級(jí)任務(wù);另一方面強(qiáng)化簽到這一低成本的任務(wù),構(gòu)建情感化反饋,塑造驚喜感知。
?“P”觸發(fā)上:整體增加用戶獲得感知,反復(fù)強(qiáng)化行為的正反饋,無論屬于哪種層級(jí)的用戶均能收到對(duì)應(yīng)目標(biāo)的精神鼓勵(lì)或物質(zhì)金錢的反饋感知,明確任務(wù)完成差距,促進(jìn)其持續(xù)留在好看,以下分別以此模型為基準(zhǔn)劃分進(jìn)行具體設(shè)計(jì)舉措的講述。

?四、好看視頻用戶分層激勵(lì)體系設(shè)計(jì)

4.1 打造不同用戶的激勵(lì)動(dòng)機(jī)
?1)突出等級(jí)層級(jí)差異,強(qiáng)化平臺(tái)精神激勵(lì)
?決定用戶動(dòng)機(jī)主要有8個(gè)核心的驅(qū)動(dòng)力:使命感、成就感、創(chuàng)造力、擁有感、社交性、稀缺感、好奇心、逃避心。因此利用用戶對(duì)于尊貴等級(jí)地位的追求進(jìn)行等級(jí)圖標(biāo)設(shè)計(jì),以LOGO形狀為基礎(chǔ)設(shè)計(jì)了等級(jí)圖形,使用辨識(shí)度和認(rèn)知成本較低的數(shù)字進(jìn)行等級(jí)彰顯,體現(xiàn)等級(jí)的遞進(jìn),同時(shí)采用不同顏色突出1至6等級(jí)的差異,高等級(jí)添加更明顯的金屬感,營造稀有性和高貴感,同時(shí)在社交場景如“互動(dòng)區(qū)”、“個(gè)人中心”等,突出用戶身份。

整體等級(jí)框架由用戶身份等級(jí)展示、每日簽到、每日任務(wù)三個(gè)部分,以成就值為基數(shù)指標(biāo),通過完成每日簽到與每日任務(wù)積累成就值,達(dá)到一定的數(shù)值即可完成升級(jí)。

2)打造用戶創(chuàng)作者之間特色互動(dòng),構(gòu)建社交激勵(lì)
用戶等級(jí)體系主要包括三個(gè)方面:定義影響等級(jí)的行為、等級(jí)成長值計(jì)算、不同等級(jí)對(duì)應(yīng)的權(quán)益。除了上述的等級(jí)展示虛擬效果外,等級(jí)用戶的平臺(tái)權(quán)益是激勵(lì)用戶去完成升級(jí)的重要的動(dòng)機(jī)。
因此在精神激勵(lì)的虛擬權(quán)益上,好看平臺(tái)希望能夠打造一款有記憶點(diǎn)的互動(dòng)方式,一方面;用戶之間的主要互動(dòng)場景是評(píng)論區(qū),因此權(quán)益之一是打造符合好看人群特征的互動(dòng)表情,創(chuàng)造平臺(tái)特有的互動(dòng)語言來加強(qiáng)用戶交流;另一方面好看的內(nèi)容創(chuàng)作者一般為多平臺(tái)創(chuàng)作者,需要讓創(chuàng)作者在好看平臺(tái)上感受到用戶差異,激發(fā)創(chuàng)作動(dòng)力,因此也塑造了用戶等級(jí)下的另一個(gè)權(quán)益“鮮花禮物”。作者使用被打賞的鮮花可以進(jìn)行流量曝光的兌換,形成了一個(gè)用戶側(cè)互動(dòng)激勵(lì)與創(chuàng)作者側(cè)的良性互動(dòng)。

特權(quán)表情方面:我們通過評(píng)估5w條好看視頻評(píng)論數(shù)據(jù),選出高頻關(guān)鍵詞10條,同時(shí)投放到社群用戶中進(jìn)行投票選舉,宣出我們用戶最更偏愛的交流詞匯,最終選出6個(gè)表情包文案:支持、點(diǎn)贊、厲害了、說得好、學(xué)到了、好人一生平安。隨后開始根據(jù)這五條內(nèi)容進(jìn)行表情圖案創(chuàng)作,打造具有好看特色、正向有梗的視覺系統(tǒng)。好看用戶下沉且年齡較大,對(duì)醒目直白、突出重點(diǎn)、易讀易懂的設(shè)計(jì)更偏愛。因此圍繞文字繪制了一套簡單明確又具備詼諧感的表情包圖案,在用戶傳播上也能更易傳播,更能能打造好看品牌的互動(dòng)記憶點(diǎn)。

鮮花禮物特權(quán)方面:當(dāng)用戶升級(jí)及完成任務(wù)的同時(shí)可領(lǐng)取該獎(jiǎng)勵(lì),我們采用用戶比較熟知的“授人鮮花,手有余香”的概念,等級(jí)越高可獲得更多鮮花,越能鼓勵(lì)作者,增進(jìn)了創(chuàng)作者與忠實(shí)粉絲之間的關(guān)系。免費(fèi)禮物是好看視頻的首創(chuàng),雙向促進(jìn)用戶與作者激勵(lì),后續(xù)其他平臺(tái)也進(jìn)行了功能跟進(jìn)。在作者的帶動(dòng)下,當(dāng)用戶想給作者贈(zèng)送鮮花時(shí)為了獲取更多的鮮花,也能導(dǎo)流到任務(wù)系統(tǒng)促進(jìn)等級(jí)任務(wù)的完成。

3)多元化激勵(lì)刺激轉(zhuǎn)化,突顯物質(zhì)激勵(lì)
為避免好看視頻的大齡用戶面對(duì)不同任務(wù)系統(tǒng)認(rèn)知混亂,同時(shí)也為了節(jié)約成本,我們希望整個(gè)平臺(tái)的激勵(lì)機(jī)制更為簡潔克制,因此與業(yè)務(wù)商議,使用原有的的等級(jí)系統(tǒng),分用戶群設(shè)計(jì)。平臺(tái)等級(jí)激勵(lì)作為基礎(chǔ),結(jié)合物質(zhì)激勵(lì),為不同類型的用戶配置不同的任務(wù)和活動(dòng)模板。
?高活躍度用戶已經(jīng)是好看的忠實(shí)用戶,連續(xù)一周每天都使用好看視頻并完成互動(dòng)任務(wù)。因此,設(shè)計(jì)上僅提供純粹的等級(jí)晉升機(jī)制和通用任務(wù),自然地提高等級(jí),通過連續(xù)不間斷的簽到可以逐步獲得越來越多的成就值獎(jiǎng)勵(lì)。
?中度活躍度用戶雖然也屬于平臺(tái)的老用戶,但未達(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)外,等級(jí)中提供了更加強(qiáng)化的限時(shí)福利活動(dòng)激勵(lì)模塊,獲得門檻也相對(duì)較低。通過活動(dòng)進(jìn)程的提高,轉(zhuǎn)化不同階段的用戶至更高階段。

因此,三種類型用戶看到的任務(wù)系統(tǒng)各不相同,在任務(wù)路徑或者提醒反饋上能更對(duì)應(yīng)目標(biāo)的進(jìn)行設(shè)計(jì)引導(dǎo)。后續(xù)整體上線后數(shù)據(jù)整體歸因來看,對(duì)于大盤數(shù)據(jù)有顯著的提升,這些物質(zhì)激勵(lì)直接帶動(dòng)了中低活躍度用戶的登錄、留存,間接帶動(dòng)了時(shí)長,同時(shí)進(jìn)入權(quán)益中心簽到行為也牽動(dòng)了用戶完成互動(dòng)任務(wù)。
?4.2 完善任務(wù)鏈路,強(qiáng)化簽到任務(wù)

1)簡化認(rèn)知成本,引導(dǎo)用戶完成等級(jí)任務(wù)
除了上述等級(jí)權(quán)益外,等級(jí)任務(wù)設(shè)置也是用戶能順利理解等級(jí)提升概念的重要一環(huán),在等級(jí)體系任務(wù)方面,我們按照用戶路徑來設(shè)計(jì)引導(dǎo),引導(dǎo)其順利完成任務(wù)。
?首先對(duì)任務(wù)列表排序方面由易到難,保證首屏任務(wù)用戶看起來更容易完成,同時(shí)任務(wù)支持云端控制,對(duì)不同用戶任務(wù)難易也可以支持配置,其次在任務(wù)鏈路方面,增加了對(duì)于較難任務(wù)的引導(dǎo)介紹,完成任務(wù)的路徑中增進(jìn)引導(dǎo),例如當(dāng)用戶輸入時(shí)輸入框增加默認(rèn)文案引導(dǎo):“發(fā)評(píng)論得成就值”,降低任務(wù)中斷;最后在發(fā)布成功后,反饋告知成就值增加數(shù)量,增加回流提示,方便回到等級(jí)任務(wù)頁面持續(xù)完成任務(wù)。

2)強(qiáng)化低成本任務(wù)“每日簽到”,突出平臺(tái)的陪伴感知
等級(jí)中的簽到是最易完成任務(wù)類型,部分老用戶始終堅(jiān)持簽到,甚至達(dá)到百日以上,表明簽到系統(tǒng)確實(shí)能促進(jìn)用戶留存。因此設(shè)計(jì)上強(qiáng)化了簽到按鈕與簽到后的反饋,并衍生出了新的簽到反饋——日簽卡。日簽卡以彌散清新的風(fēng)格進(jìn)行對(duì)應(yīng)設(shè)計(jì),配合常用的花卉、食材等圖案、文案分別對(duì)應(yīng)中年人愛看的人生感悟、養(yǎng)生常識(shí)、歷史上的今天,溫馨感十足,上線后還吸引了大量用戶分享保存日簽卡,極大的提升了簽到用戶的次日留存。

4.3 提升獲得感知,加強(qiáng)激勵(lì)觸達(dá)用戶
1)提升精神激勵(lì)的正反饋與榮譽(yù)感知

影響用戶等級(jí)的行為主要可分為:“主動(dòng)行為”和“被動(dòng)行為”。主動(dòng)行為:指用戶主動(dòng)付出的行為,可以是完善個(gè)人信息、發(fā)表評(píng)論等。被動(dòng)行為:指的是其他人對(duì)其的認(rèn)可行為,如獲得點(diǎn)贊、回答問題被評(píng)選優(yōu)質(zhì)解答等。主動(dòng)行為伴隨著完成任務(wù)之后的即時(shí)性完成提醒。被動(dòng)行為設(shè)置在用戶冷啟動(dòng)后的提醒。同時(shí)階段性成長也需要及時(shí)反饋給用戶,因此隨著在任務(wù)完成的階段性成長、將等級(jí)信息的變化、成就值變化及時(shí)觸達(dá)給用戶,同時(shí)也應(yīng)盡量減少在播放場景對(duì)用戶的打擾。

2)強(qiáng)化物質(zhì)激勵(lì)金錢感知
除了精神激勵(lì)外,針對(duì)于低活躍度與中活躍度用戶,進(jìn)行差異化的激勵(lì),用物質(zhì)金錢刺激用戶訪問或完成任務(wù)。
?入口樣式:低活用戶使用了首頁懸浮球強(qiáng)引導(dǎo)進(jìn)入,同時(shí)中低活躍度的簽到入口也增加了紅包的樣式,吸用用戶快速點(diǎn)擊進(jìn)入簽到。
?提醒方面:當(dāng)?shù)突钴S度用戶首次進(jìn)入到等級(jí)任務(wù)系統(tǒng)時(shí),我們設(shè)計(jì)了彈窗強(qiáng)化,幫助用戶快速理解獎(jiǎng)勵(lì)的獲取方式;當(dāng)用戶有過簽到行為時(shí),第二天進(jìn)入好看時(shí)會(huì)以站內(nèi)信通知的形式吸引用戶別忘記當(dāng)前連續(xù)簽到。
?反饋方面:當(dāng)用戶獲得金錢獎(jiǎng)勵(lì)也會(huì)有強(qiáng)樣式彈窗提醒。

寫在最后
產(chǎn)品激勵(lì)體系的設(shè)計(jì)是一個(gè)綜合多種因素的復(fù)雜過程,它需要結(jié)合產(chǎn)品特性、運(yùn)營模式以及用戶特征,同時(shí)還需考慮投資回報(bào)率和成本等因素,最終形成一條連貫的設(shè)計(jì)方案。本文試圖從交互設(shè)計(jì)的角度,總結(jié)并分享相關(guān)理論知識(shí)和實(shí)踐經(jīng)驗(yàn)。隨著用戶對(duì)各種產(chǎn)品激勵(lì)手段的日益麻木,激勵(lì)設(shè)計(jì)也變得愈發(fā)復(fù)雜,筆者更傾向于產(chǎn)品在用戶激勵(lì)設(shè)計(jì)方面采取簡單清晰的方式,不夸大設(shè)計(jì)理念也不過于復(fù)雜化,以示對(duì)每一位用戶的尊重。同時(shí),也希望看到這里的你能夠有所收獲。

感謝閱讀,以上內(nèi)容均由百度MEUX團(tuán)隊(duì)原創(chuàng)設(shè)計(jì),以及百度MEUX版權(quán)所有,轉(zhuǎn)載請注明出處,違者必究,謝謝您的合作。申請轉(zhuǎn)載授權(quán)后臺(tái)回復(fù)【轉(zhuǎn)載】。也歡迎加入MEUX,視覺/交互/運(yùn)營設(shè)計(jì)師。關(guān)于我們:MEUX,百度移動(dòng)生態(tài)用戶體驗(yàn)設(shè)計(jì)中心,負(fù)責(zé)百度移動(dòng)生態(tài)體系的用戶/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。服務(wù)的產(chǎn)品包括百度APP、百度搜索、百度百科、百度貼吧、百度商業(yè)產(chǎn)品等。MEUX以「簡單極致」為設(shè)計(jì)理念,創(chuàng)造極致用戶體驗(yàn)的同時(shí)賦能商業(yè),推動(dòng)設(shè)計(jì)行業(yè)的價(jià)值和影響力,讓生活因設(shè)計(jì)而更美好。 展開全文66%

作者:百度MEUX
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(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ì)( sillybuy.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è)計(jì)是一門創(chuàng)造性的藝術(shù),旨在解決各種問題,改善人們的生活、工作和娛樂體驗(yàn)。設(shè)計(jì)不僅是一種視覺藝術(shù)形式,還涉及到各種因素,比如人機(jī)交互、用戶體驗(yàn)、可持續(xù)性等方面。設(shè)計(jì)者需要充分了解各種問題,并運(yùn)用創(chuàng)造性的方式提出創(chuàng)新解決方案。

設(shè)計(jì)就是要做一些根本性的改變。這是因?yàn)樵O(shè)計(jì)的目的是解決問題,而問題本身可能需要根本性的改變才能得到解決。例如,如果一個(gè)產(chǎn)品或服務(wù)無法滿足用戶的需求,那么設(shè)計(jì)師就需要進(jìn)行修改和改進(jìn)以更好地滿足用戶需求。這可能需要對(duì)產(chǎn)品的整體結(jié)構(gòu)、功能和用戶體驗(yàn)進(jìn)行重新設(shè)計(jì)。

在設(shè)計(jì)過程中,設(shè)計(jì)師需要充分了解問題并與相關(guān)人員進(jìn)行溝通與交流,以確保設(shè)計(jì)方案滿足方案的要求。設(shè)計(jì)師需要了解目標(biāo)用戶的需求和使用場景,以便開發(fā)出最適合他們的解決方案。此外,設(shè)計(jì)師還需要考慮諸如成本、生產(chǎn)效率和可持續(xù)性等問題。

為了做出根本性的改變,設(shè)計(jì)者需要遵循以下幾個(gè)步驟:

了解問題

設(shè)計(jì)師需要充分了解與問題相關(guān)的所有因素,包括問題的根源、用戶需求、使用場景、競爭對(duì)手等。這些信息將有助于設(shè)計(jì)師了解問題并提出最佳解決方案。

提出創(chuàng)新解決方案

設(shè)計(jì)師需要將他們所學(xué)習(xí)到的知識(shí)和理論與實(shí)際情況相結(jié)合,提出新穎的、可操作的、高效的解決方案。這需要設(shè)計(jì)師具備創(chuàng)造力、創(chuàng)新精神、邏輯思維能力等。

實(shí)施方案

設(shè)計(jì)師需要將他們的設(shè)計(jì)方案付諸實(shí)踐,并確認(rèn)它們是否能夠達(dá)到預(yù)期的效果。在實(shí)施過程中,設(shè)計(jì)師可能需要進(jìn)行修改和調(diào)整,以確保其解決方案的質(zhì)量。

評(píng)估結(jié)果

一旦設(shè)計(jì)師完成了他們的設(shè)計(jì)方案,他們需要評(píng)估其在實(shí)踐中的效果。評(píng)估包括測試、用戶反饋和性能改進(jìn)。如果問題仍然存在,則需要重新回到設(shè)計(jì)過程中,重新審視問題并提出新的解決方案。

總之,設(shè)計(jì)者必須具有好奇心、創(chuàng)造性和批判性思維來找出問題的真正根源,并提供創(chuàng)新解決方案。通過這些步驟,設(shè)計(jì)者可以改變事物的本質(zhì),并帶來更好的用戶體驗(yàn)和生活質(zhì)量。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(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ì)( sillybuy.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ì)公司。

漲姿勢!怎么樣讓用戶覺得簡潔的界面有細(xì)節(jié)?

博博

在當(dāng)今數(shù)字化時(shí)代,用戶界面對(duì)于一個(gè)產(chǎn)品來說是至關(guān)重要的。一個(gè)好的用戶界面可以提高用戶的使用體驗(yàn),并提高用戶的滿意度和忠誠度。而一個(gè)簡潔的界面,如果能夠在細(xì)節(jié)方面下功夫,同樣可以讓用戶產(chǎn)生深刻的印象。本文將從設(shè)計(jì)師的角度出發(fā),探討如何設(shè)計(jì)出一種讓用戶感覺簡潔的界面卻又充滿了細(xì)節(jié)的方法。

第一章 簡潔的設(shè)計(jì)

首先,讓我們來聊聊什么是簡潔的設(shè)計(jì)。簡潔的設(shè)計(jì)通常體現(xiàn)在以下幾個(gè)方面:

一、內(nèi)容繁瑣程度低:簡潔的設(shè)計(jì)通常會(huì)精簡掉一些不必要的內(nèi)容,使得整個(gè)界面顯得干凈利落。

二、顏色搭配簡約:顏色搭配的簡潔對(duì)于用戶使用也是非常友好的。而一些過于花哨的色彩突出的界面會(huì)讓人感覺疲憊。

三、字體簡單明了:不同的字體可以為界面帶來不同的氛圍,但是過多的字體在視覺上會(huì)感到混亂,而一個(gè)簡單明了的字體會(huì)讓界面更為清晰。

四、布局合理:簡潔的設(shè)計(jì)會(huì)考慮到布局的合理性,能夠把界面上不同的元素彼此隔離,減少干擾。

第二章 細(xì)節(jié)的處理

通過前面的探討,我們了解到了什么是簡潔的設(shè)計(jì)。接下來,我們需要在這個(gè)基礎(chǔ)上加入更多的細(xì)節(jié),從而提高用戶體驗(yàn)。

一、微交互:微交互可以改善用戶與互聯(lián)網(wǎng)產(chǎn)品打交道的體驗(yàn),它們通常是簡單和快速的反饋,例如按鈕按下后的動(dòng)畫效果。這些微交互雖然小,但是確實(shí)能夠帶給用戶沉浸式的使用感受。

二、動(dòng)態(tài)圖像:相比于靜態(tài)的圖片,動(dòng)態(tài)圖像能夠讓用戶感受到更多的信息,從而更好地呈現(xiàn)出產(chǎn)品的特性。

三、交互反饋:當(dāng)用戶進(jìn)行界面上的操作時(shí),必須有適當(dāng)?shù)姆答亖泶_認(rèn)操作已經(jīng)成功執(zhí)行或未執(zhí)行。這樣的反饋是對(duì)用戶行為的最初回應(yīng),它決定了用戶對(duì)界面完成任務(wù)的信任度。

四、十分精致的圖標(biāo)和按鈕:當(dāng)像素越高時(shí),細(xì)節(jié)就會(huì)變得更加明顯。因此,在設(shè)計(jì)圖標(biāo)和按鈕時(shí),應(yīng)該采用高像素并確保圖標(biāo)的細(xì)節(jié)和構(gòu)造清晰,這樣能讓用戶有更好的使用體驗(yàn)。

結(jié)語

總之,設(shè)計(jì)一個(gè)偏簡潔卻充滿了細(xì)節(jié)的界面是一項(xiàng)挑戰(zhàn)。我們應(yīng)該嘗試從微觀的角度出發(fā),為用戶提供盡可能優(yōu)秀的交互體驗(yàn)。同時(shí),也應(yīng)該將自己的品味和創(chuàng)造力在這些細(xì)節(jié)上充分展現(xiàn)。最后,希望通過本文的探討,能夠?qū)ψx者在設(shè)計(jì)界面時(shí)提供一點(diǎn)啟發(fā)。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(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ì)( sillybuy.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ì)公司。

做好中文排版!讓長文章更容易閱讀的十項(xiàng)原則

博博

長篇文章是很多人喜歡寫作的一種方式,但對(duì)于讀者來說,閱讀長篇文章可能會(huì)非常困難。為了讓你的文章更容易被人們所理解和接受,下面給出了十項(xiàng)原則。

  • 使用簡單明了的語言

使用簡單易懂的詞匯能夠讓你的文章更加容易被讀者理解。避免使用晦澀難懂的詞匯和術(shù)語,這些詞匯會(huì)讓讀者感到迷惑和無助。

  • 使用有條理的結(jié)構(gòu)

使用清晰的文章結(jié)構(gòu),使得讀者可以更好地理解文章的內(nèi)容??梢允褂么髽?biāo)題、小標(biāo)題、段落等方式,來將文章分成邏輯連貫的部分。

  • 使用段落和分點(diǎn)

在長篇文章中使用段落和分點(diǎn),有助于提高文章的可讀性。段落應(yīng)該是短小精悍的,每個(gè)段落都應(yīng)該有一個(gè)中心思想和一個(gè)明確的觀點(diǎn)。

  • 突出重要信息

用黑體或斜體突出重要信息,以幫助讀者更快速地了解文章的核心內(nèi)容。如果你需要提供比較詳細(xì)的信息,可以將其放在括號(hào)或引號(hào)中,以使它更加顯眼。

  • 使用圖片和圖表來展示信息

使用圖片和圖表可以讓你的文章更加生動(dòng)、有趣,并且更容易被讀者接受。圖片和圖表應(yīng)該與文章的主題相關(guān),并且應(yīng)該明確地展示所要傳達(dá)的信息。

  • 按順序排列信息

按照時(shí)間順序或事件發(fā)生的順序來組織文章,可以讓讀者更好地理解主題。具體做法是,從過去到現(xiàn)在或從小到大的規(guī)模來排列內(nèi)容。

  • 避免使用過于復(fù)雜的句子

長篇文章中,避免使用過于復(fù)雜的句子和結(jié)構(gòu)。使用簡單的句子和清晰的語言,可以幫助讀者更好地理解文章。

  • 使用簡單的格式

使用簡單的格式可以提高文章的可讀性。避免使用花哨的字體和顏色,以及過多的粗體和斜體,這樣可能會(huì)讓文章看起來混亂不堪。

  • 檢查語法和拼寫錯(cuò)誤

任何語法和拼寫錯(cuò)誤都會(huì)影響文章的可讀性。仔細(xì)檢查并糾正這些錯(cuò)誤,可以讓文章更加準(zhǔn)確和易懂。

  • 讓文章易于分享和轉(zhuǎn)載

如果想讓更多人了解你的文章,需要讓文章易于分享和轉(zhuǎn)載??梢栽谖恼碌撞糠胖蒙缃幻襟w分享按鈕,或者允許其他網(wǎng)站轉(zhuǎn)載你的文章,以便更多的人能夠閱讀你的文章。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(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ì)( sillybuy.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ì)公司。

漲姿勢!歐美用戶的交互學(xué)習(xí)能力到底是怎樣的?

博博

歐美用戶的交互學(xué)習(xí)能力是指他們在與技術(shù)產(chǎn)品進(jìn)行交互時(shí),學(xué)習(xí)和適應(yīng)該產(chǎn)品的能力。這種能力可以通過對(duì)歐美用戶使用技術(shù)產(chǎn)品的行為、反饋和心理過程進(jìn)行觀察和研究來了解。

歐美用戶的交互學(xué)習(xí)能力取決于多種因素,包括個(gè)體差異、產(chǎn)品設(shè)計(jì)、使用環(huán)境以及文化和社會(huì)因素。在這篇文章中,我們將探討這些因素是如何影響歐美用戶的交互學(xué)習(xí)能力的。

首先,歐美用戶的個(gè)體差異對(duì)交互學(xué)習(xí)能力有顯著影響。研究表明,一些用戶可能比其他用戶更快地學(xué)會(huì)如何使用一個(gè)技術(shù)產(chǎn)品。這些個(gè)體差異可能與年齡、性別、教育水平、職業(yè)背景以及先前的技術(shù)經(jīng)驗(yàn)有關(guān)。例如,年輕人、男性或技術(shù)從業(yè)者更可能比其他用戶更快地學(xué)會(huì)使用新的技術(shù)產(chǎn)品。

其次,產(chǎn)品設(shè)計(jì)對(duì)歐美用戶的交互學(xué)習(xí)能力也至關(guān)重要。一個(gè)好的產(chǎn)品設(shè)計(jì)應(yīng)該是易于使用、直觀和具有一致性的。良好的產(chǎn)品設(shè)計(jì)可以幫助歐美用戶快速學(xué)會(huì)如何使用一個(gè)新的技術(shù)產(chǎn)品。另外,產(chǎn)品設(shè)計(jì)還應(yīng)該考慮到不同的用戶需求和能力水平。例如,對(duì)于老年用戶,產(chǎn)品設(shè)計(jì)應(yīng)該更簡單、更易于理解和使用。

使用環(huán)境也是影響歐美用戶交互學(xué)習(xí)能力的因素之一。研究表明,環(huán)境因素,如噪音、光線、溫度等,可能會(huì)影響用戶的學(xué)習(xí)和注意力。在設(shè)計(jì)產(chǎn)品時(shí),應(yīng)該考慮到這些環(huán)境因素,并采取相應(yīng)的措施來改善用戶體驗(yàn)。

文化和社會(huì)因素也對(duì)歐美用戶的交互學(xué)習(xí)能力產(chǎn)生影響。在歐美文化中,人們普遍被認(rèn)為是自主和獨(dú)立的個(gè)體,他們希望擁有控制自己行為的權(quán)利和自由。因此,在技術(shù)產(chǎn)品的設(shè)計(jì)和推廣中,應(yīng)該考慮到這些文化特點(diǎn),并尊重用戶的自主權(quán)和個(gè)人隱私。

總之,歐美用戶的交互學(xué)習(xí)能力是多種因素共同作用的結(jié)果,其中個(gè)體差異、產(chǎn)品設(shè)計(jì)、使用環(huán)境以及文化和社會(huì)因素都對(duì)其產(chǎn)生影響。在設(shè)計(jì)和推廣技術(shù)產(chǎn)品時(shí),應(yīng)該充分考慮到這些因素,以便提高歐美用戶的交互學(xué)習(xí)能力,并提高產(chǎn)品的用戶體驗(yàn)。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(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ì)( sillybuy.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ì)公司。

DU會(huì)員設(shè)計(jì)系統(tǒng)建設(shè)之路

博博

會(huì)員體系建設(shè)的價(jià)值在于以體系化機(jī)制培育用戶對(duì)產(chǎn)品的忠誠度,同時(shí)提供給高價(jià)值用戶更有價(jià)值的權(quán)益服務(wù)。百度APP DU會(huì)員體系搭建整合百度內(nèi)部資訊專欄、小說、文庫、網(wǎng)盤、咨詢、生活服務(wù)、裝扮、工具、小度學(xué)堂等多業(yè)務(wù)權(quán)益,多維度滿足用戶學(xué)習(xí)、生活服務(wù)、效率升級(jí)、個(gè)性表達(dá)、娛樂訴求深度,成為用戶留存的關(guān)鍵。

為了將百度體系下眾多跨業(yè)務(wù)權(quán)益整合為DU會(huì)員權(quán)益,搭建百度APP DU會(huì)員權(quán)益服務(wù)體系,設(shè)計(jì)從建立獨(dú)特、統(tǒng)一的品牌印記、搭建豐富高價(jià)值權(quán)益聚合新場域、對(duì)用戶轉(zhuǎn)化全鏈路精細(xì)設(shè)計(jì)3個(gè)方向開展。

一、通過獨(dú)特和統(tǒng)一的DU會(huì)員品牌設(shè)計(jì)語言建立品牌印記

1、DU會(huì)員LOGO圖形與百度體系其他業(yè)務(wù)會(huì)員差異化設(shè)計(jì),目標(biāo)建立明確清晰印象和認(rèn)知。

LOGO圖形采用皇冠+V結(jié)合100度傾斜角度設(shè)計(jì),與其他業(yè)務(wù)會(huì)員LOGO圖形差異化。LOGO以用戶為中心,百分百為用戶提供百度體系豐富優(yōu)質(zhì)的權(quán)益,提供尊享服務(wù)。

2、界面設(shè)計(jì)以簡潔清晰、年輕精致、豐富尊享的設(shè)計(jì)定位,從色、形、質(zhì)、構(gòu)、字多維度滲透年輕化設(shè)計(jì)語言,增強(qiáng)品牌識(shí)別性和記憶點(diǎn),凸顯會(huì)員尊享感,搭建全新視覺體驗(yàn)。

色:清透明快、年輕活潑

視覺降噪,以高飽和高明度黃金為主色,搭配白底輔助色,強(qiáng)對(duì)比、高明度形成鮮明清晰的視效層次,頭部背景采用鎏金漸變色,整體色彩搭配給用戶年輕、確定、活潑輕快的視覺感受。

形:溫潤親和、直觀清晰

ICON圖形采用肯定包容的面型,以提升權(quán)益辨識(shí)度、圖形更大、留白更多,幫助用戶更直觀更高效區(qū)分權(quán)益類型。ICON圖形疊加部分采用毛玻璃質(zhì)感,品質(zhì)細(xì)膩精致,ICON親和明確。

質(zhì):細(xì)膩吸睛、精致尊享

采用高光立體感材質(zhì)設(shè)計(jì),突出會(huì)員品質(zhì)感和吸引力,增強(qiáng)會(huì)員權(quán)益獲得感。

構(gòu):簡潔突出、清晰統(tǒng)一

卡片、圖片、按鈕超大圓角,年輕親和,內(nèi)容與卡片間距大留白,多模塊瀏覽舒適,提升頁面節(jié)奏感和呼吸感,白底與內(nèi)容形成鮮明層級(jí)關(guān)系,視覺降噪簡潔。

字:層次清晰、高辨識(shí)度

收斂字號(hào)減少層級(jí)、標(biāo)題、數(shù)字字體特殊處理展示,辨識(shí)度更高、氣質(zhì)更年輕。

二、整合百度高價(jià)值權(quán)益搭建豐富的權(quán)益聚合新場域

搭建聯(lián)合會(huì)員聚合、流暢播等高價(jià)值權(quán)益聚合場景,權(quán)益顯性化設(shè)計(jì)。采用3D元素設(shè)計(jì),增強(qiáng)會(huì)員權(quán)益獲得感,突出會(huì)員服務(wù)品質(zhì)感和吸引力。


1、聯(lián)合會(huì)員高價(jià)值場域視覺強(qiáng)化提吸引

會(huì)員中心聯(lián)合會(huì)員模塊、聯(lián)合會(huì)員聚合和權(quán)益詳情,封面運(yùn)用3D玻璃材質(zhì)設(shè)計(jì),強(qiáng)化聯(lián)合會(huì)員權(quán)益高品質(zhì)和吸引力。

2、會(huì)員熱門權(quán)益場域視覺品牌統(tǒng)一強(qiáng)感知


流暢播、視頻備份、裝扮(掛件、個(gè)人主頁背景、頭像、換膚)、小度特權(quán)等高價(jià)值權(quán)益,在觸點(diǎn)場景入口和開通面板中,DU會(huì)員品牌和3D元素設(shè)計(jì)顯性化,強(qiáng)化DU會(huì)員權(quán)益感知和吸引力,提轉(zhuǎn)化。

3、下沉用戶場域視覺顯性化設(shè)計(jì)

針對(duì)百度APP極速版下沉用戶,會(huì)員中心開通前打造省賺看享4大權(quán)益,視覺強(qiáng)化大標(biāo)題突出賺錢,省錢認(rèn)知,結(jié)合極速版任務(wù)系統(tǒng)和故事會(huì),豐富權(quán)益和省錢感知顯性化設(shè)計(jì),提升會(huì)員轉(zhuǎn)化。

三、對(duì)用戶轉(zhuǎn)化全鏈路精細(xì)設(shè)計(jì)促轉(zhuǎn)化

設(shè)計(jì)驅(qū)動(dòng)前瞻構(gòu)建會(huì)員開通前、中、后支付全鏈路系統(tǒng)打法,每個(gè)環(huán)節(jié)給用戶強(qiáng)感知、易操作、快核銷的操作體驗(yàn),強(qiáng)化會(huì)員開通和權(quán)益核銷引導(dǎo),提升會(huì)員續(xù)費(fèi)率,做好用戶激勵(lì)和轉(zhuǎn)化。


1、開通前認(rèn)知階段-強(qiáng)感知


增價(jià)值吸引,擴(kuò)入口規(guī)模,增動(dòng)效強(qiáng)引導(dǎo)提吸引,權(quán)益整合大標(biāo)題突出賺錢、省錢認(rèn)知。


建規(guī)范-規(guī)?;厝肟?/strong>


會(huì)員滲透場景持續(xù)擴(kuò)面,統(tǒng)一和規(guī)范DU會(huì)員導(dǎo)流控件等入口模塊視覺語言,開通導(dǎo)流條、會(huì)員標(biāo)簽、會(huì)員按鈕等會(huì)員元素在百度APP主端和極速版26場景規(guī)?;瘽B透,強(qiáng)化統(tǒng)一的DU會(huì)員認(rèn)知。

增動(dòng)效-強(qiáng)引導(dǎo)提吸引


會(huì)員中心權(quán)益圖標(biāo)、開通會(huì)員按鈕、運(yùn)營圖增動(dòng)效提吸引,權(quán)益整合大標(biāo)題突出賺錢、省錢認(rèn)知,權(quán)益區(qū)打通動(dòng)態(tài)圖標(biāo)配置能力,圖標(biāo)動(dòng)態(tài)化擴(kuò)容提升權(quán)益感知,周年和節(jié)日大促烘托活動(dòng)氛圍,提升吸引力。

2、開通中行動(dòng)階段-易操作

減步長強(qiáng)優(yōu)惠促?zèng)Q策,動(dòng)效提優(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)信息、外露買就送附贈(zèng)優(yōu)惠信息,重要信息動(dòng)效設(shè)計(jì)提吸引力。


2)支付面板增優(yōu)惠抵扣模塊,任務(wù)余額抵扣會(huì)員費(fèi)用,提升優(yōu)惠感知。


3)支付增挽留彈窗外露優(yōu)惠信息,動(dòng)效提優(yōu)惠感知促會(huì)員轉(zhuǎn)化率。

3、開通后留存階段-快核銷


開通后差異設(shè)計(jì)引導(dǎo)不同階段用戶核銷,突出會(huì)員獲得感。


新開通用戶-引導(dǎo)提核銷


儀式感強(qiáng)動(dòng)效引導(dǎo)熱門權(quán)益核銷,沉浸式動(dòng)畫引導(dǎo)秒殺,給用戶會(huì)員超值感受,帶動(dòng)會(huì)員券使用率提升。

沉默用戶 - 喚醒引導(dǎo)使用


從強(qiáng)到弱交叉推送,強(qiáng)動(dò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è)人中心、掛件商城、會(huì)員中心等場景以優(yōu)惠福利、專屬權(quán)益強(qiáng)化等多手段引導(dǎo)續(xù)費(fèi)。

作者:百度MEUX
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(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ì)sillybuy.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ì)公司。



作者:百度MEUX
鏈接:https://www.zcool.com.cn/article/ZMTU1MjgzMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。


作者:全球設(shè)計(jì)目錄
來源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(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ì)sillybuy.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ì)公司

如何讓Midjourney變成設(shè)計(jì)工作中的萬能圖庫

博博

前言

如果你要設(shè)計(jì)以真實(shí)場景為主的banner或者主視覺,往往都會(huì)在各大網(wǎng)站圖庫里找半天,挑挑選選可能都找不到滿意的,或是容易和別人用到一樣的圖片。想要找到一張?zhí)貏e的又獨(dú)一無二的難上加難,而且自己也沒時(shí)間建模和拍攝

AI圖片的生成為這個(gè)痛點(diǎn)找到了更好的解決方案,這篇文章就是要和大家分享一下使用AI制作好用的圖庫素材照片,我將會(huì)按照真實(shí)工作場景搭配設(shè)計(jì)落地方案來和大家分享AI使用經(jīng)驗(yàn),讓你看了就學(xué)會(huì),學(xué)會(huì)就馬上能用



用結(jié)構(gòu)化方式思考咒語


以下需求是我設(shè)計(jì)中要用到的素材,我希望可以有一張【穿西裝并且手提公文包的男士站在摩天大樓前】的寫實(shí)照片當(dāng)作首圖,首先先想一下我們需要的素材大概畫面的呈現(xiàn),思考的框架可以參考以下,以下內(nèi)容為了方便關(guān)鍵詞我會(huì)用中文,但是實(shí)際操作中Prompt都必須使用英語





通過結(jié)構(gòu)化思維來描述這樣就不會(huì)有遺漏,也更能使畫面完整,另外像我的英語并不是很好,就會(huì)把寫好的內(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í)候,我通常會(huì)把重要的內(nèi)容放在前面,有時(shí)加在后面的關(guān)鍵詞不容易被機(jī)器人識(shí)別。個(gè)人的一點(diǎn)小經(jīng)驗(yàn),在描述的最后一定要加上需要的參數(shù),為了在后續(xù)的設(shè)計(jì)中更好適配尺寸需求,所以我選擇加上尺寸參數(shù)16:9,以下就是我通過關(guān)鍵詞生成的圖片




如果覺得結(jié)果都不滿意,可以重新用相同的Prompt再生成。AI好玩的地方就是它的隨機(jī)性,像是Promp就不建議非常詳細(xì),因?yàn)檫@樣反而會(huì)有意想不到的優(yōu)質(zhì)圖片產(chǎn)出

機(jī)器人生成以后就要開始挑選圖片了,如果對(duì)左上的結(jié)果比較滿意,就點(diǎn)擊v1,讓機(jī)器人針對(duì)這個(gè)圖片再去生成四張新的圖片,雖然左上效果不錯(cuò),但是手部有些奇怪,所以需要通過在該基礎(chǔ)上再次生成,來挑選沒有問題的圖片




這里說明一下U(upscaler)和V(variation)的區(qū)別,U就是選擇這張圖,然后會(huì)放大這張圖片畫質(zhì)更加清晰,V則是會(huì)針對(duì)你選擇的圖片再生成四張圖,與你選擇的圖片做輕微的調(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)鍵字去生成圖片畫面會(huì)有一種電影感,角度上我覺得更好一點(diǎn)。



最后說一下,我是用的版本是V5,產(chǎn)出的1024??1024高解析圖片,但是我個(gè)人感覺還是不夠清晰,所以會(huì)搭配圖片放大工具來一起使用。我常用的圖片放大工具h(yuǎn)ttp://replicate.com/sczhou/codeformer,放大效果清晰度都非常好,而且處理速度也很快,重點(diǎn)是免費(fèi)?。?!直接上傳圖片無需更改任何參數(shù),使用默認(rèn)預(yù)設(shè)清晰度絕對(duì)夠用,畫質(zhì)太高也沒有太大意義,反而會(huì)影響網(wǎng)站加載速




 

作者:全球設(shè)計(jì)目錄
來源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(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ì)sillybuy.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ì)公司。

你知道為什么對(duì)話框中的“確定”按鈕會(huì)在右邊嗎?

博博

聊聊關(guān)于“確認(rèn)”和“取消”按鈕的位置擺放邏輯~

目錄

平臺(tái)一致性的問題

按鈕的位置非常重要

為什么"確定"按鈕在右側(cè)效果更好

按鈕放置在角落還是放在一起?

結(jié)論

正文

大家好,我是西瓜~

這次我們聊一個(gè)設(shè)計(jì)知識(shí)點(diǎn),這個(gè)知識(shí)點(diǎn)平日會(huì)被設(shè)計(jì)師忽視,因?yàn)樗^于默許,但我們應(yīng)該知道的是,很多默認(rèn)的東西也是有自身的知識(shí)結(jié)構(gòu)支撐,久而久之被人忽視了。

大家應(yīng)該都見到過彈窗、表單里的"確定"和"取消"按鈕吧,這兩個(gè)按鈕大家還記得會(huì)放在頁面中的哪個(gè)位置嗎?"確定"按鈕是完成任務(wù)的主要操作,而"取消"按鈕是輔助操作,它主要的作用是用于返回到起點(diǎn)屏幕而放棄任務(wù)。那么,根據(jù)它們的功能,最佳的按鈕順序是什么?"確定"按鈕應(yīng)該放在"取消"按鈕之前還是之后呢?

平臺(tái)一致性的問題

可能這時(shí)候很多設(shè)計(jì)師會(huì)按照習(xí)慣,選擇遵循一致性,采用一些常見的組件樣式進(jìn)行操作。雖然這看起來似乎是解決問題的方法,但實(shí)際上并非如此。這并沒有回答哪種位置對(duì)用戶更有效以及為什么,單純遵循已有組件并不足以讓設(shè)計(jì)師有更好的思維和主動(dòng)思考的意識(shí)。

"一致性"是設(shè)計(jì)師中常用的一個(gè)詞。然而,這常常也被用作一個(gè)借口,讓設(shè)計(jì)師不深入思考用戶面臨的設(shè)計(jì)問題,如果一個(gè)設(shè)計(jì)師都不知道為什么一致性的規(guī)則存在,那么遵循這種設(shè)計(jì)慣例又有什么意義呢?

如果某種設(shè)計(jì)慣例對(duì)用戶來說是有害的,那么設(shè)計(jì)師是否應(yīng)該盲目遵循它,僅僅因?yàn)橐非笠恢滦??體驗(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ì)師可能會(huì)主張通過賦予操作按鈕更多的視覺重量和清晰明了的標(biāo)簽來突出界面中的操作按鈕,而不是僅關(guān)注按鈕的位置,雖然操作按鈕的視覺重量和標(biāo)簽是需要考慮的重要設(shè)計(jì)方面,但它們并不是唯一的方面。

真正一名有思想,會(huì)獨(dú)立思考的設(shè)計(jì)師會(huì)綜合考慮每個(gè)設(shè)計(jì)方面對(duì)用戶的影響,而不只是關(guān)注其中的一個(gè)方面,對(duì)于設(shè)計(jì)師來說,最難的是確定主要操作和次要操作的最佳放置方式。這就是我為什么關(guān)于"確定"/"取消"按鈕的位置進(jìn)行說明的原因。

為什么"確定"按鈕在右側(cè)效果更好

當(dāng)我們在使用設(shè)計(jì)組建框架前進(jìn)行考慮時(shí),你可能會(huì)開始明白哪個(gè)位置會(huì)對(duì)用戶效果更好一些,我們可以通過分析設(shè)計(jì)對(duì)用戶的影響來解決這個(gè)問題。

1、減少視覺注視

有些設(shè)計(jì)師認(rèn)為,將主要操作放在左側(cè),在次要操作之前,對(duì)用戶來說更好,因?yàn)樗?,所以點(diǎn)擊所需時(shí)間更少,這看起來好像有點(diǎn)道理,但我們不能忽視一個(gè)問題,即在選擇要執(zhí)行的操作之前,用戶會(huì)查看所有選項(xiàng),這意味著大多數(shù)用戶不會(huì)在不查看旁邊的次要操作按鈕的情況下盲目地點(diǎn)擊主要操作按鈕。

他們將首先看到左側(cè)的主要操作,然后再看右側(cè)的次要操作,然后他們會(huì)將視線轉(zhuǎn)回主要操作按鈕進(jìn)行點(diǎn)擊。這里總共涉及到三個(gè)視覺注視點(diǎn),在多個(gè)方向上分散了用戶的注意力。

與將主要操作放在左側(cè)相比,將主要操作放在對(duì)話框的右側(cè),將次要操作放在左側(cè),用戶只需注視每個(gè)按鈕一次,并在主要操作按鈕上結(jié)束。這樣一來,視覺注視的數(shù)量就減少了,并且在一個(gè)方向上產(chǎn)生了更流暢的視覺流動(dòng)。

用戶只關(guān)注每個(gè)按鈕一次,并最終停留在主要操作按鈕上,將主要操作放在左側(cè)可能會(huì)使用戶更容易點(diǎn)擊,但從用戶的心理過程和視覺注視速度來看,將主要操作放在對(duì)話框的右側(cè)實(shí)際上更快。

2、與預(yù)期的按鈕功能相匹配

當(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è)是后退方向。

3、"確定"讓用戶前進(jìn)到下一個(gè)屏幕,"取消"讓用戶返回到原始屏幕。

對(duì)話框中的"確定"和"取消"按鈕應(yīng)該遵循類似的交互模式,因?yàn)樗鼈兊墓δ茴愃朴诜猪摪粹o,另外這種左右方向模式也是用戶熟悉的。將主要操作放在右側(cè),將次要操作放在左側(cè),可以使對(duì)話框按鈕對(duì)用戶更易于理解和使用。

4、提供更高效的任務(wù)流程

將按鈕放置在對(duì)話框的右下角更容易被用戶點(diǎn)擊,因?yàn)檫@符合【古騰堡圖表】。在古騰堡圖表中,右下角區(qū)域是終端區(qū)域,用戶在掃視后的最終目的地。

將按鈕放在終端區(qū)域可以使用戶在視覺掃描時(shí)看到他們最后需要執(zhí)行的主要操作,這不僅改善了視覺流動(dòng),還改善了任務(wù)流程。用戶在掃視過程中不會(huì)錯(cuò)過主要操作按鈕,當(dāng)他們經(jīng)過時(shí),他們的目光會(huì)停留在上面,從而可以立即點(diǎn)擊它。

掃視對(duì)話框并采取行動(dòng)變得更快更容易,因?yàn)橛脩舻哪抗庾罱K會(huì)落在主要操作按鈕上。


按鈕放置在角落還是放在一起?

我們需要考慮另一個(gè)問題,那就是我們應(yīng)該將按鈕放在角落還是放在一起,當(dāng)將主要操作和次要操作放在對(duì)話框的角落時(shí),這與左右導(dǎo)航方向相吻合,這是很好的映射。然而,由于"確定"和"取消"按鈕并不是導(dǎo)航按鈕,因此并不需要遵循方向映射,有時(shí)候這樣做可能帶來更多的弊端。

較大的視覺分離使得比較操作變得困難,并將一個(gè)操作與另一個(gè)操作隔離開來 如果產(chǎn)品頁面即將執(zhí)行用戶無法撤銷的關(guān)鍵操作,那么用戶可以看到"取消"按鈕和"確定"按鈕是很重要的。在這種情況下,"取消"按鈕的功能可能類似于"上一步"按鈕,但它更重要,因?yàn)樗洚?dāng)安全按鈕以防止任何更改。

將"取消"按鈕放置在最左下角的危險(xiǎn)在于,由于兩個(gè)按鈕之間的視覺分離較大,可能會(huì)導(dǎo)致用戶忽略它。將"取消"按鈕與"確定"按鈕放在一起可以讓用戶更輕松地在一次注視中查看和比較這兩個(gè)操作,以選擇最佳操作。  


作者:西瓜聊設(shè)計(jì)
來源:站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~

希望得到建議咨詢、商務(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ì)sillybuy.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ì)公司

日歷

鏈接

個(gè)人資料

存檔