說說抖音和小紅書的交互和界面設(shè)計,您更喜歡哪一個?

2021-6-25    藍藍設(shè)計的小編

作者:藍藍設(shè)計的藍藍

       HI,親愛的寶寶們(視頻App上常用的呢稱),大家好,小紅書和抖音是最近非?;鸨膬蓚€視頻類的APP,可以說是視頻APP中的代表了,不知道你喜歡哪一個?
      這兩個APP都非常的優(yōu)秀,所以今天藍藍就把這兩個APP的主界面都截了一下圖,我們從界面和交互以及用戶的角度去分析一下他們之間的區(qū)別,猜一猜他為什么要這樣做?這兩個APP給別人的視覺感受不同,首先是在底色上的不一樣,抖音用了黑色的底色,小紅書是白色的底色,抖音給人是一種黑夜深邃的感覺,有些沉重,而小紅書整體的風格比較明快,輕松。

品味小紅書和抖音的界面設(shè)計_03.jpg
品味小紅書和抖音的界面設(shè)計_06.jpg



   欄目的架構(gòu)設(shè)置,他們有什么不同?

    我們首先看一下抖音,在布局上,它的頂部最左側(cè)是直播,可以說是把直播放在一個非常重要的戰(zhàn)略位置了。其次是“北京、關(guān)注、推薦”這三個欄目,這是大家頻繁選擇切換的。點“北京”邊的小三角,就會彈出來一個切換城市頁面。這兩個軟件,相對使用頻率比較低的欄目放在頁面底部,首頁、消息、我,這三個欄目名都一樣。只有“朋友”和“商城”欄目不同。抖音把城市區(qū)劃放在最左邊重要位置,由此可見,地域?qū)Χ兑羰且粋€重要的營銷區(qū)分點,去中心化,千人千面商業(yè)化運營。

     再看一下小紅書,她的每一個頁面最上端都有小紅書的logo,可以清楚的識別APP的品牌,值得贊許!在布局上,頂部最左側(cè)是“記錄我的日?!钡男D標。點看之后是另一個界面,小紅書把“標記你的生活”這句啟動頁的定位,放在一個非常重要的戰(zhàn)略位置。其次是北京、關(guān)注、推薦三個欄目,右側(cè)是查詢。小紅書把”關(guān)注“放在最左邊重要位置,說明小紅書把用戶最關(guān)注的信息放在最重要的位置。而小紅書的下邊菜單”商城“做了直接購物的場所,獨立運營。
      抖音”朋友“欄目是你通訊錄里的真實社交朋友,這一個功能是非常強大的!值得贊許!自動把你手機上朋友的視頻匯集在這里,粘性超強,這點是小紅書沒有的。在這里,你會突然發(fā)現(xiàn)一個多年未見的朋友的日常視頻,那種親切和震憾會讓你因為想看這個人而再次打開抖音。



抖音
“北京”欄目,上半部分是真實的廣告位,下半部分間接購物頻道,與APP內(nèi)容融合,不太分得清,這是廣告,還是內(nèi)容?

小紅書
北京欄目,上半部分以“拍照地”餐廳、玩樂、景點分類導(dǎo)航。可以很方便找到感興趣的分類。用了好久以后,我才發(fā)現(xiàn)有個“商城”,可以直接購物,但我之前沒有買過,這次寫文章,才第一次進入購買試用。

內(nèi)容展示上,他們有什么不同?

