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