中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

筆者從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層四個層次對豆果美食進(jìn)行了競品分析，并提出了自己的一些改進(jìn)建議。

• 體驗(yàn)手機(jī)：iPhone 6S ；
• 豆果體驗(yàn)體驗(yàn)版本：（v6.9.38）；
• 下廚房體驗(yàn)版本：（v6.8.6）。

以下內(nèi)容有分析不當(dāng)?shù)牡胤?，請指教，感謝。

一、背景分析

1. 選擇競品

目前市面上有關(guān)菜譜的應(yīng)用比較多，模式相對來說比較明確。雖然美食類競品有很多如：下廚房、香哈菜譜、美食杰、好豆菜譜、日日煮等，但各個方面都比較成熟的美食產(chǎn)品首選下廚房。

目前屬于第一梯隊(duì)的是下廚房、豆果美食，下面將下廚房作為豆果美食的競品分析對象。（數(shù)據(jù)來源：艾瑞網(wǎng)）

二、戰(zhàn)略層

對比兩款產(chǎn)品的定位，其中下廚房的定位在于有版權(quán)的菜譜與飲食知識；現(xiàn)在年輕人越來越注重養(yǎng)生，飲食知識的作用不可小覷。即使菜譜信息不夠豐富，對于熱愛養(yǎng)生的人來說這點(diǎn)也可以接受。

豆果美食的大量菜譜信息以及教用戶輕松做飯的方式也是自家的一大特色，也能夠滿足很多喜歡不斷嘗試美食做法的用戶需求。

1. 使用人群

以下數(shù)據(jù)源于艾瑞網(wǎng)：

（下廚房）

（豆果美食）

上圖看出：在兩款產(chǎn)品的使用人群中，主要的目標(biāo)用戶是年齡在25-35歲之間，以女性為主，此區(qū)間的人群消費(fèi)能力強(qiáng)。如：已經(jīng)進(jìn)入社會工作一段時間的大學(xué)生、城市白領(lǐng)、家庭主婦。

2. 用戶畫像

三、范圍層

查詢菜譜后做飯的操作流程：

其中流程每個環(huán)節(jié)涉及到的任務(wù)有：

• 查菜譜方式：搜索、推薦菜譜/筆記、分類、關(guān)注達(dá)人、推薦可能感興趣的達(dá)人、購網(wǎng)課；
• 選擇菜譜：收藏量、瀏覽量、評論、時間、操作難度、老師指導(dǎo)、吃飯場景、人群、胃口等維度；
• 購買食材：查詢收藏夾、食材記錄清單、電商購買、線下超市購買、優(yōu)惠券、積分等支付方式；
• 按步驟做飯：文字菜譜、視頻菜譜；
• 拍照：上傳菜譜、上傳筆記、分享朋友圈。

在獲取菜譜信息方面，豆果美食的搜索更加細(xì)化具體。下廚房的菜譜分類文藝范、潮流范兒明顯，相對而言豆果美食偏向?qū)嵱门桑俗V類目數(shù)量較大。

個性化推薦方面，下廚房表現(xiàn)比較突出，關(guān)注頁展示關(guān)注過的感興趣廚友動態(tài)以及推薦當(dāng)?shù)氐膹N友動態(tài)，這樣可以讓用戶更快速找到感興趣的信息。

豆果將更多的空間放在菜單專題推薦以及筆記可以讓用戶去發(fā)現(xiàn)新的菜譜和其他用戶如何記錄生活。

在購物方面，兩家均可電商購物，豆果推出會員制作為盈利的手段，不僅可以打折購物還可以免費(fèi)觀看部分課程，與我買網(wǎng)合作提高商城商品的品質(zhì)。

上傳作品或者菜譜方面，兩家的功能差異不大，豆果可以@好友、關(guān)聯(lián)商品進(jìn)行好友間的互動推廣商品，下廚房注重用戶對菜譜或者作品進(jìn)行標(biāo)簽分類，上傳之后，下廚房作者可以看到自己的菜譜每天瀏覽量、收藏量等其他相關(guān)的數(shù)據(jù)統(tǒng)計(jì)。

四、結(jié)構(gòu)層

下廚房的商業(yè)化布局放在市集和課堂，推薦菜譜除了以LBS方式外，還可以通過展示已關(guān)注的達(dá)人或者好友動態(tài)來獲得。社交化特征比豆果美食更加明顯，算法推薦一些用戶可能感興趣的朋友。

豆果美食的重點(diǎn)模塊是首頁和筆記，通過推薦瀏覽量或者收藏量高的精品菜譜或者專題方式等方式展示，更多體現(xiàn)豐富菜譜信息以及教用戶如何更輕松做飯的特色，課堂以及商城是它的商業(yè)化的實(shí)施。

五、框架層

1. 首頁推薦

（下廚房）

（豆果美食）

下廚房的首頁具有很明顯的社區(qū)文化特點(diǎn)，頁面采用頂部標(biāo)簽導(dǎo)航將首頁分為三塊，分別是關(guān)注、推薦、作品。

對于無目的型、閑逛用戶，打開首頁直接看到各式各樣的推薦菜譜，卻無法篩選具體的類別，看到喜歡的菜譜會收藏甚至關(guān)注去這個作者的動態(tài)，可以增加用戶與產(chǎn)品之間的粘性。

這對于解決某一餐的目的型用戶無法通過推薦菜譜快速找到合適的信息，只能去搜索、分類、作品找早中午三餐推薦。

因?yàn)橥扑]菜譜主要是針對無目的型用戶故采用無框式兩欄設(shè)計(jì)，上圖下文，其中穿插著個別視頻，圖文結(jié)合方便對比，不斷吸引用戶注意力。推薦列表收藏數(shù)字采用“萬”作為單位統(tǒng)計(jì)，用戶更加直觀的了解當(dāng)前菜譜的歡迎程度，節(jié)省用戶的思考成本。

對于關(guān)注頁，用戶可看到自己感興趣的廚友作品、自己作品，被關(guān)注的廚友不是所有的動態(tài)都會被喜歡，也需要去篩選內(nèi)容。需要重點(diǎn)突出出圖片的重要性，因?yàn)閳D片本身具有分割作用，通過規(guī)整的圖片、標(biāo)題、操作按鈕展示，整體上干凈、整潔。

作者發(fā)表的作品可以自行打標(biāo)簽，標(biāo)簽可以是某個話題也可以是某個菜譜，標(biāo)簽不僅幫助產(chǎn)品有效的分類，也讓用戶快速找到感興趣的內(nèi)容。

作品頁主要展示其他人在具體某一餐吃什么，給沒有想法的用戶提供引導(dǎo)，進(jìn)而讓用戶找到自己可能想吃的飯，再去搜索或者點(diǎn)擊作品的菜譜標(biāo)簽去看具體的做法。作品頁由于針對無目的型用戶，也是雙欄式上圖下文布局，讓用戶對比發(fā)現(xiàn)喜歡的內(nèi)容。

豆果美食的首頁更加平臺化，社區(qū)味道比較淡。通過輪播、三餐筆記、今日推薦在頁面從上往下依次排列方式去推薦菜譜。