品味小紅書和抖音的界面設(shè)計_14.gif
      抖音是一款有趣的音樂短視頻軟件,分享的內(nèi)容以短視頻為主......目前也支持發(fā)圖片文字了。抖音最出色的視頻發(fā)布是裝扮自已,可以把丑女變明星,換角色、尖下巴、自動化妝,這些神奇的功能吸引了一大波女性。抖音中點贊、分享、評論都以圖標加文字的形式浮在視頻上,圖標很大,這樣的好處是可能會增加點擊的可能性,但從視覺來看太噪雜,一個頁面上的重點變成了右側(cè)的這些操作圖標,這個頁面的重點應(yīng)是視頻內(nèi)容本身。(不過,也可以理解為設(shè)計的比較適老化,對年紀大的人比較友好)比小紅書多了查詢功能.查找切換比較方便。如果是商業(yè)用戶,還會標注離你的公里數(shù),很實用。顯示音樂的名稱,點這個音樂,會顯示用這個音樂的視頻合集。(把這個做為一條導(dǎo)航,可以拍同款)

      小紅書可以發(fā)視頻,還可以發(fā)圖片文字的組合、語音、打卡......相對來講,小紅書的界面比較簡約,把重要的空間留給內(nèi)容本身,點贊、收藏、評論都放在最下方,只有分享,把它放在了更突出位置”右上角“用來吸引流量。音樂隨著視頻播放,不單獨顯示音樂的名稱。比抖音多了彈幕功能和全屏功能,彈幕功能增加了用戶的交互,評論飄動在視頻上半部,蠻有趣的。

哪個更美更易用?


       抖音日活用戶達6億,30分鐘以上用戶使用時長占比達到35%。去年至今,抖音企業(yè)號數(shù)量從100萬增長到了500萬。界面設(shè)計更普羅大眾,更俗一些,商業(yè)化一些。相信這其中有許多是對手機操作不太麻溜的初級用戶,各種年紀都有,所以要考慮實用性、易用引導(dǎo)性、美觀性是往后放的。抖音的技術(shù)、算法、運營感覺更強大。


        小紅書是后起之秀,目前小紅書有超1億月活用戶,2020年筆記發(fā)布量近3億條,每天產(chǎn)生超100億次的筆記曝光。用戶量上和抖音還有很大差距離。據(jù)說近90%的用戶都是女性,而且大部分的用戶都是來自一二線城市,都市白領(lǐng)、職場精英女性。女性天性對美和秩序是有要求的,高知女性對手機操作應(yīng)該是相對很熟悉了,

小紅書的界面設(shè)計更優(yōu)雅、精致,美和秩序感、品牌是第一位的,當然也很易用。


品味小紅書和抖音的界面設(shè)計_16.gif

      玩了這兩個軟件一段時間,對抖音沒什么興趣,因為總是找不到我要的內(nèi)容(也可能是小紅書先入為主,我相對少用抖音,它是根據(jù)用戶搜索關(guān)鍵詞來推送內(nèi)容的,對初次來的用戶,這點不太友好),沒什么營養(yǎng),好像提線木偶,在平臺的推送下刷刷刷......推薦的東西不感興趣。在黑呼呼的背景下,雜亂的內(nèi)容中,只有一兩分鐘沒有感興趣的東西出現(xiàn)會心煩意亂,就退出了。

      后來發(fā)現(xiàn),有很多的內(nèi)容是隱藏在搜索中的,隨著結(jié)果而出現(xiàn)。如果你不習(xí)慣用搜索,那真是找不到什么......

在內(nèi)容的布局上,抖音基本上各欄目就是一頁寬度放一個視頻,北京欄目下部放了2列。刷一次屏得到一個內(nèi)容,相對選擇性差。對于新用戶,這可能是個盲點。


     感覺小紅書比什么抖音吸引我(在沒有搜索之前推薦的東西就很吸引我),小紅書里可以學(xué)到很多東西,廚藝、書法、服裝搭配、園藝、家居、展訊,推薦的東西基本上是我感興趣的。其實這兩個APP的內(nèi)容本身都是很全的,小紅書在發(fā)現(xiàn)和北京欄目頁面是2行2列,一頁可以展示4個視頻內(nèi)容和標題,節(jié)省了刷屏選擇的時間,相對高效。

小紅書對于新用戶,更容易找到內(nèi)容,一頁四個視頻內(nèi)容的設(shè)計布局,功不可沒。


他們的基因,有什么不同?

