案例錦囊|如何巧用「文案設(shè)計(jì)」優(yōu)化用戶體驗(yàn)?

2021-8-23    seo達(dá)人


1. 場景化用詞

針對特定的場景,使用文案進(jìn)行情感的烘托、渲染或是放大,通常可以帶來意想不到的效果。

 

案例 1

QQ 音樂會(huì)員到期的續(xù)費(fèi)提醒文案,是由各類歌名組成的一句話,每天的到期提醒都不同。這種形式增加了用戶的停留時(shí)長,也更富有情感共鳴。

圖片

 

案例 2

釘釘?shù)淖烂姘妫谟脩敉顺龊笾匦碌卿洉r(shí),在產(chǎn)品的右半側(cè)會(huì)分不同時(shí)段展現(xiàn)不同的歡迎用語,下圖是早上和中午的歡迎頁。

圖片

 

案例 3

知識(shí)星球在用戶發(fā)表評論時(shí),會(huì)用不同的語句,對評論這個(gè)場景做用戶行為引導(dǎo)。

圖片

 

案例 4

很多產(chǎn)品對于某些功能的空狀態(tài)設(shè)計(jì),都融入了個(gè)性化的語言描述,至少會(huì)讓頁面更有情趣:

圖片

 

2. 更精準(zhǔn)的描述信息

有些文案對于信息起到精準(zhǔn)的描述和呈現(xiàn),雖不是必須要呈現(xiàn)的內(nèi)容,卻可以將文案作為加分項(xiàng),而創(chuàng)造更優(yōu)的體驗(yàn)。

 

案例 1

支付寶頁面的“理財(cái)熱點(diǎn)”和“抗擊疫情”的數(shù)據(jù),都顯示了實(shí)時(shí)更新的時(shí)間數(shù)據(jù),讓信息給用戶的感覺變得更加可信和準(zhǔn)確。

圖片

 

案例 2

京東的一些商品在提交訂單頁面,會(huì)顯示商品進(jìn)入了某個(gè)排行榜,比如  “恭喜你,挑選的商品好評度高達(dá) 97%”,或者 “XXX熱賣榜第 2 名” 等,給予用戶的選購能力和產(chǎn)品質(zhì)量的肯定,促使用戶開心買單。

圖片

 

案例 3

美團(tuán)外賣在開通會(huì)員的卡片上很醒目的標(biāo)示出卡通會(huì)員后,可以為用戶節(jié)省的預(yù)估成本,以及限時(shí)的驚喜紅包提示,降低會(huì)員成本在用戶心里的預(yù)估價(jià)。

圖片

 

案例 4

飛書的聊天窗口中,每條消息的時(shí)間默認(rèn)不顯示,但在單擊每條消息時(shí),就會(huì)在下方顯示該條消息的時(shí)間,精確到秒級。

圖片

 

3. 字體和排版設(shè)計(jì)

對于文案本身的字體選擇和排版設(shè)計(jì),如果可以和文案的內(nèi)容或功能有效的結(jié)合,也可以對用戶體驗(yàn)起到提升作用。

 

案例 1

得到 App 的閱讀設(shè)置頁面,字體有 4 種選擇,字體樣式就用在字體名稱上進(jìn)行展示,讓用戶對于字體的樣式一目了然,很有體感。

圖片

類似的方案在很多軟件中都有體現(xiàn),比如 Sketch 的字體選擇功能:

圖片

 

案例 2

8 月 13 日有英仙座流星雨,B 站的央視新聞當(dāng)天的直播彈幕,就變成了流星雨的形狀,很有新意。

圖片

 

案例 3

同花順 App 中把用戶對于股票的評論以彈幕的形式進(jìn)行呈現(xiàn),既讓評論變得直觀,又可以提升用戶對于個(gè)股的重視程度。

圖片

 

原文鏈接:長弓小子(公眾號)

作者:元堯

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》案例錦囊|如何巧用「文案設(shè)計(jì)」優(yōu)化用戶體驗(yàn)?

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

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


日歷

鏈接

個(gè)人資料

存檔