輪播位于第一屏頁面頂部，最容易吸引用戶的視線，可以展示菜譜專題。

三餐筆記有兩個入口，一個是首頁第一屏，另一個是底部Tab筆記頁，但是二者的視覺顏色卻不相同，違背了一致性原則，增加了用戶的思考成本，筆記頁和作品頁作用一樣，

用戶目標(biāo)：希望通過看到其他人記錄的三餐生活，給用戶自己吃飯帶來靈感，進(jìn)而去搜索相關(guān)的菜譜。

產(chǎn)品方面：為菜譜導(dǎo)流以及讓用戶更加活躍地記錄簡單生活，那么提高筆記的活躍度的方法有：

1. 增加話題的豐富度、當(dāng)下最熱的話題；
2. 在用戶感興趣的內(nèi)容中提供多個發(fā)表入口去發(fā)表筆記；
3. 優(yōu)化操作步驟；
4. 頁面排版。

增加話題的豐富度：這里用戶不但可以選擇三餐筆記，還可以選擇其他熱點(diǎn)話題，相對于下廚房作品，涉及到的話題更廣，而且內(nèi)容不再是僅限于與吃直接相關(guān)的信息。

話題范圍擴(kuò)大延伸到任何與吃相關(guān)生活場景筆記，這樣可以提高內(nèi)容的活躍度和豐富度，只要把控著筆記內(nèi)容的邊界即可，對于用戶來說，這樣的內(nèi)容更加具有新鮮感。

優(yōu)化的交互操作：在用戶不斷上滑頁面的過程中，底部標(biāo)簽導(dǎo)航的筆記二字變成刷新，避免用戶通過下拉實(shí)現(xiàn)刷新，將用戶刷新的場景前置，將刷新操作更加高效。另外頂部導(dǎo)航標(biāo)簽最新和精選，用戶可以根據(jù)自己的需要隨意選擇。

頁面排版：布局上也是采用雙欄式卡片設(shè)計(jì)，區(qū)分信息明確，在卡片上就可以采用點(diǎn)贊這個交互動作，使得卡片的趣味性更強(qiáng)。

今日推薦專題，運(yùn)營推薦每天吃什么，有時可以根據(jù)特殊的節(jié)日整理出有特點(diǎn)的菜單，對于不知道吃什么的無目的型用戶，看看每天的推薦找找靈感，產(chǎn)品可以潛在引導(dǎo)用戶追隨菜單的更新，降低用戶對大量信息的選擇，提高選擇效率。

采用無邊框設(shè)計(jì)，將更大的空間給與展示美食圖片，沉浸式瀏覽，將美食的細(xì)節(jié)展示的很細(xì)致。

不足之處：內(nèi)容排版單一，一屏展示的數(shù)量有限；收藏數(shù)字沒有經(jīng)過計(jì)算單位的整理，直接展示，相對而言需要用戶停頓去思考究竟是多少，體驗(yàn)較差。

2. 搜索

（下廚房）

（豆果美食）

入口：都是放置在首頁頂部入口

搜索頁面：兩者都有搜索歷史和熱門推薦。搜索歷史對于用戶再次查找時方便查看，減少操作步驟，另外即使用戶當(dāng)前的搜索結(jié)果不太滿意，用戶可以對搜索詞進(jìn)行調(diào)整。熱門搜索方便產(chǎn)品可以展示一些想要推廣的熱點(diǎn)提高曝光度，同時用戶可以通過熱點(diǎn)詞了解熱門美食。

不同之處：豆果美食還有預(yù)加載和分類搜索。其中分類搜索比如“菜譜、用戶、商品”這樣可以幫助用戶縮小搜索范圍，加快搜索速度，這樣可能導(dǎo)致其他類別曝光率降低。既然是有目的搜索，搜索速度越快越好，符合用戶的心理。

內(nèi)容輸入過程：兩者都做了自動填充以及模糊匹配，可以預(yù)測你搜的菜譜或者用戶。在模糊搜索方面，下廚房做的相對更好一些，將兩種不同的食材放在一起，猜測用戶的組合搭配。豆果則是將搜索意見反饋懸浮在頁面右下角，用戶在搜索體驗(yàn)不滿意可以直接反饋。

搜索結(jié)果的展示：兩者都采用左圖右文字列表導(dǎo)航，這樣的導(dǎo)航也都符合美食這類放松、享受的產(chǎn)品基調(diào)。通過先看圖再進(jìn)行瀏覽文字篩選結(jié)果，緩解視覺壓力，不斷吸引用戶的注意力。

下廚房搜索結(jié)果列表放置了搭配常用食材的頂部tab布局，也是幫助用戶快速篩選信息的一種好方法。

缺點(diǎn)：tab數(shù)量太多，用戶的短暫記憶最佳數(shù)量是5-9個，將多余未展示的以更多命名，展開的標(biāo)簽是宮格式。

太多文字信息，看上去枯燥，也增加用戶的思考成本，另外將視頻菜譜放在這里，也更符合用戶的使用場景。

在搜索菜譜結(jié)果出來后，既可以選擇視頻又可以選擇文字，用戶可以自由的切換。

對于篩選條件如商品、用戶、菜譜之類等，可以將其前置，因?yàn)樗阉鞯臅r候，用戶的目標(biāo)是明確的，不會在搜索菜譜時候找不到合適的就轉(zhuǎn)向搜索商品。

另外如果用戶奔著食材去搜，希望得出的是相應(yīng)菜譜結(jié)果，而不是出現(xiàn)叫這個食材的用戶，在菜譜的結(jié)果頁中出現(xiàn)相應(yīng)食材的用戶，不符合用戶的心智。

這點(diǎn)上豆果做的更好一些，豆果美食在搜索菜譜的結(jié)果頁，頂部有一塊內(nèi)容用來解釋相應(yīng)食材的功效，給不懂營養(yǎng)功效的你，安排一個貼心的管家。

搜索結(jié)果的篩選與排序：搜索結(jié)果的展示是給用戶體驗(yàn)搜索最重要的一個環(huán)節(jié)，準(zhǔn)確的將搜索結(jié)果反饋給用戶是構(gòu)建用戶信任的基礎(chǔ)。

所以，搜索引擎需要確定結(jié)果的優(yōu)先級，匹配度最高的內(nèi)容放在在結(jié)果頁最靠前的位置。兩者的搜索結(jié)果智能排序以及綜合最佳有些內(nèi)容不是按照評分最高+做過人數(shù)最多進(jìn)行從高往低進(jìn)行排列。

所以這個智能排序到底解決的是什么問題呢？

下廚房可以選擇智能排序、評分、做過、視頻方面篩選與排序；豆果美食有綜合最佳、收藏、做過方面的選擇。

對于用戶來說，選擇菜譜最關(guān)鍵的因素是：收藏數(shù)以及做過數(shù)量。

對于評分，評分的滿分是多少分，標(biāo)準(zhǔn)是什么？都不得而知，因此評分有點(diǎn)尷尬，不如收藏、做過數(shù)來的明顯。

3. 分類

（下廚房）