品味小紅書和抖音的界面設(shè)計_19.gif

      抖音于2016年9月上線,開始的時候是一個專注年輕人音樂短視頻社區(qū)平臺。用戶可以通過這款軟件選擇歌曲,拍攝音樂短視頻,形成自己的作品。現(xiàn)在已經(jīng)是大眾短視頻APP最強大。產(chǎn)品根據(jù)用戶需要,幾經(jīng)變遷。值得一提的是,抖音的logo設(shè)計我認為非常棒,極棒!它有吸引用戶點擊的魔力。我這幾天在錄喜馬拉雅的音頻,好多次點錯,點開抖音。相對一個漢字“聽”筆劃很多,一個帶勾的音樂符號更容易被圖像理解。這是人的一種生物本能的視覺理解。

      小紅書的第一個產(chǎn)品形態(tài)是一份PDF文件的《小紅書出境購物攻略》,放在小紅書網(wǎng)站上供用戶下載。2013年10月,這份PDF文檔放到網(wǎng)站不到一個月,就被下載了50萬次。產(chǎn)品根據(jù)用戶需要,幾經(jīng)變遷。從最早PDF版的PC端攻略,到推出專注海外購物信息分享的UGC移動端社區(qū)App,到跨境電商、綜合電商的成功商業(yè)化探索,再到內(nèi)容多元化、引進明星生態(tài)與市場下沉,2019年又將推進面向B端品牌商的廣告與整合營銷服務(wù),像所有優(yōu)秀的互聯(lián)網(wǎng)企業(yè)表現(xiàn)的那樣,小紅書一直隨著外部環(huán)境與內(nèi)部能力的變化而持續(xù)戰(zhàn)略進化。

品味小紅書和抖音的界面設(shè)計_23.gif 
小紅書的價值變現(xiàn)

       小紅書的第一個產(chǎn)品形態(tài)是一份PDF文件的《小紅書出境購物攻略》,所以各種海淘購物、化妝品等是小紅書的主打和特點。除了價格便宜是優(yōu)勢外,還有“小紅著們怎么說”鏈接到社區(qū)相關(guān)文章,相對用戶評論,用戶可以得到更詳細的了解,社區(qū)與購物相得益彰。對比了一下,同一款產(chǎn)品,到頭價439,淘寶上是620元。為了寫這篇文章,第一次在小紅書上買了東西,是正品,快遞也不錯。不過和拼多多比起來,這幾個平臺拼 多多是最便宜的。

品味小紅書和抖音的界面設(shè)計_27.gif
       
     小紅書上的民宿、產(chǎn)品,如果開通了商務(wù)號,也是可以直接購買下單,或在某個爆款文章下出現(xiàn)購買鏈接的。相對來講,目前是個安靜的白富美,沒有那么多團購等商業(yè)運作。

品味小紅書和抖音的界面設(shè)計_31.gif

抖音的價值變現(xiàn)

       點開抖音以地域區(qū)分的頁面,當?shù)氐某院韧鏄?、團購就熱火朝開的展開了。
抖音的商業(yè)活動是做的非常接地氣而強大的。品味小紅書和抖音的界面設(shè)計_35.gif

內(nèi)容創(chuàng)作的自媒人,如何實現(xiàn)他們的價值變現(xiàn)

     這些視頻App的快速發(fā)展,離不開內(nèi)容提供者的精彩內(nèi)容,在早期,做內(nèi)容有人看是有補貼的,好像還挺多。現(xiàn)在,變現(xiàn)的方法就更多了。

