干貨 | 移動(dòng)端的用戶交互動(dòng)線設(shè)計(jì)
發(fā)表于：2019-01-18 10:32:02
今天，北京APP開發(fā)澳環(huán)科技小編和大家一起來聊聊關(guān)于移動(dòng)端的用戶交互動(dòng)線設(shè)計(jì)如何做更合理，用戶的交互是在從下載之后打開APP（或小程序或h5，這里特指移動(dòng)端）遇到的第一個(gè)選項(xiàng)開始，從一些功能授權(quán)也好，功能指引提示也好，從這里開始。
一、標(biāo)簽
在這個(gè)平臺(tái)上有什么內(nèi)容你能為他提供什么，這個(gè)有兩種方式可以展現(xiàn)：
一種是常用的啟動(dòng)頁或引導(dǎo)頁，通過幾行短描述和圖片展示平臺(tái)內(nèi)容；另一種是用戶主動(dòng)選擇一些喜好的內(nèi)容標(biāo)簽。
我在不同的平臺(tái)上看到文字和圖片這兩種打標(biāo)簽的形式：文字與畫面，用戶的感知力主要是放在畫面上。
用戶對(duì)文字的理解抽象感更大，只要稍微有點(diǎn)符合的就算是或不是；而且文字描述是需要用戶去思考解讀的內(nèi)容類型，對(duì)你的平臺(tái)不重視的話更傾向于隨便選幾個(gè)或跳過。
用圖片來做類型的篩選，也需要把握好圖片內(nèi)容，需展示具體清晰一目了然的內(nèi)容。
圖片的具象化可以給用戶提供統(tǒng)一內(nèi)容價(jià)值，讓用戶不去思考就可以辨別選項(xiàng)，且不會(huì)對(duì)內(nèi)容產(chǎn)生歧義。
例如：衣服、帽子、褲子，或是用戶選了之后，可以提供多種不同類型的衣服、帽子、褲子。
如果用圖片無法清晰定義選項(xiàng)的內(nèi)容，例如音樂類型：朋克、金屬、小清新、民謠，其實(shí)很多用戶的喜好很雜，并沒有清楚定義自己的喜好方向。
而且有些用戶喜歡某些音樂屬于當(dāng)中的某個(gè)流派，但不一定喜歡那個(gè)流派的所有音樂，單憑確切的文字描述不是很貼切到用戶的喜好。
反而是給多幾組類型的歌手圖片，讓用戶選擇幾組具體喜歡的歌手，通過選擇的歌手曲風(fēng)來分辨用戶喜好的音樂風(fēng)格的比例。
而且圖片內(nèi)容能夠貼切到用戶具體的喜好內(nèi)容，用戶的配合度更高。
我之前在一個(gè)平臺(tái)上看到過一個(gè)交互方式，有選項(xiàng)“換一換”以及進(jìn)入“下一步”，我在選擇圖片內(nèi)容的時(shí)候，不知不覺操作好幾組“換一換”選擇了更多的圖片內(nèi)容。
這個(gè)操作對(duì)我來說無思考負(fù)擔(dān)，而且是我確切的具體喜好。相比我之前經(jīng)常隨便選或跳過的文字選項(xiàng)，這個(gè)圖片選項(xiàng)我的對(duì)待態(tài)度是完全不同的。
后面想了一下，的確是非常好的一種交互方式。
這種打標(biāo)簽的交互方式主要是在有做個(gè)性化推薦的平臺(tái)會(huì)出現(xiàn)，其實(shí)這個(gè)也是一種雙向選擇——如果有個(gè)性化推薦的需要，可以在進(jìn)入首頁前加上。
除了是我們給用戶打標(biāo)簽，根據(jù)用戶標(biāo)簽來展示內(nèi)容，也是給用戶知道我們平臺(tái)有這些內(nèi)容可以為他提供。
如果不是往個(gè)性化推薦方向發(fā)展的平臺(tái)的話，為以后的數(shù)據(jù)打下基礎(chǔ)也好，也可以通過這種方式具象化用戶畫像，可以另外提供一個(gè)入口加上一些用戶激勵(lì)，讓用戶選擇一些針對(duì)平臺(tái)內(nèi)容或用戶喜好的標(biāo)簽內(nèi)容，通過這種方式來進(jìn)行用戶調(diào)研。
二、整體聯(lián)動(dòng)
標(biāo)簽之后進(jìn)入首頁，如果有一些用戶操作指引的圖層，可以在這個(gè)圖層上給用戶明確的內(nèi)容指引。
不過不管有沒有，首頁的運(yùn)營內(nèi)容，也是需要產(chǎn)品和運(yùn)營人員一起去規(guī)劃把握好的一個(gè)因素。
首頁是一個(gè)門面，特別是第一屏的內(nèi)容展示。
有些太花里胡哨的圖片，而這些圖片又不能很好的展示出這個(gè)模塊的內(nèi)容，圖片的抽象形式大于背后真正內(nèi)容，用戶要去仔細(xì)注意到圖片下方的小文字，那個(gè)才是你這個(gè)模塊真正的內(nèi)容。
需要去思考的模塊位置，往往是熱力圖上交互最少的地方。
我當(dāng)時(shí)做的首頁是以模塊的形式，運(yùn)營可以自主拼接，整體的內(nèi)容把控都是在運(yùn)營上。
當(dāng)時(shí)接入了某個(gè)數(shù)據(jù)平臺(tái)，以電商來說，進(jìn)入首頁主要是以推薦內(nèi)容為主，分類頁以具體內(nèi)容為主，是兩種不同類型的用戶：
一種是有明確商品需求的用戶，一般就直奔搜索頁或分類頁；另外一種無目的型的瀏覽用戶，首頁就是主要的瀏覽動(dòng)線了。
設(shè)計(jì)用戶交互動(dòng)線的一個(gè)重點(diǎn)是：不能斷。
不管是針對(duì)哪種類型的用戶，我們都是希望他的交互動(dòng)線是不斷掉的，能夠一直不斷瀏覽點(diǎn)擊，提高更多的SKU曝光率。
——這個(gè)說白了其實(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)。
在商品詳情頁下方增加其他關(guān)聯(lián)商品內(nèi)容或?qū)ｎ}專輯，可以讓用戶瀏覽完這個(gè)商品不選擇購買的話還可以繼續(xù)瀏覽其他商品，而不是選擇后退返回上一頁，在各個(gè)為空的頁面主動(dòng)給用戶提供一些商品或內(nèi)容選擇。
這些需求都不難，很多平臺(tái)也都有，但是如何通過位置和內(nèi)容的配合，來達(dá)成整個(gè)平臺(tái)的聯(lián)動(dòng)，還是需要不斷關(guān)注調(diào)整的。
足夠精準(zhǔn)的個(gè)性化推薦可以達(dá)成粘性比較高的交互動(dòng)線，都是你喜歡看的內(nèi)容，交互點(diǎn)擊停不下來。
但是如果沒有足夠的技術(shù)和人力去做和維護(hù)推薦引擎的話，主要還是需要產(chǎn)品和運(yùn)營的配合設(shè)計(jì)了。
首頁、專題、專輯、分類、商品詳情、搜索結(jié)果、我的頁面等等等等，每個(gè)頁面都是整體的一部分——這個(gè)也是一句正確的廢話。
這個(gè)方面主要是由于面試時(shí)候被提問到的，問我對(duì)平臺(tái)的改善建議，使用過程中交互動(dòng)線在很多地方斷掉了，很多平臺(tái)真的這個(gè)是沒有做好的。
而且內(nèi)容堆積沒有邏輯，給到的信息也不足以讓用戶明確交互動(dòng)線，那就主要是瀏覽－沒有想要的內(nèi)容－離開。瀏覽－剛好看到感興趣的內(nèi)容－點(diǎn)擊－看完了－后退，繼續(xù)瀏覽。
聯(lián)動(dòng)，看運(yùn)營和產(chǎn)品人員有沒有這個(gè)意識(shí)去維護(hù)這個(gè)交互動(dòng)線了。
三、彈窗
彈窗是一種很好的交互方式，但如果是僅僅彈出需要被關(guān)掉的頁面內(nèi)容（例如：純內(nèi)容廣告位），而不是引導(dǎo)下一步的交互內(nèi)容，這樣設(shè)計(jì)的彈窗也會(huì)被浪費(fèi)。
彈窗是我們可以主動(dòng)讓用戶進(jìn)行選擇的一種交互方式，這里說的主要是以首頁的彈窗內(nèi)容為主。
一般是會(huì)彈出展示新人福利，能夠給進(jìn)來有點(diǎn)懵的新用戶一個(gè)很好的明確交互操作。
點(diǎn)擊領(lǐng)取福利之后跳轉(zhuǎn)至這個(gè)福利可用的商品頁面，頁面內(nèi)容的展示引導(dǎo)又是另外一方面了。
比起讓用戶做決定，做選擇會(huì)更容易的多。決定需要思考，選擇可以靠簡單邏輯判斷。
需要花錢的地方，用戶會(huì)主動(dòng)思考，但是能不去思考的地方，用戶還是更愿意不去動(dòng)腦。很多在閑暇時(shí)候打開的移動(dòng)端內(nèi)容（app、微店h5、小程序等），不要讓我想，但是你也需要提供具體的指示內(nèi)容或選項(xiàng)讓我操作。
如果返回上一頁內(nèi)沒有我想要的內(nèi)容，那我就離開了。
電商的底層邏輯可以適用于很多類型的平臺(tái)，SKU的多跟少的展示方式不同，但總體來說都是需要主動(dòng)去提高商品展示的曝光率。
這個(gè)在電商的底層邏輯上是共通的，越貼近用戶喜好的內(nèi)容，從曝光到轉(zhuǎn)化的漏斗才能提升。
從標(biāo)簽開始貼近用戶喜好內(nèi)容，從聯(lián)動(dòng)提高商品曝光率。
之前，在網(wǎng)絡(luò)上小編看到一個(gè)關(guān)于轉(zhuǎn)化率數(shù)據(jù)描述：0.5秒的產(chǎn)品標(biāo)題－2秒的價(jià)格－10秒的產(chǎn)品亮點(diǎn)－100秒的考慮購買。那在產(chǎn)品上要如何把握這個(gè)時(shí)間去設(shè)計(jì)對(duì)應(yīng)的平臺(tái)邏輯呢，大家可以先思考一下，下一篇APP開發(fā)公司澳環(huán)科技再和大家一起來交流一番。
聲明：文章“干貨 | 移動(dòng)端的用戶交互動(dòng)線設(shè)計(jì)”為澳環(huán)科技原創(chuàng)文章，轉(zhuǎn)載請(qǐng)注明出處，謝謝合作！
掃一掃關(guān)注我們
其他關(guān)注方式
新聞動(dòng)態(tài)
010-53668213