（豆果美食）

使用分類的場景：用戶想要搜索某些范圍內(nèi)的事物，但是不知道是具體什么樣的事物，希望“快速、清晰”的篩選；抑或沒有明確的目的用戶只是去隨便“逛”來發(fā)現(xiàn)一些事物。

下廚房的分類入口放在首頁為你推薦附近，只有文字沒有圖標(biāo)，且樣式上對文字弱化處理，被用戶注意的機(jī)率較低。

菜譜分類主要以場景為主，文藝特點(diǎn)較為明顯，注重菜譜品質(zhì)和潮流。

根據(jù)具體的場景化給出可能需要的菜譜，與“唯有美食與愛不可辜負(fù)”這條slogan的文藝特點(diǎn)相契合?。

菜譜數(shù)量較少，采用宮格導(dǎo)航布局。雖然圖文結(jié)合的方式可以有效緩解視覺疲勞，但頁面空間展示信息有限，對于有些類別數(shù)量不多時，容易出現(xiàn)排版不美觀。也許下廚房目前的菜譜數(shù)量相對比較少，這種布局更加適合現(xiàn)狀吧。

豆果美食的分類入口放在首頁金剛區(qū)（圖文結(jié)合的方式）第一個位置以及頂部搜索框的右邊，圖標(biāo)+文字對用戶來說更容易識別，且在視覺上位置比較突出，可以很容易被用戶注意到。

菜譜分類更多的是以常見實(shí)用的食材類別作為區(qū)分標(biāo)準(zhǔn)，菜譜數(shù)量較多。

左側(cè)主目錄采用文字列表形式，主目錄選中時是一個跟隨的品牌色背景和品牌色文字，在設(shè)計(jì)上融入了品牌的元素。

右側(cè)采用標(biāo)簽式布局，精簡的語言、類目圖片，圖文結(jié)合的方式可以緩解文字太多引起的視覺疲勞，內(nèi)容塊劃分明確，使掃視更加的方便，同時也能夠在一屏內(nèi)容納較多的信息，實(shí)現(xiàn)快速瀏覽篩選。

由于分類更加偏向食材化，場景運(yùn)用較少，其中也會涉及到一些細(xì)分人群的需求，比如母嬰、學(xué)生、養(yǎng)生。傾向于解決吃什么以及日常平淡的三餐，而不是解決具體某個場景下遇到的吃飯問題。

這也是符合豆果的產(chǎn)品定位，為不會做飯的用戶提供更加實(shí)用的菜譜信息。

不足之處：有些主目錄文案含義模糊，無法直觀判斷，比如“愛要鮮一步”這個怎么理解才能更合適呢？

另外個別子目錄缺少類別圖片，體驗(yàn)上不夠統(tǒng)一，有點(diǎn)突兀的感覺。當(dāng)子目錄每行標(biāo)簽數(shù)量少于3個的時候，沒有采用“對齊”原則，使得視覺上比較混亂。

4. 菜譜詳情頁

（下廚房）

（豆果美食）

在菜譜詳情頁中，產(chǎn)品目的是提高用戶在菜譜詳情頁的活躍度，產(chǎn)品的目標(biāo)是提高菜譜詳情頁的收藏率以及上傳作品數(shù)，用戶的目標(biāo)是對菜譜內(nèi)容進(jìn)行決策是否要做。

菜譜圖是用戶進(jìn)入菜譜詳情頁看到的第一道信息，優(yōu)先級最高。精致質(zhì)感的高清大圖不僅可以展示美食細(xì)節(jié)與整體，可以引起用戶的食欲（人性難以禁得住美食的誘惑）。而且用戶對圖片的感知力和注意力大于文字，還可以減少用戶的思考成本，這點(diǎn)豆果更勝一籌。

多張不同角度的美食圖片讓用戶可以在不同的角度進(jìn)行了解，這樣的美食圖片比干癟的文字說明更加有說服力，成為用戶決定是否做這道菜的關(guān)鍵因素之一。 給意愿不夠強(qiáng)烈的用戶較強(qiáng)的視覺沖擊，豆果需要學(xué)習(xí)這一點(diǎn)。

與菜譜相關(guān)的收藏數(shù)和瀏覽數(shù)，下廚房將其用計(jì)量單位統(tǒng)計(jì)出來 ，用戶視覺掃視起來更加的方便，節(jié)省思考，同時強(qiáng)化菜譜的價值，利用用戶的從眾心理提高用戶的瀏覽動機(jī)，這點(diǎn)值得豆果學(xué)習(xí)。

在菜譜詳情頁對內(nèi)容做決策主要通過瀏覽菜譜步驟，對這道菜操作時間、難度、營養(yǎng)、做過人的反饋有大致的了解后，如果喜歡吃這道菜且操作不復(fù)雜的話，大部分用戶將可能跟做，那么就會先收藏等到合適時機(jī)去做甚至用戶可能會關(guān)注作者的其他動態(tài)。

主要滿足用戶“可靠、放心”的心理，并獲得用戶的信任。

所以用戶瀏覽菜譜的重要性：

1. 收藏的重要性為；
2. 上傳作品的重要性為；
3. 關(guān)注的重要性為；
4. 發(fā)表作品的重要性為；
5. 分享的重要性為；
6. 用戶的主要行為是瀏覽菜譜、收藏、傳作品。

瀏覽菜譜：需要對頁面的信息模塊合理的組織，將相關(guān)的信息采用相近原則放在一起。

收藏：是這個場景中主要操作流程行動點(diǎn)，重要且操作頻繁的動作，與產(chǎn)品目標(biāo)強(qiáng)關(guān)聯(lián)。需要放置在方便單手操作的拇指熱區(qū)范圍內(nèi)。因?yàn)榇蠖鄶?shù)用戶是習(xí)慣右手操作，故放置在右下角更合適，視覺樣式需要突出，豆果美食在收藏視覺上不夠突出。

上傳作品：產(chǎn)品希望用戶了解完菜譜之后，上傳自己跟做的作品，因此上傳作品是主流程的一部分，需要放在視覺流的焦點(diǎn)，引起用戶的注意，能夠引導(dǎo)用戶下一步的操作，也需要放在容易操作的位置。

次要流程是關(guān)注?、加入采購清單、評論、營養(yǎng)功效、分享、看大家的作品、小貼士、查看其他的菜譜等。

關(guān)注作者：是重要但需要弱化的功能，不能干擾主要流程。視覺層級上表現(xiàn)弱一點(diǎn)。放在操作頻率不高的位置。

用戶評論：確實(shí)可以打通用戶與用戶之間，用戶與產(chǎn)品之間的界限，增強(qiáng)產(chǎn)品的關(guān)系留存，同時產(chǎn)生出一種社群關(guān)系。

用戶看菜譜的評論主要尋找其他人在做這道菜的過程中遇到的疑問等反饋信息、或者是廚藝交流。

在頁面底部豆果的評論入口是一個突出的左邊輸入框，其他的輔助功能放在右邊，評論展示采用樹形分支結(jié)構(gòu)，不僅增加了主貼話題的延展性還可以營造出熱鬧的評論區(qū)氛圍，吸引更多的用戶參與討論。