這些視頻App,養(yǎng)活了多少自媒體人和公司?。?/span>
一、廣告變現(xiàn):
通過引導(dǎo)電商、引流到其他賬號平臺、植入廣告等方式進行變現(xiàn)。
互聯(lián)網(wǎng)上誰有流量誰是贏家。有流量才會有廣告的價值,所以這種模式從大V網(wǎng)紅到小V垂直類的賬號都可以去做,只要你有垂直類精準的粉絲就可以了,這是最容易變現(xiàn)的模式了,比如抖音大號:比如王小強廣告費8萬,粉絲137萬,一般來說你的粉絲量只要達到10萬以上,就可以通過短視頻接廣告或者說個性簽名中植入商家的軟性廣告,從而實現(xiàn)變現(xiàn)
流量變現(xiàn)即高粉絲賬號。
二、補貼變現(xiàn)
每隔一段時間平臺就會有新的主推內(nèi)容和方向出現(xiàn),為了吸引更多創(chuàng)作者參與,平臺會集中財力與流量補貼去支持這一批響應(yīng)號召的創(chuàng)作者。
三、直播賣貨+直播變現(xiàn)
直播賣貨并不特殊,興起、繁榮于淘寶,但普及于短視頻平臺。特別是今年,疫情的推動下,全民直播帶貨趨勢顯著,上至黨員、鄉(xiāng)長、縣長,下至普通群眾。,直播變現(xiàn):
這類直播變現(xiàn)不同于前面提到的直播賣貨,這類直播變現(xiàn)是依靠用戶的打賞來實現(xiàn)的,打賞越多,主播收益也就越多。
四、抖音電商
“抖音淘寶客”,“抖音小店”,我們經(jīng)常在刷抖音時看到一個視頻,這是一個女性在衣服上進行穿搭的視頻,而在視頻的左下角會有一個“同款商品購物車”的按鈕,如果你對視頻中展現(xiàn)的衣服很感興趣,想購買,就可以點擊下面的小黃車,然后跳轉(zhuǎn)到抖音櫥窗里面,最后再鏈接到淘寶店,如果粉絲在淘寶店下單了,那你就可以賺取該商品的傭金!
五、線下引流變現(xiàn)
抖音正是當下最火的一個短視頻平臺,各類大咖,各行各業(yè)的人都想入駐抖音,但不是所有人都懂抖音如何去運營。這時候就需要一支專業(yè)的團隊來做這件事情,代運營機構(gòu)就是這么產(chǎn)生的,由專業(yè)的人來做專業(yè)的事,他們給你們運營賬號,創(chuàng)意策劃,拍攝制作,達人對接,廣告曝光
六、知識付費變現(xiàn)
抖音現(xiàn)在有不少用戶在發(fā)視頻傳授專業(yè)知識,他們吸引了一定量的粉絲后,便會在網(wǎng)上售賣課程,這是線上的知識付費變現(xiàn),到了后期,他們還可以開設(shè)線下指導(dǎo)課程,這便是線下的知識付費變現(xiàn)了。
7.賣號變閑
賣號變現(xiàn)的收益是最直觀的,可以說是一手交號,一手交錢,不用操心后續(xù)的事情。但是賣號的前期工作起號養(yǎng)號又是另一門學(xué)問。目前,做影視剪輯類,正能量類,明星類,賣慘類的賬號相對來說比較容易,因為不需要拍攝更不需要真人出鏡,只要找好素材剪輯發(fā)布就可以了。
8.小程序變現(xiàn):
鏈接到虛擬的測試類產(chǎn)品,比如心理測試啦、價格也不高。比如說9.9元、12.9元測試等,但是轉(zhuǎn)化率卻非常高。


分析APP的使用者的心理

1是基于好奇心和擴大看世界的心理。這些APP上面的博主國內(nèi)國外都有,我們可以看到不同人的生活的方式,極大地擴展了我們的視野,看到地球另一端的人的生活和價值觀行為方式,生活狀態(tài)。
2尋找快樂,這些視頻網(wǎng)站上有很多自媒體段子都很搞笑,有一些萌萌寵物的,還有一些家庭生活的,都蠻有趣的,是繁忙工作學(xué)習(xí)一天之后的放松。
3尋找知識 關(guān)于理財,畫畫,音樂,展覽的介紹和展品的信息,其實各種各樣的才藝這些視頻網(wǎng)站上也都有分享,即使足不出戶,你可以在這里找到同頻的人,也可以讓自己的心在某一處安靜下來。
4 尋找技能   學(xué)習(xí)做飯,尋找菜譜,或者尋找某個手工的教程,學(xué)習(xí)時裝的搭配,育兒的方法……一種工具性質(zhì)的,非常方便找到的,收藏的學(xué)習(xí)工具。
5 分享生活、技能  交流、享受快樂,隨便多些收入

      這些視頻網(wǎng)站提供了一種很少消耗腦細胞的休閑方式,讓你刷著刷著就沉浸進去,精神上仿佛已經(jīng)瀏覽過萬水千山,擁有輕松和愉悅的心情。  那些網(wǎng)友的贊和認可,讓發(fā)布者有動力繼續(xù)創(chuàng)作。
