不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它……

10 評論 6293 瀏覽 38 收藏 8 分鐘

編輯導(dǎo)語:“頭像”作為APP里最常見的要素之一,承載著用戶的基本信息和社交身份,一個好的頭像,不僅能帶來可玩性,在品牌建設(shè)、產(chǎn)品定位上也能發(fā)揮重要作用。那么,頭像還能怎么優(yōu)化呢?一起來看一下吧。

“頭像”是APP里最常見的要素之一,承載著用戶的基本信息和社交身份。這也是產(chǎn)品設(shè)計者容易忽略的點(diǎn),覺得它只是“展示用戶照片的組件”而已。

但在一名善于洞察的交互設(shè)計師眼里,可是很大的優(yōu)化空間:好的頭像不僅能帶來可玩性,在品牌建設(shè)、產(chǎn)品定位上也能發(fā)揮著重要作用。

下面作者就集合案例講解一下:頭像還能怎么優(yōu)化?

01 盡量幫用戶做選擇

在未使用第三方登錄(如微信),APP里是不存在真實(shí)的用戶頭像。

除了用戶手動在相冊里選擇一張照片這種有明確的操作目標(biāo)外,對于那些“不知道用什么頭像”的用戶,交互或產(chǎn)品側(cè)可以思考:是否能幫用戶自動選擇一些有趣的頭像?

不僅減少用戶的糾結(jié)與選擇,還能給用戶帶來未知的新鮮感。

就如:招聯(lián)金融的個人中心有一個「隨機(jī)頭像」:點(diǎn)擊閃現(xiàn)各種不同的男女生卡通形象,未知的新鮮感讓用戶會忍不住想多嘗試幾次。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

還有moonvy,則采用了小時候玩的老虎機(jī)進(jìn)行配置:當(dāng)你搖到什么樣的角色、表情和顏色時,系統(tǒng)就結(jié)合這三者生成你的頭像,特別好玩。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

02 可考慮品牌形象植入

順著上面的思路,如果用戶未選中頭像時,很多APP都會給用戶提供一個【默認(rèn)頭像】,而在這個基礎(chǔ)上交互也可考慮:能否植入一些對業(yè)務(wù)/產(chǎn)品等有效的品牌元素進(jìn)去,已達(dá)到強(qiáng)化「品牌認(rèn)知與用戶印象」的作用。

比如躺平APP上未登錄賬號時,系統(tǒng)會隨機(jī)給用戶一個特別有意思的默認(rèn)名稱、和品牌吉祥物的趣味頭像。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

雖然有點(diǎn)偏視覺層面,但是品牌意識是每個崗位都必須具備的共識。

還有馬蜂窩的默認(rèn)頭像,會隨著昵稱的變化而自動更改:

  • 輸入男明星,頭像是帶有異域風(fēng)情的女生
  • 輸入韓文,頭像會變成帥氣的男生

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

這種對【旅游】屬性的馬蜂窩來說,確實(shí)是一個有趣的創(chuàng)新點(diǎn)。

03 符合產(chǎn)品調(diào)性/定位

上面就有說到,產(chǎn)品或交互設(shè)計師應(yīng)該具有品牌意識,而在日常的原型繪制中同樣需要考慮:在信息呈現(xiàn)上是否有關(guān)于產(chǎn)品或品牌自身的定位和調(diào)性問題?以保持整體的協(xié)調(diào)性和用戶認(rèn)知的一致性。

舉個例子:一般的產(chǎn)品社區(qū)、廣場都是以【用戶】為主體,因此都用了“圓形”頭像。

而即刻APP是一個以【興趣圈子】為中心的內(nèi)容社區(qū),就用“大矩形”來顯示圈子的頭像和名稱。而在下方則用【小圓形】來顯示“用戶”的頭像和信息,很符合該模塊特有的產(chǎn)品定位設(shè)計。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

04 思考能否跟上熱點(diǎn)事件

頭像在APP里不應(yīng)該是躺著固定不變的,在遇到一些突然的社會熱點(diǎn)、有趣事件時,在頭像上進(jìn)行適當(dāng)?shù)脑O(shè)計,不僅能關(guān)聯(lián)到當(dāng)前熱點(diǎn),還能有效提升用戶的活躍與新鮮感

就如疫情期間,美團(tuán)外賣的配送地圖中的外賣小哥頭像就也帶上了口罩。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

這種“安全性”做法,無疑凸顯了平臺對騎手和用戶的安全保障,降低了用戶對特殊時期的擔(dān)憂,非常溫暖~

還有去年的「頭盔大戰(zhàn)」也是火了一把:不僅有餓了么的“竹蜻蜓”、美團(tuán)的“袋鼠耳朵”、肯德基的“小雞腿”等。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

餓了么APP的騎手頭像上也同步了這個小細(xì)節(jié):點(diǎn)擊頭像上面的竹蜻蜓會轉(zhuǎn)動,使得這個品牌形象貫徹將“線上與線下”聯(lián)合在一起,特別有意思。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

05 賦予有趣的可玩性

上面說了,頭像在APP里不應(yīng)該是躺著固定不變的。作為注重體驗(yàn)與動效的交互設(shè)計師,同樣可以思考:能否植入一些有趣的玩法在里面?讓用戶可互動起來,而不是一個冷冰冰的組件。

不僅能給用戶帶來趣味性,對于產(chǎn)品印象、用戶粘性也是有幫助的。

比如在即刻的個人主頁里,可以隨意地拖拽、甩動自己的頭像。松手后頭像會根據(jù)慣性回到原處,降低個人中心帶來”冷冰冰”的感覺。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

還有微信的【拍一拍】頭像,反饋仿佛在調(diào)戲或提醒對方一樣,將冰冷的用戶頭像賦予了生命感,增加聊天過程中的趣味性。

不就是一個頭像嗎?你個交互還能怎么去優(yōu)化它...

#專欄作家#

和出此嚴(yán),微信公眾號:和出此嚴(yán),人人都是產(chǎn)品經(jīng)理專欄作家。一枚在鵝廠成長中的“90后老干部”,主產(chǎn)各種接地氣的交互/產(chǎn)品干貨。以做產(chǎn)品的方式,寫好每一篇文章。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于CC0協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 好厲害?(???????)?

    來自廣東 回復(fù)
  2. 贊 默認(rèn)頭像也可以作為改變用戶體驗(yàn)的touchpoint

    來自德國 回復(fù)
  3. 原來頭像也能有這么多玩法呀,感覺好有趣,而且仔細(xì)回想,這些設(shè)置確實(shí)有給人加強(qiáng)品牌印象唉

    來自廣東 回復(fù)
  4. 頭像真的很不錯的,畢竟一個人的第一感覺,小小的調(diào)整都會有大大的不同

    來自云南 回復(fù)
  5. 這個我喜歡,就是自己組合的那種,很有意思啊,現(xiàn)在的頭像真的選擇恐懼了

    來自云南 回復(fù)
  6. 原來一個微小的調(diào)節(jié)會帶來頭像直觀那么大的改變沖擊,頭像真的很重要

    來自貴州 回復(fù)
  7. 頭像也很重要,畢竟在網(wǎng)絡(luò)上大部分人第一眼不是看你的ID就是看你的頭像。你對頭像和ID的品味會間接吸引相關(guān)的人

    來自廣西 回復(fù)
  8. 推薦一個我做的學(xué)習(xí)網(wǎng)站:
    有蛋案例 youdananli.com
    有多個大廠、各個行業(yè)里有意思的設(shè)計案例,還有近百條產(chǎn)品/設(shè)計知識方法、理論模型
    感興趣的可以看看

    來自廣東 回復(fù)
  9. 界面要不僅能給用戶帶來趣味性,對于產(chǎn)品印象、用戶粘性也是有幫助的。

    來自吉林 回復(fù)
    1. 對的~但還是要跟著業(yè)務(wù)的核心目標(biāo)來

      來自廣東 回復(fù)