在菜譜詳情頁展示熱門評論，將全部評論放在另一個獨(dú)立的頁面有助于讓用戶有書寫長評論，讓用戶沉浸在評論的氛圍中，適合關(guān)注社群互動氛圍的產(chǎn)品。

但是對于菜譜類的應(yīng)用，用戶交流做法內(nèi)容不會很多，評論的及時反饋期望不大，表達(dá)欲不是很高，互動性一般。

展示全部的評論不需要跳轉(zhuǎn)到獨(dú)立的頁面，只在當(dāng)前的菜譜詳情頁采用彈層展示即可。評論的排序上采用最新時間排序，這種排列相對比較簡單，不僅可以方便查找自己的評論而且可以讓用戶更加關(guān)注內(nèi)容本身。

采購清單：目的是羅列需要購買的食材，清單和食材列表是屬于相關(guān)信息，故放在食材列表的附近是符合邏輯的。兩者在這一點(diǎn)沒有差異。

點(diǎn)擊食材列表上面的食材可以了解對應(yīng)的營養(yǎng)功效與飲食禁忌是豆果美食特色，也是符合當(dāng)下用戶注重養(yǎng)生的理念，

營養(yǎng)標(biāo)簽:用戶通過點(diǎn)擊標(biāo)簽，幫助用戶快速找到相似的感興趣菜譜，減少了操作步驟，但是這個功能不是所有的菜譜都有，目前不夠普及。

操作步驟：上圖下文形式，因?yàn)樵诓僮鬟^程中，圖片的重要性大于文字，通過圖片可以了解操作的狀態(tài)。下廚房的圖片大于豆果，觀看效果更好，豆果值得參考這一點(diǎn)。

進(jìn)入烹飪模式：用戶在按照菜譜的步驟進(jìn)行做飯的時候，精力幾乎集中在鍋中食材，很難去仔細(xì)想每一步該干什么，所以采用黑色的背景打造沉浸模式，每滑動一次只展示一個步驟，減少無關(guān)信息打擾，進(jìn)入烹飪模式的入口放在具體操作步驟附近是合理的。

豆果當(dāng)前存在一個問題，多說幾句（也就是小貼士的內(nèi)容）在每一步都是呈現(xiàn)相同的內(nèi)容，導(dǎo)致用戶每一步都點(diǎn)擊多說幾句這個功能，有點(diǎn)“狼來了”的意思。同時增加多余的干擾信息。因此只在需要注意的步驟展示即可，同樣也可以起到引導(dǎo)提示作用。

小貼士：兩者都將操作過程中需要注意的地方列舉出來，那么對于按照菜譜步驟操作的用戶來說，如果將小貼士放置在操作步驟前面，操作步驟冗長的話，用戶就會記不住，放置在操作步驟的后面，用戶又會很難注意到。最好每步操作之后備注著注意相應(yīng)的小貼士。

大家的作品：豆果美食和下廚房app上傳的菜譜都屬于UGC，特點(diǎn)就是內(nèi)容規(guī)范化、專業(yè)化比較弱，菜譜質(zhì)量層次不齊。

其中豆果美食界真正的大咖或者專業(yè)的人較少，在操作難度大致統(tǒng)一的情況下，用戶會比較看重大家跟做作品。

大家做的作品相當(dāng)于淘寶買家秀，看到大家的真正做出來的色相以及評語、作者的菜譜步驟介紹，綜合考慮才會決定是否要做這道菜，畢竟現(xiàn)在白領(lǐng)的業(yè)余時間有限，做一道的時間、食材、精力有限。

故先展示大家的作品，其次是菜譜步驟介紹。而下廚房的美食專業(yè)用戶較多，他們的操作步驟更加的專業(yè)，給用戶的信任感更強(qiáng)，因此先展示步驟后再展示大家跟做作品。

菜譜推薦：當(dāng)用戶瀏覽完菜譜的相應(yīng)介紹信息之后，是否需要在尾部放置更多的菜譜推薦？如果用戶通過搜索列表進(jìn)入到菜譜頁，對當(dāng)前菜譜不感興趣，也可能對當(dāng)前的食材是感興趣的，那么相應(yīng)食材的其他搭配方法也是可能用戶需要的，也是一種留住用戶的方式。

至于是否要用換一換按鈕，對于菜譜，需要精美的圖片（吸引用戶，引起某種食欲）和精簡語言（碎片化閱讀）貼心的提示幫助用戶去理解這個道菜是如何制作完成的。

同時需要營造出一種沉浸在美食中的氛圍，也就是期待看到用戶多多地去關(guān)注，去享受其中。

換一換這個功能本身具有快速的切換的性質(zhì)，在這里豆果菜譜推薦的換一換就顯得不太適合。

5. 收藏頁

（下廚房）

（豆果美食）

用戶找到合適、喜歡的菜譜之后，先收藏著以便合適的機(jī)會使用。

收藏頁的用戶目標(biāo)是快速篩選要做的菜，主要行為是篩選，那么就會涉及搜索、自定義菜單名字的功能。

具體可收藏內(nèi)容包括菜譜、菜單（自己整理的或者app菜譜專題）、課程，用戶在瀏覽過程中發(fā)現(xiàn)特別實(shí)惠優(yōu)質(zhì)的課程，會及時的收藏以便合適的時間去學(xué)習(xí)。

對于筆記是否有必要收藏，筆記的作用是通過展示美食圖片引起用戶的食欲，為可能感興趣的菜譜導(dǎo)流，或者發(fā)現(xiàn)別人在某種場景下遇到或者制作的美食生活，自己在相同的情況下看看曾經(jīng)收藏過別人的筆記，以便給自己帶來靈感。

同時筆記中有菜譜標(biāo)簽的存在，用戶點(diǎn)擊標(biāo)簽可以查找菜譜。另外收藏按鈕既然是高頻且重要的按鈕，那么按鈕的位置盡可能要明顯、易操作。

下廚房將收藏放在底部5個標(biāo)簽中，這樣可以方便快速的切換，豆果則是放在底部標(biāo)簽導(dǎo)航“我的”模塊中，用戶操作路徑變長，切換起來比較繁瑣。

6. 采購清單

從上圖也可以采購清單的入口，先考慮一下采購清單使用場景，用戶在收藏夾中確定好今天要做的一道菜，那么這道菜的食材如果家里沒有的話，就需要列舉一個購買清單，這時候就需要本子去記錄要購買的東西，這里的菜籃子使用隱喻的方式表達(dá)。

那么用戶要完成的任務(wù)就是在收藏夾尋找要做的菜譜或者課程以及接著對菜籃子中要購買的食材進(jìn)行增刪減查，食材清單采用視覺（劃線代表不需要）+聽覺（食材的放進(jìn)來或者拿出去引起的聲音）。

類似于生活中將需要的食材拿進(jìn)來，不需要的拿出去。這樣交互性更強(qiáng)、更有趣，菜譜的標(biāo)題和食材清單相比較，菜單標(biāo)題需要更明顯的突出，有利于展示清晰的信息層級。

