APP信息流內(nèi)容屬性如何主導(dǎo)UI設(shè)計(jì)?
不同特征的產(chǎn)品所用的信息流形式都是不一樣的,有用圖片流的、也有用列表流的、也有用Feed流,更有根據(jù)場(chǎng)景組合使用的。文中,筆者就介紹了他們的特征以及如何使用。
幾乎所有APP都是信息流的設(shè)計(jì)形式,通過(guò)信息流內(nèi)容屬性的不一樣,可以分為三種流:圖片流、列表流、Feed流。
之前看到過(guò)卡片流,其實(shí)卡片流只是一種設(shè)計(jì)形式,我們今天探討的是根據(jù)內(nèi)容屬性分出來(lái)的三種流,所以文章會(huì)些許深入。下面我們就開始探討三種信息流的奧秘。
下圖是典型的三種信息流的產(chǎn)品:花瓣(圖片流)、餓了么(列表流)、今日頭條(feed流)。
正式分享前再?gòu)?qiáng)調(diào)一下本文章的核心觀念!重復(fù)三遍~
產(chǎn)品定位影響內(nèi)容屬性,內(nèi)容屬性主導(dǎo)設(shè)計(jì)形式!
產(chǎn)品定位影響內(nèi)容屬性,內(nèi)容屬性主導(dǎo)設(shè)計(jì)形式!
產(chǎn)品定位影響內(nèi)容屬性,內(nèi)容屬性主導(dǎo)設(shè)計(jì)形式!
沒(méi)理解沒(méi)關(guān)系,帶著這句話,let’s go。
案例解析如下:
一、圖片流
顧名思義圖片流更側(cè)重圖片的展示,典型案例有花瓣APP:自適應(yīng)圖片的高度,強(qiáng)調(diào)圖片的表現(xiàn)性。
花瓣APP為什么是圖片流,我們先從產(chǎn)品定位分析:
產(chǎn)品定位和目標(biāo)用戶側(cè)重點(diǎn)都是圖片,所以強(qiáng)調(diào)圖片的表現(xiàn)性是產(chǎn)品的重要屬性。
目標(biāo)用戶的行為是收集圖片、找素材、找參考,用戶都是基于有目的找的一種狀態(tài),所以設(shè)計(jì)形式上重點(diǎn)強(qiáng)調(diào)圖片,弱化輔助元素。
以上等等都是為了弱化輔助元素,減少用戶瀏覽圖片的干擾。
圖片流的設(shè)計(jì)要點(diǎn)是基于用戶有目的找的狀態(tài),展示更多圖片并且要強(qiáng)調(diào)圖片的表現(xiàn)性,弱化干擾元素。
因?yàn)榛ò陚?cè)重UGC模式(用戶產(chǎn)生內(nèi)容),所以板塊中的用戶頭像可以點(diǎn)擊,引導(dǎo)關(guān)注,提高用戶忠實(shí)度,這也是很多產(chǎn)品都有社交屬性的重要原因。
分析了圖片流的內(nèi)容屬性和設(shè)計(jì)要點(diǎn),那么下圖首頁(yè)是圖片流嗎?
根據(jù)產(chǎn)品內(nèi)容屬性分析,上圖設(shè)計(jì)其實(shí)并不是圖片流,而是feed流,先不解釋,帶著這個(gè)疑問(wèn)繼續(xù)往下看。
二、列表流
列表流對(duì)比圖片流,列表流中的圖片不會(huì)重點(diǎn)強(qiáng)調(diào),或直接就沒(méi)有圖片、列表流用戶的使用狀態(tài)帶有明確目的,也是一種找的狀態(tài)。
1. 支付寶列表流
開篇我們講到了,卡片流這種物種是不存在,卡片只是一種設(shè)計(jì)形式,不能以卡片定義一種信息流。
支付寶“服務(wù)提醒”板塊目的為用戶快速找到用戶需要的功能入口,設(shè)計(jì)中強(qiáng)調(diào)識(shí)別功能的圖標(biāo),能夠幫助用戶快速找到功能入口,符合內(nèi)容屬性的功能需求。
用戶使用中也是一種有明確目的找的狀態(tài),所以根據(jù)功能屬性和設(shè)計(jì)形式,支付寶的“服務(wù)提醒”板塊屬于列表流。
列表流的設(shè)計(jì)形式一般不希望用戶一直往上滑頁(yè)面,因?yàn)橛脩舨荒芸焖僮R(shí)別找到需要的板塊,就直接影響用戶體驗(yàn)。
2. 京東手機(jī)商品列表流
京東手機(jī)商品的列表流,產(chǎn)品圖片沒(méi)有著重強(qiáng)調(diào),而是側(cè)重強(qiáng)調(diào)了手機(jī)價(jià)格、品牌、型號(hào)、屏幕、內(nèi)存、評(píng)價(jià)數(shù)量等等,其實(shí)這些信息才是用戶產(chǎn)生購(gòu)買的重要元素。
不同的商品用戶關(guān)注的點(diǎn)不一樣,有些商品可能更適合圖片流。
例如購(gòu)買衣服用戶會(huì)更關(guān)注衣服的款式和細(xì)節(jié),所以要符合用戶的關(guān)注點(diǎn)需要強(qiáng)調(diào)圖片展示。
京東APP聰明地做到了搜索不同的產(chǎn)品自動(dòng)使用不同的信息流,搜索衣服京東會(huì)自動(dòng)使用圖片流,注重圖片并縮減標(biāo)題為一行展示,輔助信息空間占比縮小,搜索手機(jī)就會(huì)用列表流展示用戶會(huì)重點(diǎn)關(guān)注的配置元素。
京東APP為了能夠使產(chǎn)品靈活展示,頁(yè)面的右上角有列表流和圖片流切換按鈕,其實(shí)產(chǎn)品已經(jīng)為用戶做了最舒適的體驗(yàn)方式,所以這個(gè)按鈕是個(gè)不常使用按鈕。
3. 攜程酒店列表流
同樣地,通過(guò)對(duì)用戶的研究分析,搜索酒店的用戶更看重性價(jià)比、位置、價(jià)格、品牌,選擇民宿的用戶,關(guān)注點(diǎn)一般就不一樣了,所以設(shè)計(jì)形式也就有差異。
為什么會(huì)有這樣的一個(gè)結(jié)果導(dǎo)向?首先分析一下選擇酒店的用戶和選擇民宿用的心理需求:
(1)酒店用戶關(guān)鍵詞:性價(jià)比、效率、便捷
選擇酒店人群一般是追求效率和便捷的商旅用戶,他們很大程度上關(guān)注性價(jià)比,地理位置以及價(jià)格。
(2)民宿用戶關(guān)鍵詞:體驗(yàn)、追究個(gè)性
選擇民宿用戶多是旅游和年輕追求個(gè)性文化的年輕群體,所以更看重居住體驗(yàn)。
多數(shù)人對(duì)酒店有清晰的概念,酒店圖片用戶一般不會(huì)著重關(guān)注,用戶會(huì)根據(jù)地理位置、性價(jià)比而買單,所以酒店選擇適列表流設(shè)計(jì)形式。
選擇民宿人會(huì)更關(guān)注房屋的圖片,滿足他的個(gè)性需求體驗(yàn),一張精美的房屋圖片會(huì)大大增加民宿的轉(zhuǎn)化力,所以民宿適合圖片流設(shè)計(jì)形式。
細(xì)心你的可能看到了上圖酒店里也有民宿,原因是為了推廣民宿,因?yàn)閿y程的DNA決定了想住民宿的用戶一般不會(huì)想到攜程,所以要引流推廣。
三、Feed流
feed流產(chǎn)品現(xiàn)如今大行其道,我們首先來(lái)定義下feed流:一般來(lái)講,持續(xù)更新并呈現(xiàn)內(nèi)容的信息流,并且用戶操作狀態(tài)是沒(méi)有明確目的的瀏覽狀態(tài)。
feed流內(nèi)容排列方式,主流的形式分為兩種:一種是時(shí)間軸排列,例如微信朋友圈;另外一種是通過(guò)智能算法排列,例如今日頭條、抖音產(chǎn)品。
從設(shè)計(jì)的角度去看智能算法feed流
智能算法feed流一般是一種千人千面形式,通過(guò)內(nèi)容屬性分析大概分為三種:文字feed流、圖片feed流、視頻feed流,其中三者存在相輔相成形式。
例如今日頭條重點(diǎn)要強(qiáng)調(diào)標(biāo)題文字,所以是文字feed流;但是會(huì)在重點(diǎn)強(qiáng)調(diào)文字的基礎(chǔ)上,增加圖片或視頻輔助元素,圖片feed流和視頻feed流當(dāng)然也會(huì)有文字輔助元素。
feed流設(shè)計(jì)首先要分析產(chǎn)品強(qiáng)調(diào)的是什么、用戶關(guān)注點(diǎn)是什么,切不可喧賓奪主,基于用戶沒(méi)有目的的瀏覽狀態(tài),交互上要體現(xiàn)更直接快捷的交互方式。
當(dāng)然技術(shù)上的智能算法是非常重要的,之前當(dāng)朋友用我手機(jī)刷抖音時(shí),一會(huì)就沒(méi)興趣了,原因是還沒(méi)有給他的心理模型建立好推薦機(jī)制,從而推薦了一些他不感興趣的內(nèi)容。
聲明:本站所有文章資源內(nèi)容,如無(wú)特殊說(shuō)明或標(biāo)注,均為采集網(wǎng)絡(luò)資源。如若本站內(nèi)容侵犯了原著者的合法權(quán)益,可聯(lián)系本站刪除。