本次選擇的分析的產品是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無疑是更為出色的。