在這一點(diǎn)下廚房做的更好一些，但是不需要的食材可以置灰+短短的線段劃掉，這樣不僅突出隱喻性還可以減少視覺噪音，豆果美食在這點(diǎn)上更好一些。如圖所示；

（下廚房）

（豆果美食）

用戶決定今天做什么飯的時候，一般不會很少一道菜譜的食材，多數(shù)情況下是兩道以上。

既然去買菜，通常將需要的食材一起買回來，這樣就需要食材合并的功能。當(dāng)然也有臨時改主意不做某道菜，這時候就需要食材分開或者清空的功能。

對于食材之間的合并或者分開，豆果采用頂部TAB標(biāo)簽，但是使用標(biāo)簽導(dǎo)航的前提標(biāo)簽之間是并列的，內(nèi)容是不重疊的，而豆果的“按菜譜“或者”全部“這兩個標(biāo)簽的內(nèi)容是重疊的，都是指菜譜的食材。

用戶在不斷上滑頁面的時候，頂部標(biāo)簽導(dǎo)航不能固定，直接消失，只有在不斷下拉到頂部才會出現(xiàn)，無法實(shí)現(xiàn)用戶隨時可看可用，不符合導(dǎo)航本身的特點(diǎn)。

下廚房將這些操作收納在頂部更多……點(diǎn)擊后底部彈出動作欄，選擇合并、分開、取消，當(dāng)用戶誤點(diǎn)擊的時候，可以選擇“取消”，給用戶一個撤銷操作的機(jī)會，用戶滑動頁面隨時可以在合并與分開、取消之間切換，這樣的體驗(yàn)更佳。

7. 課程頁

（下廚房）

（豆果美食）

下廚房的課堂放在底部tab頁的第三位，重視程度小于商城，課堂主頁第一屏主要展示課程業(yè)務(wù)范圍和新人推薦課。

下廚房考慮了細(xì)分人群–健康減脂，運(yùn)營活動板塊分別是新人1元學(xué)、高分好課、錄播課、免費(fèi)贈課，全部采用了留白分割，圖片邊角相對平整，利用圖片本身的分割特性，使得視覺上更加清晰、規(guī)整。

下廚房對課程品質(zhì)要求很高，授課老師幾乎大多數(shù)是專業(yè)美食人員，在課程列表可以快速收藏的需求，收藏的按鈕采用文字展示，這樣的表達(dá)方式不如圖標(biāo)清晰簡明。

豆果的課程頁放在商城頁的前面。豆果頁第一屏除了課程的業(yè)務(wù)范圍還推出會員業(yè)務(wù)，兩家的課程業(yè)務(wù)幾乎沒什么大的區(qū)別，豆果考慮的細(xì)分人群是寶寶輔食，在課堂的搜索欄附近的已購買功能讓人感覺有點(diǎn)摸不清。

對于目的性用戶，如果已購買課程，用戶更多的是直接去“我的”功能模塊找，而不是在課堂頁尋找。

運(yùn)營活動板塊分別是推薦課程、新課、電子書、全部課程，布局上也是采用無框設(shè)計(jì)，信息元素重復(fù)且統(tǒng)一，水平滑動和垂直滑動形成一個整體。

圖片的邊角更加的圓滑，著重強(qiáng)調(diào)美食圖片的細(xì)節(jié)。因授課老師的質(zhì)量要求并不是很高，故商品列表頁上沒有任何收藏動作按鈕。

8. 課程詳情頁

（下廚房）

（豆果美食）

購買課程付費(fèi)學(xué)習(xí)菜譜和免費(fèi)學(xué)習(xí)菜譜是兩種不同的學(xué)習(xí)渠道，二者相比前者需要花錢去學(xué)。而不再是簡單的考慮是否值這個價格、時間、食材費(fèi)用，對于用戶來說考慮的決策因素更多，決定更加慎重一些。

課程詳情頁的產(chǎn)品目標(biāo)是提高訂單的轉(zhuǎn)化率，用戶的目標(biāo)是買到合適的課程。用戶的主要行為是試看、購買。次要行為是收藏、關(guān)注、查詢評價、瀏覽大家的作品等。

頭圖：在課程詳情頁中，下廚房對商品頭圖（也支持視頻方式）優(yōu)先級最高。

相比豆果美食給與更大的空間展示細(xì)節(jié)，品質(zhì)，這樣不僅讓用戶從賣相、食材狀態(tài)、整體外觀都能有一個細(xì)致的了解，給用戶購買課程留下美好的第一印象，另外因?yàn)橛脩艋貞浭挛锏臅r候，排在開始和結(jié)尾的位置更容易被人記住，所以頭圖非常重要。

那么結(jié)尾也需要強(qiáng)化這門課程值得購買的點(diǎn)，加深用戶對課程的印象，如老師的介紹等。

利用用戶的從眾心理展示多少人在學(xué)習(xí)這個課程，采用誘餌效應(yīng)推出試看課程降低用戶的心理防線，其次介紹課程的基礎(chǔ)信息模塊，你將學(xué)到的這些板塊的信息內(nèi)容層級區(qū)分，下廚房更加的明顯清晰。

試看+購買：一個頁面只能完成一個主要的任務(wù)，對于課程詳情頁產(chǎn)品希望用戶完成的主要任務(wù)是購買課程，而不是簡單的試看，下廚房這里試看按鈕和購買按鈕卻使用相同層級視覺元素進(jìn)行表達(dá)，沒有突出主要的動作，主次任務(wù)操作沒有對比，且購買按鈕的文案“9.9”意思表達(dá)雖然簡潔，但不夠清晰。

購買課程前，最重要的一個決策就是試看，因此試看是僅次于購買的重要動作，那么頁面需要強(qiáng)調(diào)出“試看”這個按鈕，根據(jù)巴德爾—邁因霍夫現(xiàn)象，要相讓用戶深深的記住某樣事物，就需要不斷地出現(xiàn)在用戶的面前。

那么它也需要放在用戶想看隨時可以看到且易點(diǎn)擊的地方，且豆果目前的試看按鈕顏色和購買按鈕也是使用相同的顏色表達(dá)，豆果美食在這一點(diǎn)上選要優(yōu)化試看的位置以及顏色。

評價：這里的評價入口是在學(xué)習(xí)完相應(yīng)的課程之后，才能進(jìn)行評論，因?yàn)樵诰€課程無法像商品一樣，試用發(fā)現(xiàn)不合適再退換。

對于潛在購買用戶來說，學(xué)員觀看后的課程評價以及展示學(xué)員的跟做作品圖是最直接體現(xiàn)老師的教學(xué)質(zhì)量方式。

因此將學(xué)員的評價以及跟做作品的同類信息組合在一起，綜合評價這門課程，符合用戶的認(rèn)知與習(xí)慣，提高用戶的閱讀效率。

購買須知：用戶的操作過程可以看成是不斷接受引導(dǎo)、做決策的過程，要想做出正確的決策必須要接收到正確的引導(dǎo)。商品是否支持退換等相關(guān)的購買須知是用戶做“購買課程”決策之前在課程的詳情頁應(yīng)該需要知道的信息，這點(diǎn)上豆果美食比較欠缺。

