【婚姻與家庭】雜志是由全國婦聯主管、中國婚姻家庭研究會主辦的知名雜志，創刊于1985年，是發行量最大的生活類半月刊，全國暢銷期刊之一。
【婚姻與家庭】以豐富感人的內容、權威真實的報道、嚴謹務實的辦刊精神，成為中國知名女性期刊之一。看【婚姻與家庭】，每個人可以更幸福，既是雜志宣傳口號，也是對讀者的鄭重承諾。
【婚姻與家庭】微信公眾號商城是婚姻與家雜志在線上的銷售渠道之一，商城內包含【婚姻與家庭】電子版雜志，婚姻課堂等商品。藍藍設計負責商城產品的產品，交互和視覺設計。
Overview
產品概況
Product
Overview
概述
婚姻與家庭雜志社借移動互聯網信息崛起之機推出新產品“大學小課”。
設計理念
以“結構化的知識才有力量，才能讓人的生命發生改變”為設計理念。
體現價值
提倡向內看，自我成長 終身學習
設計原則
以用戶需求為原點，以提高愛的能力為終點，以提高解決問題的能力為目標。
Analysis
競品分析
通過在應用市場監測流量平臺類app的下載量，我們 選取三家競品分析，他們分別是：
?網易云課堂
?算愛研習社
?荔枝微課
首頁界面/核心功能/色彩/總體印象/對比
首頁界面/定位/用戶群體/核心功能
優缺點分析：網易云課堂
優點
1.首頁根據產品的不同特色，設置了二級導航，將個性化、精品課、微專 業、行家作為二級導航標題,既能用來統一呈現特色內容,又能保證頁面信息的 層級關系清晰明了;
2.在交互上采用左右滑動的方式,保證用戶可以快速切換不同的內容,精細 化的有助于幫助沒有明確目標的用戶快速找到感興趣的課程。
缺點
1.首頁課程太多雜亂,能否設置快捷入口,讓客戶快速找到目標課程。
優缺點分析：荔枝微課
優點
1.首頁根據產品的不同特色，設置了二級導航，將、婚姻、家庭關系、戀愛、 母嬰、育兒等分類作為二級導航標題,既能用來統一呈現特色內容,又能保證頁面 信息的層級關系清晰明了;
2.在交互上采用左右滑動的方式,保證用戶可以快速切換不同的內容,精細化 的有助于幫助沒有明確目標的用戶快速找到感興趣的課程;
3.中間以三個圖標按鈕表示我的課程,精選專題,免費專區快捷入口方便用戶來回 切換;
4.下部以左圖右文下拉列表式展現方式讓用戶快速找到自己喜歡的課程。
缺點
1.內容區下拉列表展示內容單一互動性差,中間是否能加一點限時打折 促銷課程,課程分類等,讓用戶能快速成交買單,提升轉化率。
優缺點分析：算愛研習社
優點
1.首頁根據產品的不同特色，設置了二級導航，將、脫單、撩學、完美老公、 反泡學、挽回等分類作為二級導航標題,既能用來統一呈現特色內容,又能保證頁 面信息的層級關系清晰明了;
2.在交互上采用左右滑動的方式,保證用戶可以快速切換不同的內容,精細化 的有助于幫助沒有明確目標的用戶快速找到感興趣的課程;
3.中間以四個圖標按鈕表示新課,研習社,讀書會,會員快捷入口方便用戶來回切換; 4.下部好評書以卡片塊狀式展現方式讓用戶快速找到自己喜歡的課程。
缺點
1.內容區平鋪卡片展示內容單一互動性差,中間是否能加一點限時打折 促銷課程,課程分類等,讓用戶能快速成交買單,提升轉化率。
2.內容過多,建議在頂部設個搜索按鈕方便用戶搜索目標課程。
Prototype
產品原型
商城中除了對個人用戶的課程出售，還有對企業客戶的課程銷售。此外，還有一套完整的分享分銷體系，因此產品除了商城內容展示及課程學習等常規流程外，還需要設計一套分銷體系和大客戶團購體系。我們在分析市場主流公眾號商城后，根據【婚姻與家庭】自身性質，規劃了一套滿足用戶需求的商城產品。
分銷體系
大客戶團購
Design
設計
根據產品的原型圖，我們做了三版首頁。
第一版布局采用卡片式導航和大間距分割，這樣可以使頁面層次較為豐富。同時加入“限時”功能，通過讓利的形式刺激客戶下單。 第一版 ?
第二版采用大卡片通欄分割方式和線條分割方式，這樣的分割方式能夠最大化利用頁面空間，增加頁面的整體性，使用戶更易閱讀。
功能方面，將導航精簡為6個，客戶可以以最快的速度找到自己需要的板塊。同時精品課程，客戶在看到課程后，會不自覺向下瀏覽課程，增加用戶頁面領留時間，有利于增加頁面轉化率。第二版 ?
第三版采用導航按鈕+導航方式，這種方式可以更加直觀地將頁面層級展示給客戶，方便客戶尋找并瀏覽自己感興趣的課程。
課程列表采用模塊化設計+橫向滾動，這種交互方式會增加頁面操作趣味性，一定程度上增加用戶粘性。此外，這種設計方式會增加頁面利用率，將橫向頁面利用起來，一屏展示更多內容，在首屏可以展示更多內容，在保證內容已閱讀的同時，提高頁面內容承載量。第三版 ?
設計作品GIS地理信息
設計作品GIS地理信息
設計作品GIS地理信息
設計作品GIS地理信息
設計作品GIS地理信息
返回