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