用高超的大數(shù)據(jù)算法,這些視頻網(wǎng)站大多數(shù)推送內(nèi)容根本用不著搜索,而且能夠根據(jù)你曾經(jīng)的關(guān)鍵詞興趣愛好關(guān)注點推薦的比較準確,你就只需要簡單的滑一滑,上下選一選就可以找到自己想找的東西。軟件界面非常的簡單,但是算法非常的強大,已經(jīng)實現(xiàn)了萬人萬面。仿佛沒有什么設(shè)計,但其實這就是最強大的設(shè)計。


這些視頻app還能做什么,還會有什么提升呢
       這些視頻APP能夠存活下來,其實已經(jīng)幾經(jīng)變遷,能夠留下來的就是順應(yīng)潮流順應(yīng)需要的實用主義,與資本接軌,擴大了這些視頻平臺的發(fā)展速度,資本也是需要回報的,也需要更加的發(fā)展壯大。
小紅書,它是基于陌生人的交往,好像新浪微博,他的關(guān)注度和訪問量,只要你發(fā)上去之后就可以有無數(shù)個。抖音也是相同。小紅書適合于無限增粉,不同于微信朋友圈是熟人社交。抖音除了陌生人交友增粉之外,還有你的通訊錄的朋友這個熟人社交的部分,如果你愿意設(shè)置開放,是可以自動抓取的。抖音兼顧了陌生社交和熟人社交。
      微信的朋友圈基本上就是你認識的人(基于熟人社交),加為好友之后才可以看到你的信息,沒有加你的好友,也就只能看幾條吧(這里你是可以設(shè)定的)。前幾個月微信增加了視頻號,視頻號是陌生人社交的方式,可以無限增粉,是不是你的朋友都可以看到你發(fā)的信息。這也是微信產(chǎn)品方向上的一個拓展和補充。通過看到朋友的點贊來到這個視頻號的內(nèi)容。
這三個視頻網(wǎng)站目前都在主推直播,直播帶貨或者直播打賞,這是一個重要的方向。其他的發(fā)展會到哪里去?我想也可能會補充自己的短板,比如小紅書,加上熟人社交也是自動讀取朋友圈通訊錄,這個可能需要技術(shù)的支撐。
       另外的就是把已經(jīng)做的,但是做的還不夠好的方向,繼續(xù)做到極致,比如說算法算得更精準。還有就是在某個細分的領(lǐng)域,繼續(xù)的深入啊,比如說吸取拼多多或者是淘寶支付寶的游戲養(yǎng)雞種樹打卡送東西,買會員,給優(yōu)惠,每天可以領(lǐng)一個優(yōu)惠卷什么的,吸引大家每天都去app看一下,增加日活量。
我記得微信的張小龍說過,他們做的不是增加粘度,勸說大家不要總是泡在微信上總是看微信朋友圈,雖然有一些凡爾賽,但是這也說明了最高明的產(chǎn)品運營抓住了產(chǎn)品的本質(zhì)。沒有這些花里胡哨的功能,這些東西的開發(fā)是需要代價的,只需要把最本質(zhì)的東西想透了,做足了。不想著什么都要,也是一種選擇。
       拼多多好像屬于什么都想要都要試,各種獎勵,打折送券,一天有好幾撥,還有各種打卡、紅包贈送.紅包雨.轉(zhuǎn)盤抽獎,幫我砍一砍,確認免單,免費試用,拼小圈(拼小圈其實是基于熟人社交,然后看看熟人都買什么東西,達到推薦的目的),退貨費免直接上門取,在手機的桌面上還直接有物流的信息和領(lǐng)取紅包這種單個的圖標(一個圖標占四個的位置)提醒用戶。想到的,現(xiàn)在他都去做,不管雜不雜亂不亂,可能這也是一種選擇。我猜可能是自下而上的一種產(chǎn)品開發(fā)方式,在沒有試之前,可能高層也不方便決策哪種效果就會好,然后再試了一段之后會去掉一些感覺用戶體驗不好的東西,留下口碑好的。

