案例解析:競品之間的交互設計分析

本次選擇的分析的產品是Faceu和B612凡橱,兩者在功能方面高度重合揽趾,下面主要從產品框架台汇、頁面布局、流程操作、交互細節(jié)和視覺表現(xiàn)5個方面分別來對比一下各自的優(yōu)缺點苟呐。

1痒芝、產品框架

先看一下各自的首頁:

兩者主功能方面基本相似,都是主打拍照牵素、美圖严衬、表情包制作等功能;

最大的區(qū)別就是兩款產品對于未來的定位的不同笆呆,從目前的框架可以看出來请琳,F(xiàn)aceu對于社交和社區(qū)屬性還是有一定的眼光和野心,而B612結構框架更為簡單赠幕,目前還只是單純地做工具俄精。

從產品方向來講,F(xiàn)aceu的眼光和布局更為長遠榕堰,B612拓展性不算很好竖慧,一旦有產品框架上的大變動會影響當前的導航和頁面布局。

2局冰、頁面布局

其實兩者首頁的頁面布局非常相似测蘑,但是在側重點方面還是有些區(qū)別的:

B612底部有3個按鈕灌危,分別是貼紙康二,拍攝和濾鏡,稍微探索一下就能明白貼紙和濾鏡是輔助美化拍照用的勇蝙,而頭頂上有個小小的圖標沫勿,所實話一開始根本就沒注意到,用過之后才知道這是做表情包的味混,這里我感覺有點太過弱化了产雹。

Faceu的底部也是三個按鈕,分別是消息翁锡、拍攝和好友蔓挖,這三個是平行的關系,更像是底部的標簽tab馆衔,用戶點擊按鈕或者左右滑動分別能夠切換到相應的標簽瘟判,整個過程比較流暢。拍攝旁邊有個表情包角溃,可以看出這兩個是平行的拷获,而且也很明顯,但是這個地方只能點擊切換减细,這里如果換成左右滑動和點擊切換拍攝和表情包或許會更好(個人拙見)匆瓜,畢竟從操作頻次來講用戶選擇表情包的操作是遠遠大于消息和好友的。

3、流程操作

這里主要分析主操作流程驮吱,注冊和拍攝流程:

可以看到Faceu的注冊流程有4步茧妒,比B612要多一步,這個地方要吐槽一下左冬,F(xiàn)aceu的注冊登錄屬于強制性的嘶伟,這里就沒有B612顯得那么友好了,而且最后一步強制填Faceu號也是個人覺得沒有必要的又碌,如果別人已經在用了就得不停地更換九昧,這個過程會讓人崩潰的,很有可能用戶直接放棄注冊毕匀,所以個人覺得這個地方可以讓用戶跳過铸鹰,去到app里面再去設置。

B612流程本身沒有問題皂岔,最大的問題在于它的密碼設置蹋笼,它的密碼設置限制條件很多,而且還沒有任何提示躁垛,用戶不得不去想一個新的密碼剖毯,這無形中提高了用戶的注冊門檻,其實我覺得完全沒有必要教馆,又不是金融類app沒必要把賬戶安全密碼條件設置的那么苛刻逊谋。

用戶引導方面,F(xiàn)aceu引導用戶手機賬戶注冊土铺,B612引導第三方賬戶(微信胶滋、qq)注冊。

拍攝主流程是最核心的操作悲敷,決定了能夠留住用戶與否究恤,它們兩者的流程基本上是一模一樣的,都是從首頁—貼紙—濾鏡—保存—分享這么一個流程后德,但是細節(jié)上面還是會有些不同部宿;

B612的貼紙和濾鏡頁面底部比Faceu多了一個拍攝的按鈕,用戶能夠隨選隨拍瓢湃,不用回到首頁再點擊拍照理张,從體驗上來講是比Faceu更優(yōu)的。只是其按鈕位置放的不夠好箱季,首先遮擋了貼圖內容涯穷,會讓用戶誤操作,其次視覺上也不是很好看藏雏,所以可以考慮重新擺放其位置拷况。

