本次選擇的分析的產(chǎn)品是Faceu和B612,兩者在功能方面高度重合,下面主要從產(chǎn)品框架、頁(yè)面布局、流程操作、交互細(xì)節(jié)和視覺表現(xiàn)5個(gè)方面分別來(lái)對(duì)比一下各自的優(yōu)缺點(diǎn)。
1、產(chǎn)品框架
先看一下各自的首頁(yè):

兩者主功能方面基本相似,都是主打拍照、美圖、表情包制作等功能;
最大的區(qū)別就是兩款產(chǎn)品對(duì)于未來(lái)的定位的不同,從目前的框架可以看出來(lái),F(xiàn)aceu對(duì)于社交和社區(qū)屬性還是有一定的眼光和野心,而B612結(jié)構(gòu)框架更為簡(jiǎn)單,目前還只是單純地做工具。
從產(chǎn)品方向來(lái)講,F(xiàn)aceu的眼光和布局更為長(zhǎng)遠(yuǎn),B612拓展性不算很好,一旦有產(chǎn)品框架上的大變動(dòng)會(huì)影響當(dāng)前的導(dǎo)航和頁(yè)面布局。
2、頁(yè)面布局
其實(shí)兩者首頁(yè)的頁(yè)面布局非常相似,但是在側(cè)重點(diǎn)方面還是有些區(qū)別的:

B612底部有3個(gè)按鈕,分別是貼紙,拍攝和濾鏡,稍微探索一下就能明白貼紙和濾鏡是輔助美化拍照用的,而頭頂上有個(gè)小小的圖標(biāo),所實(shí)話一開始根本就沒(méi)注意到,用過(guò)之后才知道這是做表情包的,這里我感覺有點(diǎn)太過(guò)弱化了。
Faceu的底部也是三個(gè)按鈕,分別是消息、拍攝和好友,這三個(gè)是平行的關(guān)系,更像是底部的標(biāo)簽tab,用戶點(diǎn)擊按鈕或者左右滑動(dòng)分別能夠切換到相應(yīng)的標(biāo)簽,整個(gè)過(guò)程比較流暢。拍攝旁邊有個(gè)表情包,可以看出這兩個(gè)是平行的,而且也很明顯,但是這個(gè)地方只能點(diǎn)擊切換,這里如果換成左右滑動(dòng)和點(diǎn)擊切換拍攝和表情包或許會(huì)更好(個(gè)人拙見),畢竟從操作頻次來(lái)講用戶選擇表情包的操作是遠(yuǎn)遠(yuǎn)大于消息和好友的。
3、流程操作
這里主要分析主操作流程,注冊(cè)和拍攝流程:

可以看到Faceu的注冊(cè)流程有4步,比B612要多一步,這個(gè)地方要吐槽一下,F(xiàn)aceu的注冊(cè)登錄屬于強(qiáng)制性的,這里就沒(méi)有B612顯得那么友好了,而且最后一步強(qiáng)制填Faceu號(hào)也是個(gè)人覺得沒(méi)有必要的,如果別人已經(jīng)在用了就得不停地更換,這個(gè)過(guò)程會(huì)讓人崩潰的,很有可能用戶直接放棄注冊(cè),所以個(gè)人覺得這個(gè)地方可以讓用戶跳過(guò),去到app里面再去設(shè)置。
B612流程本身沒(méi)有問(wèn)題,最大的問(wèn)題在于它的密碼設(shè)置,它的密碼設(shè)置限制條件很多,而且還沒(méi)有任何提示,用戶不得不去想一個(gè)新的密碼,這無(wú)形中提高了用戶的注冊(cè)門檻,其實(shí)我覺得完全沒(méi)有必要,又不是金融類app沒(méi)必要把賬戶安全密碼條件設(shè)置的那么苛刻。
用戶引導(dǎo)方面,F(xiàn)aceu引導(dǎo)用戶手機(jī)賬戶注冊(cè),B612引導(dǎo)第三方賬戶(微信、qq)注冊(cè)。

拍攝主流程是最核心的操作,決定了能夠留住用戶與否,它們兩者的流程基本上是一模一樣的,都是從首頁(yè)—貼紙—濾鏡—保存—分享這么一個(gè)流程,但是細(xì)節(jié)上面還是會(huì)有些不同;
B612的貼紙和濾鏡頁(yè)面底部比Faceu多了一個(gè)拍攝的按鈕,用戶能夠隨選隨拍,不用回到首頁(yè)再點(diǎn)擊拍照,從體驗(yàn)上來(lái)講是比Faceu更優(yōu)的。只是其按鈕位置放的不夠好,首先遮擋了貼圖內(nèi)容,會(huì)讓用戶誤操作,其次視覺上也不是很好看,所以可以考慮重新擺放其位置。
保存頁(yè)面Faceu還可以進(jìn)行對(duì)照片進(jìn)行二次編輯,比較符合用戶當(dāng)前的使用場(chǎng)景,用戶只需在當(dāng)前流程進(jìn)行圖片美化編輯,無(wú)需保存再重新導(dǎo)入再編輯。最后的分享界面Faceu也將產(chǎn)品本身的社交圈緊密的聯(lián)系在了一起。
4、交互細(xì)節(jié)
先看一下B612的兩個(gè)例子:

B612在選擇相冊(cè)選照片的時(shí)候右邊有個(gè)小控件,按住可以根據(jù)時(shí)間快速定位,這個(gè)體驗(yàn)相當(dāng)好,一般用戶手機(jī)里面的照片都非常多,它這個(gè)小功能可以讓用戶快速找到目標(biāo)而不是一屏屏的滑。
右圖是圖片編輯的時(shí)候點(diǎn)擊左下角的叉叉會(huì)有彈窗提示,這里也是一個(gè)很好的防錯(cuò)機(jī)制,因?yàn)樵趫D片編輯界面用戶手動(dòng)操作量很大,如果一不小心誤觸關(guān)閉,那么用戶所有的心血都白費(fèi)了,所以在這個(gè)場(chǎng)景下它選擇給一個(gè)二次確認(rèn)還是很合適的。

開啟權(quán)限這個(gè)Faceu就做的很好,讓用戶自己選擇開啟哪個(gè),而不是一進(jìn)來(lái)就不停地跳彈窗。

上面3個(gè)都是Faceu的保存分享頁(yè),底部控件樣式都不同,這個(gè)是不是可以考慮統(tǒng)一一下?
圖片引導(dǎo)保存本地,表情包引導(dǎo)分享,背后的原因是表情包(gif圖片)在本地預(yù)覽不了?

兩個(gè)分享流程一個(gè)跳轉(zhuǎn)發(fā)送頁(yè)面,一個(gè)彈浮層,交互方式似乎不太統(tǒng)一。
5、視覺表現(xiàn)
視覺表現(xiàn)方面Faceu更出彩,顏色、品牌傳達(dá)、卡通形象各個(gè)方面做得都很出色,在視覺上面可能更討年輕人歡喜,顯得更有活力和青春,也很符合產(chǎn)品定位。

最后總結(jié)一下:
產(chǎn)品框架層面,F(xiàn)aceu框架更靈活,拓展性更好;
頁(yè)面布局層面,B612界面更簡(jiǎn)潔一些;
流程操作層面,各有優(yōu)劣,B612流程比較簡(jiǎn)單,F(xiàn)aceu可能用戶操作會(huì)稍微多一點(diǎn);
交互細(xì)節(jié)層面,也是各有優(yōu)劣;
視覺表現(xiàn)層面,F(xiàn)aceu無(wú)疑是更為出色的。