網頁設計 ? 視覺設計 ? 下廚房APP設計改版學習

下廚房APP設計改版學習

發表于: 視覺設計. 評論
Sponsor

本文將介紹一款和美食有關的APP設計作品的改版總結,由設計師Chris_Tiny負責改版并分享這些改版經驗,這款APP叫下廚房,相信很多人都知道,月活躍量是千萬級別,用戶量非常大的一款美食類APP設計,所以我們做改版時一定要非常細心,作為UI設計師請你仔細看看人家的設計思考,積累經驗。

自動草稿

設計師通過多個角度去思考APP的改版,比如用戶訪談、用戶畫像、設計機會點,全部結過細致調研和分析后,再開始做UI設計的輸出,下面我們一步步來學習這個設計改版過程。

設計流程:探索、定義、設計、實踐。

自動草稿

項目背景

關于下廚房

下廚房是一款適合年輕人流行的美食食譜軟件,主要功能是提供各種美食做法以及烹飪技巧。下廚房倡導在家烹飪、健康的生活方式,提供有版權的實用菜譜做法與飲食知識,提供廚師和美食愛好者一個記錄、分享的平臺。

產品現狀

易觀數據顯示,下廚房app近半 年的月指數和日指數均保持穩定狀態,月活保持千萬以上,日活保持百萬以上,有一批穩定的用戶群體。下廚房19年第一季度在月獨設備上呈現穩定狀態,但在同年4月份出現了首次下滑,且環比幅度較大。

自動草稿

改版目的

目前下廚房雖領跑各大美食類app,成為電商美食領域的領頭羊,但是近三個月app活躍用戶數量出現明顯下滑,如何繼續促進用戶增長和增加用戶粘性仍然是需要進一步思考和改善的問題。

自動草稿

用戶訪談

1. 用戶群體

下廚房用戶以女性為主,年齡區間為20~40,25~35歲 之間的用戶為主要用戶,多分布于經濟發達地區。用戶群體猜測為喜歡親手制作和分享美食,經濟收入較高且穩定的家庭婦女。

自動草稿

2. 訪談大綱

本次訪談用戶共10名,其中9名女性1名男性,分別采用語音、視頻、文字以及線下訪談的形式進行,使樣本屬性最大程度上符合本次調查目標。

自動草稿

數據提煉

?1. 同心理地圖

自動草稿

2.?價值主張畫布

本次訪談用戶共10名,其中9名女性1名男性,分別采用語音、視頻、文字以及線下訪談的形式進行,使樣本屬性最大程度上符合本次調查目標。

自動草稿

用戶畫像

自動草稿

用戶旅程圖

自動草稿

設計機會點

自動草稿

設計輸出

1. 情感化設計

情感化設計是旨在抓住用戶注意力、誘發情緒反應,以提高執行特定行為的可能性設計。

2. 缺省頁設計

斷網或無內容時提示用戶,減少用戶的迷失感。采用可愛的卡通形象緩解用戶的焦慮感。

自動草稿

自動草稿

3.首頁設計

故事板塊采用十字交互布局,feeds流的形式給用戶營造沉浸式的體驗。底部Tabbar采用駝峰式導航,將收藏模塊放入個人中心,作為一款UGC社區產品,應引導用戶發表更多優質的內容。

自動草稿

自動草稿

4. 課堂頁設計

金剛區icon采用輕擬物化的表現形式更加直觀富有情感,能夠拉近產品與用戶之間的距離。課程信息凸顯評分與價格減少用戶的學習成本,優化產品體驗。

自動草稿

5. 圖標設計

自動草稿

6.?菜譜詳情頁設計

優化頁面信息布局,首屏顯示信息更多增加了頁面的利用率。步驟模塊采用左右滑動交互更加便捷直觀。底部導航收藏功能高亮顯示,凸顯其優先級。

自動草稿

自動草稿

7.?市集頁面設計

金剛區圖標重構,優化頁面布局增加頁面利用率,并增加狀態標簽提示用戶,促銷優惠活動吸引用戶提高轉化率。

自動草稿

自動草稿

8. 商品詳情/選擇規格/購物車頁面設計

自動草稿

9. 個人中心頁面設計

舊版個人中心信息層級混亂,界面設計不夠精致,現將個人中心分為個人信息, 主要功能入口,次要功能入口三個板塊,采用線面結合圖標,色彩風格,更易識別。

自動草稿

自動草稿

10. 個人主頁界面設計

將用戶信息聚集在頁面頭部,用戶發布內容導航采用tab切換交互添加微動效,使產品更具趣味性。

自動草稿

11. 所有界面預覽

自動草稿

感謝閱讀,歡迎在文章下方留言處發表你對下廚房APP設計的改版建議和看法,一起交流設計。

作者:Chris_Tiny
個人主頁:christiny.ui.cn

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:結交更多有才華的設計師?請加入UI設計QQ群,與50000名設計師交流設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }