移動(dòng)端的用戶交互動(dòng)線設(shè)計(jì)

2 評(píng)論 11960 瀏覽 50 收藏 11 分鐘

雖然用戶在下載平臺(tái)的時(shí)候已經(jīng)對(duì)這個(gè)平臺(tái)對(duì)內(nèi)容有一種心理預(yù)期,但是還是需要你主動(dòng)告訴用戶說(shuō),在這個(gè)平臺(tái)上有什么內(nèi)容你能為他提供什么,給用戶進(jìn)來(lái)之后提供一個(gè)準(zhǔn)確流暢的交互動(dòng)線。

用戶的交互是在從下載之后打開(kāi)app(或小程序或h5,這里特指移動(dòng)端)遇到的第一個(gè)選項(xiàng)開(kāi)始,從一些功能授權(quán)也好,功能指引提示也好,從這里開(kāi)始。

標(biāo)簽

在這個(gè)平臺(tái)上有什么內(nèi)容你能為他提供什么,這個(gè)有兩種方式可以展現(xiàn):

  • 一種是常用的啟動(dòng)頁(yè)或引導(dǎo)頁(yè),通過(guò)幾行短描述和圖片展示平臺(tái)內(nèi)容;
  • 另一種是用戶主動(dòng)選擇一些喜好的內(nèi)容標(biāo)簽。

我在不同的平臺(tái)上看到文字和圖片這兩種打標(biāo)簽的形式:文字與畫面,用戶的感知力主要是放在畫面上。

用戶對(duì)文字的理解抽象感更大,只要稍微有點(diǎn)符合的就算是或不是,而且文字描述是需要用戶去思考解讀的內(nèi)容類型,對(duì)你的平臺(tái)不重視的話更傾向于隨便選幾個(gè)或跳過(guò)。

用圖片來(lái)做類型的篩選,也需要把握好圖片內(nèi)容,需展示具體清晰一目了然的內(nèi)容,圖片的具象化可以給用戶提供統(tǒng)一內(nèi)容價(jià)值,讓用戶不去思考就可以辨別選項(xiàng),且不會(huì)對(duì)內(nèi)容產(chǎn)生歧義。例如:衣服、帽子、褲子,或是用戶選了之后,可以提供多種不同類型的衣服、帽子、褲子。

如果用圖片無(wú)法清晰定義選項(xiàng)的內(nèi)容,例如音樂(lè)類型:朋克、金屬、小清新、民謠,其實(shí)很多用戶的喜好很雜,并沒(méi)有清楚定義自己的喜好方向。而且有些用戶喜歡某些音樂(lè)屬于當(dāng)中的某個(gè)流派,但不一定喜歡那個(gè)流派的所有音樂(lè),單憑確切的文字描述不是很貼切到用戶的喜好。

反而是給多幾組類型的歌手圖片,讓用戶選擇幾組具體喜歡的歌手,通過(guò)選擇的歌手曲風(fēng)來(lái)分辨用戶喜好的音樂(lè)風(fēng)格的比例。

而且圖片內(nèi)容能夠貼切到用戶具體的喜好內(nèi)容,用戶的配合度更高。我之前在一個(gè)平臺(tái)上看到過(guò)一個(gè)交互方式,有選項(xiàng)“換一換”以及進(jìn)入“下一步”,我在選擇圖片內(nèi)容的時(shí)候,不知不覺(jué)操作好幾組“換一換”選擇了更多的圖片內(nèi)容。

這個(gè)操作對(duì)我來(lái)說(shuō)無(wú)思考負(fù)擔(dān),而且是我確切的具體喜好。相比我之前經(jīng)常隨便選或跳過(guò)的文字選項(xiàng),這個(gè)圖片選項(xiàng)我的對(duì)待態(tài)度是完全不同的。后面想了一下的確是非常好的一種交互方式。

這種打標(biāo)簽的交互方式主要是在有做個(gè)性化推薦的平臺(tái)會(huì)出現(xiàn),其實(shí)這個(gè)也是一種雙向選擇。如果有個(gè)性化推薦的需要,可以在進(jìn)入首頁(yè)前加上。除了是我們給用戶打標(biāo)簽,根據(jù)用戶標(biāo)簽來(lái)展示內(nèi)容,也是給用戶知道我們平臺(tái)有這些內(nèi)容可以為他提供。