9. 課程購買頁

（下廚房）

（豆果美食）

下廚房支付路徑：購買課程-核實(shí)課程基礎(chǔ)信息-廚幣支付-余額不足-充值-購買廚幣-成功/換種支付方式-微信/支付寶-支付成功。

豆果美食支付路徑：購買課程-核實(shí)課程基礎(chǔ)信息-選擇微信/支付寶等-支付成功

整體來看，雖然兩家都想要推廣各自的金融支付工具，對用戶來說，能夠快速完成支付任務(wù)流程才是最關(guān)心的。

下廚房在支付環(huán)節(jié)，顯而易見的支付方式只有廚幣支付，使得賬戶金額不足的用戶去appstore支付，但是沒有展示給用戶這樣做的價值(比如：使用廚幣支付更加優(yōu)惠等)，appstore推薦這種購物支付方式不適用大多數(shù)用戶的習(xí)慣，很難改變用戶習(xí)慣，且充值步驟冗長，支付環(huán)節(jié)容易出現(xiàn)用戶流失，跳出支付。

另外在appstore支付出現(xiàn)問題的時候，才能去選擇使用頻率極高的微信、支付寶以及銀行卡的方式。

將用戶常用的支付方式置于很深的層級，不符合用戶的心理預(yù)期，導(dǎo)致用戶不容易發(fā)現(xiàn)，也讓用戶沒有控制感，不能按照自己的方式進(jìn)行選擇。

下廚房采用通欄卡片布局整個訂單詳情頁，這種方式可以承載大量信息，樣式上比較單一。

訂單確認(rèn)一般有三大部分內(nèi)容：收獲地址、商品相關(guān)信息、支付方式。

其中優(yōu)惠券屬于商品相關(guān)信息一部分，也是總計(jì)消費(fèi)金額一部分，不應(yīng)該單獨(dú)拿出來。

確認(rèn)支付雖然采用半遮罩的方式，減少頁面跳轉(zhuǎn)，讓用戶感覺在同一個頁面進(jìn)行的一些操作，相對于較長的支付步驟這樣的設(shè)計(jì)方式?jīng)]有起到很好的效果。另外商品的標(biāo)題和提示說明是相同的文字，沒有看出文字解釋的意義。

豆果美食的支付路徑更加簡單一點(diǎn)，將常用的微信/支付寶置于用戶可以明顯看到的地方，支付更加高效，便捷。

布局上則是采用留白分割來區(qū)分頁面信息，整體來看區(qū)分內(nèi)容塊的方式不夠明顯，其中不同的支付方式之間的間距和支付方式大標(biāo)題與購買說明的提示內(nèi)容間距相同。

也就是不同類別內(nèi)容塊之間的間距和相同類別內(nèi)容塊間距相同，購買說明是商品信息的一部分，不用拿出來作為一個內(nèi)容塊單獨(dú)說明，可以用標(biāo)簽，這樣簡單的形式注明即可。

其次用戶到達(dá)訂單確認(rèn)頁，此時，主要的任務(wù)是核對購物信息，然后選擇合適的支付方式，這時候不需要告訴用戶，目前這門課程以有多少人在學(xué)習(xí)，這個元素不是必須存在的。

另外商品信息只有標(biāo)題沒有商品圖，不能完整的構(gòu)成一個商品信息，因?yàn)槎构际莻€人授課，且同類課程數(shù)量較多。加上商品圖可以有效的區(qū)別，避免混淆，讓用戶清楚了解到當(dāng)前課程信息，更加放心的去支付。

10. 上傳菜譜

（下廚房）

（豆果美食）

二者的上傳入口都是首頁的左上角“+”號表示，展開方式都是沉浸模式，用戶在全局蒙層上進(jìn)行功能操作。在沉浸模式下，拓展性比較強(qiáng)，具體體現(xiàn)的方面有：提升收益、品牌認(rèn)知、內(nèi)容運(yùn)營。

二者都希望用戶去上傳作品或者菜譜，有需求的用戶可以對此進(jìn)行互動，從而營造社區(qū)氛圍，建立用戶關(guān)系，增加用戶粘性，提升產(chǎn)品留存。

實(shí)際情況下，很多用戶也有想發(fā)狀態(tài)的心，但不知道發(fā)啥，從而放棄。因此，我們應(yīng)該作出相應(yīng)的引導(dǎo)。頂部放上比如：最近的熱點(diǎn)話題。

上傳菜譜的流程：傳圖(視頻)/標(biāo)題-簡單概述背后的故事-選擇材料用量-添加操作步驟-發(fā)布，兩者在上傳圖片或者視頻（頭圖）的同時都做了攻略，豆果的更加詳細(xì)，規(guī)則更加的完整，下廚房在引導(dǎo)上傳視頻作用更加明顯一點(diǎn)。

在尋找菜譜的過程中，時間和操作難度也成為目標(biāo)用戶考慮選擇菜譜的維度之一：

食材用量上，下廚房操作的步驟：水平滑動篩選材料-點(diǎn)擊材料-編輯；

豆果的操作步驟：平鋪展示選擇材料-點(diǎn)擊材料-修改。

豆果更加人性化一點(diǎn)，有些調(diào)料的用量很難給出一個量化的標(biāo)準(zhǔn)，默認(rèn)給出的用量，大致上沒有出入都可以直接采用。

用戶是很懶的，系統(tǒng)默認(rèn)顯示用量可以減少用戶的輸入，并且需要用戶修改用量的地方整體來說是比較少的。這點(diǎn)上豆果體驗(yàn)較好。

對上傳的步驟圖修改：下廚房上傳步驟圖之后直接展示刪除鍵以及美顏圖片功能，提供用戶傳圖常用功能的快捷入口，豆果美食刪除圖片需要向左滑動，看上去刪除鍵和圖片的形狀在視覺上并不協(xié)調(diào),實(shí)際上想要通過這個刪除鍵刪除這張照片相關(guān)的一系列信息。

另外刪除圖片是否需要二次確認(rèn)？二次確認(rèn)的目的是：避免誤刪除無法撤銷的事物。

碎片化時代，用戶的注意力容易被其他的一些事情轉(zhuǎn)移，上傳步驟圖被誤刪除，導(dǎo)致步驟圖相關(guān)的信息也需要重新編輯，雖然重新上傳也可以，但是導(dǎo)致重復(fù)操作相同的路徑，體驗(yàn)不太友好，此時缺少二次確認(rèn)，刪除鍵視覺上不太美觀。

雖然向左滑動刪除是一個隱形的手勢，但是大量的產(chǎn)品運(yùn)用這個手勢，用戶已經(jīng)習(xí)慣了這個操作，除了視覺上用紅色表達(dá)危險動作，達(dá)到吸引用戶注意力以外，但仍需要二次確認(rèn)。

小貼士：都放在步驟結(jié)尾的地方，既然用戶按照菜譜操作已經(jīng)完成了，怎么能記住中間某一步需要注意的事情呢，況且在做飯的時候，用戶的注意力主要集中在做飯上，很少去想得起在菜譜的結(jié)尾這一步要注意的小細(xì)節(jié)。