保存頁面Faceu還可以進行對照片進行二次編輯作煌,比較符合用戶當前的使用場景,用戶只需在當前流程進行圖片美化編輯赚瘦,無需保存再重新導入再編輯粟誓。最后的分享界面Faceu也將產品本身的社交圈緊密的聯(lián)系在了一起。

4起意、交互細節(jié)

先看一下B612的兩個例子:

B612在選擇相冊選照片的時候右邊有個小控件鹰服,按住可以根據時間快速定位,這個體驗相當好揽咕,一般用戶手機里面的照片都非常多悲酷,它這個小功能可以讓用戶快速找到目標而不是一屏屏的滑。

右圖是圖片編輯的時候點擊左下角的叉叉會有彈窗提示亲善,這里也是一個很好的防錯機制设易,因為在圖片編輯界面用戶手動操作量很大,如果一不小心誤觸關閉蛹头,那么用戶所有的心血都白費了顿肺,所以在這個場景下它選擇給一個二次確認還是很合適的。

開啟權限這個Faceu就做的很好渣蜗,讓用戶自己選擇開啟哪個屠尊,而不是一進來就不停地跳彈窗。

上面3個都是Faceu的保存分享頁耕拷,底部控件樣式都不同讼昆,這個是不是可以考慮統(tǒng)一一下?

圖片引導保存本地斑胜,表情包引導分享控淡,背后的原因是表情包(gif圖片)在本地預覽不了嫌吠?

兩個分享流程一個跳轉發(fā)送頁面止潘,一個彈浮層,交互方式似乎不太統(tǒng)一辫诅。

5凭戴、視覺表現(xiàn)

視覺表現(xiàn)方面Faceu更出彩,顏色炕矮、品牌傳達么夫、卡通形象各個方面做得都很出色,在視覺上面可能更討年輕人歡喜肤视,顯得更有活力和青春档痪,也很符合產品定位。

最后總結一下:

產品框架層面邢滑,F(xiàn)aceu框架更靈活腐螟,拓展性更好;

頁面布局層面,B612界面更簡潔一些乐纸;

流程操作層面衬廷,各有優(yōu)劣,B612流程比較簡單汽绢,F(xiàn)aceu可能用戶操作會稍微多一點吗跋;

交互細節(jié)層面,也是各有優(yōu)劣宁昭;

視覺表現(xiàn)層面跌宛,F(xiàn)aceu無疑是更為出色的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末积仗,一起剝皮案震驚了整個濱河市秩冈,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌斥扛,老刑警劉巖入问,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異稀颁,居然都是意外死亡芬失,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進店門匾灶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來棱烂,“玉大人,你說我怎么就攤上這事阶女〖彰樱” “怎么了?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵秃踩,是天一觀的道長衬鱼。 經常有香客問我,道長憔杨,這世上最難降的妖魔是什么鸟赫? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮消别,結果婚禮上抛蚤,老公的妹妹穿的比我還像新娘。我一直安慰自己寻狂,他們只是感情好岁经,可當我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蛇券,像睡著了一般缀壤。 火紅的嫁衣襯著肌膚如雪朽们。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天诉位,我揣著相機與錄音骑脱,去河邊找鬼。 笑死苍糠,一個胖子當著我的面吹牛叁丧,可吹牛的內容都是我干的。 我是一名探鬼主播岳瞭,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼拥娄,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了瞳筏?” 一聲冷哼從身側響起稚瘾,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎姚炕,沒想到半個月后摊欠,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡柱宦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年些椒,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片掸刊。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡免糕,死狀恐怖,靈堂內的尸體忽然破棺而出忧侧,到底是詐尸還是另有隱情石窑,我是刑警寧澤,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布蚓炬,位于F島的核電站松逊,受9級特大地震影響,放射性物質發(fā)生泄漏试吁。R本人自食惡果不足惜棺棵,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望熄捍。 院中可真熱鬧,春花似錦母怜、人聲如沸余耽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽碟贾。三九已至币喧,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間袱耽,已是汗流浹背杀餐。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留朱巨,地道東北人史翘。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像冀续,于是被迫代替她去往敵國和親琼讽。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,092評論 2 355

推薦閱讀更多精彩內容