如果不是往個(gè)性化推薦方向發(fā)展的平臺(tái)的話,為以后的數(shù)據(jù)打下基礎(chǔ)也好,也可以通過(guò)這種方式具象化用戶畫像,可以另外提供一個(gè)入口加上一些用戶激勵(lì),讓用戶選擇一些針對(duì)平臺(tái)內(nèi)容或用戶喜好的標(biāo)簽內(nèi)容,通過(guò)這種方式來(lái)進(jìn)行用戶調(diào)研。

整體聯(lián)動(dòng)

標(biāo)簽之后進(jìn)入首頁(yè),如果有一些用戶操作指引的圖層,可以在這個(gè)圖層上給用戶明確的內(nèi)容指引。不過(guò)不管有沒(méi)有,首頁(yè)的運(yùn)營(yíng)內(nèi)容,也是需要產(chǎn)品和運(yùn)營(yíng)人員一起去規(guī)劃把握好的一個(gè)因素。

首頁(yè)是一個(gè)門面,特別是第一屏的內(nèi)容展示。有些太花里胡哨的圖片,而這些圖片又不能很好的展示出這個(gè)模塊的內(nèi)容,圖片的抽象形式大于背后真正內(nèi)容,用戶要去仔細(xì)注意到圖片下方的小文字,那個(gè)才是你這個(gè)模塊真正的內(nèi)容。需要去思考的模塊位置,往往是熱力圖上交互最少的地方。

我當(dāng)時(shí)做的首頁(yè)是以模塊的形式,運(yùn)營(yíng)可以自主拼接,整體的內(nèi)容把控都是在運(yùn)營(yíng)上。當(dāng)時(shí)接入了某個(gè)數(shù)據(jù)平臺(tái),以電商來(lái)說(shuō),進(jìn)入首頁(yè)主要是以推薦內(nèi)容為主,分類頁(yè)以具體內(nèi)容為主,是兩種不同類型的用戶。一種是有明確商品需求的用戶,一般就直奔搜索頁(yè)或分類頁(yè),另外一種無(wú)目的型的瀏覽用戶,首頁(yè)就是主要的瀏覽動(dòng)線了。

設(shè)計(jì)用戶交互動(dòng)線的一個(gè)重點(diǎn)是,不能斷。不管是針對(duì)哪種類型的用戶,我們都是希望他的交互動(dòng)線是不斷掉的,能夠一直不斷瀏覽點(diǎn)擊,提高更多的sku曝光率。

這個(gè)說(shuō)白了其實(shí)就是互相關(guān)聯(lián)跳轉(zhuǎn),聯(lián)動(dòng)起整個(gè)平臺(tái)。可以根據(jù)商品屬性或關(guān)聯(lián)專題內(nèi)容或同類個(gè)性化推薦算法,每個(gè)平臺(tái)的內(nèi)容類型不同,根據(jù)自身的內(nèi)容特性去串聯(lián)內(nèi)容,互相跳轉(zhuǎn)。

在商品詳情頁(yè)下方增加其他關(guān)聯(lián)商品內(nèi)容或?qū)n}專輯,可以讓用戶瀏覽完這個(gè)商品不選擇購(gòu)買的話還可以繼續(xù)瀏覽其他商品,而不是選擇后退返回上一頁(yè),在各個(gè)為空的頁(yè)面主動(dòng)給用戶提供一些商品或內(nèi)容選擇。這些需求都不難,很多平臺(tái)也都有,但是如何通過(guò)位置和內(nèi)容的配合,來(lái)達(dá)成整個(gè)平臺(tái)的聯(lián)動(dòng),還是需要不斷關(guān)注調(diào)整的。

足夠精準(zhǔn)的個(gè)性化推薦可以達(dá)成粘性比較高的交互動(dòng)線,都是你喜歡看的內(nèi)容,交互點(diǎn)擊停不下來(lái)。但是如果沒(méi)有足夠的技術(shù)和人力去做和維護(hù)推薦引擎的話,主要還是需要產(chǎn)品和運(yùn)營(yíng)的配合設(shè)計(jì)了。