獨(dú)家上傳功能：想比是增加原創(chuàng)內(nèi)容的數(shù)量，往后借此構(gòu)建內(nèi)容的壁壘，也是豆果的特色。

選擇菜譜的分類標(biāo)簽：讓用戶自己分類節(jié)省后臺的操作，可以幫助用戶更快找到感興趣的信息。

預(yù)覽菜譜：是豆果的特色功能，遵循所見即所得原則，提前預(yù)知發(fā)布后的布局樣式，讓用戶提前進(jìn)行決策，提高使用效率。在視覺上預(yù)覽功能和發(fā)布采用相同的樣式，信息層級不夠明顯，沒有重點(diǎn)。

關(guān)聯(lián)商品：是豆果的特色，豆果想讓用戶上傳菜譜的同時，給自家的商品引流，但是由于商品不夠豐富，用戶在寫完上面的步驟后，也沒有動力再去做額外的事情，目前的關(guān)聯(lián)商品顯得有些薄弱。

退出：當(dāng)用戶點(diǎn)關(guān)閉的時候，下廚房顯示底部動作欄，讓用戶停頓一下，考慮是否真的退出編輯。

畢竟傳圖+文字編輯也是挺辛苦的一件事，重新操作成本還是很高的。還是希望用戶繼續(xù)編輯，最終發(fā)布，鼓勵用戶發(fā)布菜譜，當(dāng)用戶誤點(diǎn)擊的時候，底部動作欄的取消鍵可以幫助用戶“撤銷“繼續(xù)停留在當(dāng)前頁面。

而豆果美食則是用戶點(diǎn)擊關(guān)閉，系統(tǒng)自動將上傳的內(nèi)容存在草稿箱，不必花時間思考到底保不保存，又可以在用戶誤點(diǎn)擊的時候直接在草稿箱尋找即可，容錯性更佳。

11. 上傳筆記

（下廚房）

（豆果美食）

由于上傳作品的入口與上傳菜譜的入口相同，這里就不再做重復(fù)的介紹。上傳作品的流程：選圖-修圖-編輯文字-發(fā)布-分享。

選擇圖片之后，下廚房編輯圖片頁可以對圖片進(jìn)行濾鏡、修剪、標(biāo)簽功能的選擇，功能添加的簡單，并把編輯圖片頁做成了上傳流程中的分支流程，用戶可以選擇不修圖，結(jié)合設(shè)計(jì)的特點(diǎn)，用戶使用下廚房上傳作品的編輯圖片功能的動機(jī)就會很明確。

添加的標(biāo)簽如果刪除就要長按手勢，出現(xiàn)二次確認(rèn)。編輯文字頁通過點(diǎn)擊圖片，底部彈出動作欄選擇是否編輯或刪除圖片，交互的手勢需要不斷地變化。

高頻的刪除按鈕設(shè)計(jì)很隱藏，降低用戶的誤刪率，關(guān)聯(lián)的標(biāo)簽和菜譜以及同步微博，更像大范圍的推廣什么場景下吃什么飯的需求，也為菜譜實(shí)現(xiàn)了導(dǎo)流任務(wù)以及用戶自動為內(nèi)容分類的效果。

產(chǎn)品是否給用戶帶來情感上的感受在于體驗(yàn)的峰值和結(jié)束時刻，發(fā)布作品前最后一條路徑是分享作品，下廚房只有干巴巴的分享范圍，沒有讓用戶感受到分享自己作品的成就感以及利益刺激等，很難激發(fā)用戶分享動機(jī)。

豆果選擇圖片之后，編輯圖片頁默認(rèn)只展示濾鏡、貼紙，濾鏡的種類相對而言更加的豐富，這里的圖片編輯頁是主流程的一部分，用戶必須去使用無法跳過。

即使你不需要進(jìn)行濾鏡美顏，產(chǎn)品希望用戶多去體驗(yàn)這些豐富的濾鏡功能，體現(xiàn)了豆果美食要求上傳的圖片都具有精致、美感的特點(diǎn)。

而上傳中圖片的刪除按鈕使用頻率很高，將刪除功能直接明顯的添加在圖片的右上角且有二次確認(rèn)，在需要的時候可以直接去使用刪除鍵，但是二次確認(rèn)是否刪除圖片就有點(diǎn)多余，相對于刪除整個圖文編輯，只刪除圖片帶來的影響很小。

且用戶發(fā)動態(tài)的時候很頻繁的增加、刪除、替換照片，這么頻繁的操作每刪除一次就要二次確認(rèn)一下，也是一個很大的工作量，故不需要二次確認(rèn)是否刪除圖片。

點(diǎn)擊圖片就可以直接返回繼續(xù)編輯圖片，無論是刪除還是編輯很容易被用戶感知到。而添加的話題、商品、@好友則是希望將身邊某個場景下涉及到某個菜譜以及對應(yīng)商品分享給好友。

上傳后的分享動作不止顯示分享范圍還有海報效果圖，此時用戶完成了上傳作品的任務(wù)，用戶的心情比較好也比較容易接受分享，完成作品的成就感刺激了分享的欲望。

另外采用圖片的方式分享不僅可以承載更多的信息，也可以讓用戶快速獲取信息。

信息的篩選效率來看：下廚房上傳的作品直接展示在我的關(guān)注頁（相當(dāng)于廚友動態(tài)展示），下廚房關(guān)注好友之間的關(guān)系相對不是那么的親密，因此在篩選內(nèi)容的同時，更加注重”圖片內(nèi)容本身”。

使用大圖展示可以方便查看細(xì)節(jié)，不用跳轉(zhuǎn)到詳情頁，這樣的話對圖片的質(zhì)量要求比較高。而豆果美食上傳筆記直接展示在筆記頁，采用雙欄式卡片布局，方便用戶比較、快速篩選出喜歡的筆記。

信息量來看，下廚房發(fā)布的內(nèi)容幾乎是美食相關(guān)的美圖，對圖片內(nèi)容的限制有利于控制內(nèi)容質(zhì)量。豆果則不僅僅是美食，包括一些其他有趣的生活事情，更加的綜合。

視覺效果：下廚房采用間距留白的方式布局，利用圖片本身的分割屬性區(qū)分周圍的內(nèi)容模塊。樣式上比較單調(diào)。豆果利用卡片的形式承載圖文與交互動作，左右兩欄形式的卡片更便于比較篩選，空間的利用率更高，樣式更加有趣，隨時可以進(jìn)行交互。

六、豆果優(yōu)化建議

（1）將豆果首頁與筆記頁中的三餐筆記設(shè)計(jì)成一致的視覺樣式（兩處的筆記內(nèi)容相同），遵循一致性，減少用戶的思考成本。

（首頁筆記）

（筆記頁）

（2）對于數(shù)目較大的數(shù)字展示，可以用計(jì)量單位整理出來，便于用戶快速獲取信息，減少注意力轉(zhuǎn)移。如：20164（2萬，四舍五入）