總結(jié)和思考

     分析完這些視頻APP,還有捎帶又分析了點購物網(wǎng)站,作為一個ui設(shè)計師,我就覺得產(chǎn)品的技術(shù),會不會做生意,會不會運營是第一位的,能夠活下去的原因。美與丑設(shè)計感其實是很主觀的,就算是公認的美,您看看中國的普羅大眾的審美和對價格關(guān)注,哪個更強一些。所以說找我們設(shè)計的很多軟件公司,很多是在功能都實現(xiàn)之后,因為客戶對界面交互用戶體驗不滿意,所以才被迫的要改ui,這點我們是非常理解的,先有衣食后有文化藝術(shù)。在對美的認知和要求方面,大多數(shù)人是一片平原,可能有一些高原地帶,然后又有一些很高的山峰代表著最高的藝術(shù)水準。在企業(yè)的世界里,10%的企業(yè)是非常的賺錢的,優(yōu)秀的有能力不斷的提高自己的業(yè)務(wù)水準,如果是自己缺乏的弱項,就尋找合作伙伴來彌補短板。在這個世界上,10%的人可能會掌握著50%以上的財富。設(shè)計越是使用的人越多,它的個性化越少,要兼顧各方面的好惡。就像微信百度,谷歌,在搜索設(shè)計上是普通的,但是在易用性,實用性、兼容性上面做到極致。設(shè)計上使用較少的人,個性化越多,比如說LV的包,各種奢侈品,限量的香水,概念名車。
當剛開始分析這些APP的時候,我發(fā)現(xiàn)在設(shè)計上小紅書比抖音好,但是用戶量卻沒有抖音多的時候,心里面是很蒼涼的,覺得設(shè)計的價值沒有被體現(xiàn)出來。隨著這些天的深入了解,心情也平復(fù)了很多。入場時機是一個很重要的點,后起之秀能夠有這樣的占有率,找到目標用戶,它的界面設(shè)計的好,也是一個很重要的因素啊!最近的新聞,法國奢侈品集團LVMH首席執(zhí)行官伯納德·阿諾特成為全球首富,阿爾諾控股的LVMH集團旗下?lián)碛?0多個奢侈品相關(guān)品牌,包括迪奧、紀梵希、芬迪、豪雅等。

這是否說明,不用太在意設(shè)計的使用人數(shù)的多,只要它在那個行業(yè)的高處就好了,這也是設(shè)計師價值體現(xiàn)的一個維度(比如工業(yè)汽車設(shè)計師)。 

就象設(shè)計過千萬、億萬用戶的設(shè)計師,是設(shè)計師價值體現(xiàn)的一個維度(比如包裝設(shè)計師和UI設(shè)計師)。

得過眾多設(shè)計獎項,是設(shè)計師價值體現(xiàn)的一個維度。

設(shè)計過眾多軟件UI,為眾多客戶做設(shè)計,成就他人,是設(shè)計師價值體現(xiàn)的一個維度。

價值體現(xiàn)是多維度、多層次的。只在我們在勤懇努力的把設(shè)計做的越來越好,就是價值的體現(xiàn)。

說說抖音和小紅書的交互和界面設(shè)計,您更喜歡哪一個?關(guān)于他們的產(chǎn)品設(shè)計和界面設(shè)計,有哪些特別欣賞的地方或者優(yōu)化建議,歡迎分享交流。


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

藍藍設(shè)計bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)





分享本文至:

日歷

鏈接

個人資料

存檔