首頁(yè)、專題、專輯、分類、商品詳情、搜索結(jié)果、我的頁(yè)面等等等等,每個(gè)頁(yè)面都是整體的一部分,這個(gè)也是一句正確的廢話。這個(gè)方面主要是由于面試時(shí)候被提問(wèn)到的,問(wèn)我對(duì)平臺(tái)的改善建議,使用過(guò)程中交互動(dòng)線在很多地方斷掉了,很多平臺(tái)真的這個(gè)是沒(méi)有做好的。

而且內(nèi)容堆積沒(méi)有邏輯,給到的信息也不足以讓用戶明確交互動(dòng)線,那就主要是瀏覽-沒(méi)有想要的內(nèi)容-離開(kāi)。瀏覽-剛好看到感興趣的內(nèi)容-點(diǎn)擊-看完了-后退,繼續(xù)瀏覽。聯(lián)動(dòng),看運(yùn)營(yíng)和產(chǎn)品人員有沒(méi)有這個(gè)意識(shí)去維護(hù)這個(gè)交互動(dòng)線了。

彈窗

彈窗是一種很好的交互方式,但如果是僅僅彈出需要被關(guān)掉的頁(yè)面內(nèi)容(例如:純內(nèi)容廣告位),而不是引導(dǎo)下一步的交互內(nèi)容,這樣設(shè)計(jì)的彈窗也會(huì)被浪費(fèi)。

彈窗是我們可以主動(dòng)讓用戶進(jìn)行選擇的一種交互方式,這里說(shuō)的主要是以首頁(yè)的彈窗內(nèi)容為主。一般是會(huì)彈出展示新人福利,能夠給進(jìn)來(lái)有點(diǎn)懵的新用戶一個(gè)很好的明確交互操作。點(diǎn)擊領(lǐng)取福利之后跳轉(zhuǎn)至這個(gè)福利可用的商品頁(yè)面,頁(yè)面內(nèi)容的展示引導(dǎo)又是另外一方面了。比起讓用戶做決定,做選擇會(huì)更容易的多。決定需要思考,選擇可以靠簡(jiǎn)單邏輯判斷。

需要花錢的地方,用戶會(huì)主動(dòng)思考,但是能不去思考的地方,用戶還是更愿意不去動(dòng)腦。很多在閑暇時(shí)候打開(kāi)的移動(dòng)端內(nèi)容(app、微店h5、小程序等),不要讓我想,但是你也需要提供具體的指示內(nèi)容或選項(xiàng)讓我操作。如果返回上一頁(yè)內(nèi)沒(méi)有我想要的內(nèi)容,那我就離開(kāi)了。

電商的底層邏輯可以適用于很多類型的平臺(tái),sku的多跟少的展示方式不同,但總體來(lái)說(shuō)都是需要主動(dòng)去提高商品展示的曝光率。這個(gè)在電商的底層邏輯上是共通的,越貼近用戶喜好的內(nèi)容,從曝光到轉(zhuǎn)化的漏斗才能提升。從標(biāo)簽開(kāi)始貼近用戶喜好內(nèi)容,從聯(lián)動(dòng)提高商品曝光率。

我之前參加上海站的產(chǎn)品經(jīng)理大會(huì)上看到一個(gè)關(guān)于轉(zhuǎn)化率數(shù)據(jù)描述,0.5秒的產(chǎn)品標(biāo)題-2秒的價(jià)格-10秒的產(chǎn)品亮點(diǎn)-100秒的考慮購(gòu)買。那在產(chǎn)品上要如何把握這個(gè)時(shí)間去設(shè)計(jì)對(duì)應(yīng)的平臺(tái)邏輯,下一篇我們交流一下。

 

作者:萬(wàn)象青年,公眾號(hào):萬(wàn)象青年歡樂(lè)多(ID:wxqn-helloworld)。早上產(chǎn)品狗,晚上公號(hào)狗,時(shí)不時(shí)會(huì)分享一些產(chǎn)品心得和復(fù)盤總結(jié)。

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

題圖來(lái)自 Pexels ,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 作者大大你好,我想轉(zhuǎn)載你的文章可以嗎!

    回復(fù)
    1. 應(yīng)該不可以

      來(lái)自安徽 回復(fù)