（3）分類主目錄中“愛要先一步”以及子目錄的“為愛嘗鮮”的文案模糊，不夠簡潔明了，不能明確知道表達(dá)什么意思。讓用戶感覺到費(fèi)解 ，需修改成含義明確的文案，一看便知其意。

（4）分類中子目錄的標(biāo)簽數(shù)量較少不能形成一行的時候，依然需要按照”對齊“原則進(jìn)行排版，保持視覺上的統(tǒng)一。

（舊圖、新圖）

（5）菜譜詳情頁需要添加多張不同角度頭圖，吸引用戶繼續(xù)了解這道菜的詳細(xì)更多信息，避免用戶注意力轉(zhuǎn)移，降低頁面的跳出率。

（6）菜譜詳情頁的收藏是這個場景中主要操作流程行動點(diǎn)，重要且操作頻繁與產(chǎn)品目標(biāo)強(qiáng)關(guān)聯(lián)。收藏動作按鈕需要用品牌色進(jìn)行視覺上的強(qiáng)調(diào)。

（7）菜譜詳情頁的頂部加入菜譜視頻內(nèi)容，視頻比文字可以承載更多的信息，讓用戶可以更快判斷信息。

（8）菜譜詳情頁的進(jìn)入烹飪模式，有需要注意的地方展示小貼士即可，不需要的地方可以不展示小貼士，減少不必要的信息存在，避免誤導(dǎo)用戶，這里的“多說兩句”內(nèi)容和“小貼士”是一樣的，建議標(biāo)題的一致性。

（9）操作步驟說明的時候，可以將小貼士放在需要的步驟中，而不是直接放在所有的步驟結(jié)尾。將重要的信息放在容易找到的位置。

（舊圖、新圖）

（10）菜譜詳情頁的尾部可以放置其他相關(guān)的菜譜，但是不用換一換的形式展示，可以用相關(guān)推薦的方式，如：上下滑動。讓用戶沉浸在美食推薦中，避免快速的切換。

（舊圖、新圖）

（11）采購清單的每一道菜譜的標(biāo)題視覺樣式應(yīng)該更加的突出一些，可以同時采用顏色、字體大小、字體粗細(xì)、間距的方法與食材視覺對比，在去掉食材的前提下，標(biāo)題越突出越好，比如：在標(biāo)題的字體和顏色不變的情況下，將材料的字體更小一點(diǎn)，顏色更淡一點(diǎn)，食材之間的間距更小一點(diǎn)。

（左、中舊圖、右新圖）

（12）采購清單中的“按菜譜”或者’’全部”作為頂部標(biāo)簽導(dǎo)航，可以直接在頂部固定或者收納在右上角更多（替代清空位置）以底部動作欄的方式展示食材合并與按菜譜分開、清空。這樣可以在用戶需要的時候上滑一下出現(xiàn)或者點(diǎn)擊更多直接切換。

（13）將課堂頁的已購買課程放置在“我的”版塊中，更符合用戶心智。

（14）課程詳情頁的課程福利，你將學(xué)到的這些板塊的信息內(nèi)容，視覺劃分需要更加明確一些，這樣方便用戶快速獲取自己感興趣的信息。

（舊圖、新圖）

（15）課程詳情頁中應(yīng)該加入購買須知，這是用戶在做購買決策時需要知道的信息，這樣才能讓用戶了解清楚商品信息，避免用戶誤做決策。

（舊圖、新圖）

（16）課程詳情頁的試看按鈕重要性是僅次于購買按鈕的，因此視覺上也是相對于購買弱化一點(diǎn)，(因?yàn)橛脩糍徺I之前，需要試看課程進(jìn)行體驗(yàn)。) 試看和購買在邏輯上是相關(guān)操作，需要放在相近的位置上。

（舊圖、新圖）

（17）課程支付頁中支付方式的大標(biāo)題與購買說明內(nèi)容間距和不同的支付方式的間距相同，需要明確劃分同類信息與不同類信息之間的間距，這樣信息層級更加的明確。

（18）課程支付頁中的購買說明可以用標(biāo)簽的形式展示，這樣用戶掃視起來更加的方便、高效。

（19）課程支付頁中商品信息的展示，需要加上商品圖，這樣展示的商品信息更加的全面，因?yàn)檫@個頁面目的讓用戶確認(rèn)、核實(shí)商品信息，讓用戶放心的去支付，而不是反復(fù)的跳轉(zhuǎn)頁面確認(rèn)商品基礎(chǔ)信息。

（舊圖、新圖）

（20）用戶點(diǎn)擊“+”展開的上傳頁面，可以在這個頁面設(shè)置幾個熱度高的話題去引導(dǎo)用戶，解決用戶有想要發(fā)表內(nèi)容的心情而不知具體發(fā)表什么的尷尬，同時可以提高筆記的轉(zhuǎn)化率。

（舊圖、新圖）

（21）上傳菜譜的具體操作步驟中，如果要刪除這一步的操作圖，通過手指左滑出現(xiàn)刪除鍵，可以將這一步的操作圖與關(guān)聯(lián)商品一起刪除，但是沒有二次確認(rèn)。

沒有考慮誤刪的情況，建議在操作圖右上角顯示“x”代替原有的設(shè)計(jì)，并加上二次確認(rèn)的設(shè)計(jì)，幫助用戶”撤銷“誤刪操作，由于上傳筆記也是在圖片右上角展示”X“ 根據(jù)相同層級的操作需要遵循一致性，減少用戶的學(xué)習(xí)成本，這樣用戶無論是上傳菜譜還是筆記，刪除圖片都是相同的操作，簡單不用學(xué)習(xí)。

（舊圖、新圖）

（22）上傳菜譜后的預(yù)覽功能的重要性沒有發(fā)布的重要性高，視覺上設(shè)計(jì)相對于發(fā)布更加弱化一點(diǎn)，通過對比可以突出重點(diǎn)功能發(fā)布。

（23）上傳菜譜中最后一步的小貼士應(yīng)改為每一步驟詳細(xì)描述的尾部都有小貼士的存在，這樣在用戶按照菜譜進(jìn)行每一步操作時，更容易注意到小貼士，被忽視程度更小。

（24）上傳筆記中刪除圖片不需要二次確認(rèn)，增加對刪除圖片的二次確認(rèn)就會加大用戶的工作量，打斷了用戶當(dāng)前操作流程，相對于刪除整個圖文內(nèi)容，刪除圖片的二次確認(rèn)的重要性更低一點(diǎn)。

七、總結(jié)

整體上下廚房的社交感比較突出，而豆果美食更加工具化（本文分析很少涉及產(chǎn)品戰(zhàn)略方面的內(nèi)容，更多的是產(chǎn)品交互）。

在交互細(xì)節(jié)方面，二者各有優(yōu)缺點(diǎn)，都有可學(xué)習(xí)之處。

產(chǎn)品的設(shè)計(jì)方法有很多種，在不同的場景下采用合適的設(shè)計(jì)，平衡好產(chǎn)品利益和用戶體驗(yàn)即可，也許有時候需要為了產(chǎn)品的利益，傷害了用戶的體驗(yàn)。

 

本文由 @呀嘿 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。