婚姻與家庭微信公眾號商城設(shè)計

婚姻與家庭微信公眾號商城設(shè)計

圖標(biāo)設(shè)計 | 交互設(shè)計 | 界面設(shè)計

圖標(biāo)設(shè)計 | 交互設(shè)計 | 界面設(shè)計

【婚姻與家庭】雜志是由全國婦聯(lián)主管、中國婚姻家庭研究會主辦的知名雜志,創(chuàng)刊于1985年,是發(fā)行量最大的生活類半月刊,全國暢銷期刊之一。

【婚姻與家庭】以豐富感人的內(nèi)容、權(quán)威真實的報道、嚴(yán)謹(jǐn)務(wù)實的辦刊精神,成為中國知名女性期刊之一??础净橐雠c家庭】,每個人可以更幸福,既是雜志宣傳口號,也是對讀者的鄭重承諾。

【婚姻與家庭】微信公眾號商城是婚姻與家雜志在線上的銷售渠道之一,商城內(nèi)包含【婚姻與家庭】電子版雜志,婚姻課堂等商品。藍(lán)藍(lán)設(shè)計負(fù)責(zé)商城產(chǎn)品的產(chǎn)品,交互和視覺設(shè)計。

Overview

產(chǎn)品概況

Product
Overview

概述

婚姻與家庭雜志社借移動互聯(lián)網(wǎng)信息崛起之機(jī)推出新產(chǎn)品“大學(xué)小課”。

設(shè)計理念

以“結(jié)構(gòu)化的知識才有力量,才能讓人的生命發(fā)生改變”為設(shè)計理念。

體現(xiàn)價值

提倡向內(nèi)看,自我成長 終身學(xué)習(xí)

設(shè)計原則

以用戶需求為原點,以提高愛的能力為終點,以提高解決問題的能力為目標(biāo)。

Analysis

競品分析

通過在應(yīng)用市場監(jiān)測流量平臺類app的下載量,我們 選取三家競品分析,他們分別是:


?網(wǎng)易云課堂
?算愛研習(xí)社
?荔枝微課

首頁界面/核心功能/色彩/總體印象/對比

首頁界面/核心功能/色彩/總體印象/對比

首頁界面/定位/用戶群體/核心功能

首頁界面/定位/用戶群體/核心功能1 首頁界面/定位/用戶群體/核心功能2

優(yōu)缺點分析:網(wǎng)易云課堂

優(yōu)點

1.首頁根據(jù)產(chǎn)品的不同特色,設(shè)置了二級導(dǎo)航,將個性化、精品課、微專 業(yè)、行家作為二級導(dǎo)航標(biāo)題,既能用來統(tǒng)一呈現(xiàn)特色內(nèi)容,又能保證頁面信息的 層級關(guān)系清晰明了;

2.在交互上采用左右滑動的方式,保證用戶可以快速切換不同的內(nèi)容,精細(xì) 化的有助于幫助沒有明確目標(biāo)的用戶快速找到感興趣的課程。

缺點

1.首頁課程太多雜亂,能否設(shè)置快捷入口,讓客戶快速找到目標(biāo)課程。

優(yōu)缺點分析:荔枝微課

優(yōu)點

1.首頁根據(jù)產(chǎn)品的不同特色,設(shè)置了二級導(dǎo)航,將、婚姻、家庭關(guān)系、戀愛、 母嬰、育兒等分類作為二級導(dǎo)航標(biāo)題,既能用來統(tǒng)一呈現(xiàn)特色內(nèi)容,又能保證頁面 信息的層級關(guān)系清晰明了;

2.在交互上采用左右滑動的方式,保證用戶可以快速切換不同的內(nèi)容,精細(xì)化 的有助于幫助沒有明確目標(biāo)的用戶快速找到感興趣的課程;

3.中間以三個圖標(biāo)按鈕表示我的課程,精選專題,免費(fèi)專區(qū)快捷入口方便用戶來回 切換;

4.下部以左圖右文下拉列表式展現(xiàn)方式讓用戶快速找到自己喜歡的課程。

缺點

1.內(nèi)容區(qū)下拉列表展示內(nèi)容單一互動性差,中間是否能加一點限時打折 促銷課程,課程分類等,讓用戶能快速成交買單,提升轉(zhuǎn)化率。

優(yōu)缺點分析:算愛研習(xí)社

優(yōu)點

1.首頁根據(jù)產(chǎn)品的不同特色,設(shè)置了二級導(dǎo)航,將、脫單、撩學(xué)、完美老公、 反泡學(xué)、挽回等分類作為二級導(dǎo)航標(biāo)題,既能用來統(tǒng)一呈現(xiàn)特色內(nèi)容,又能保證頁 面信息的層級關(guān)系清晰明了;

2.在交互上采用左右滑動的方式,保證用戶可以快速切換不同的內(nèi)容,精細(xì)化 的有助于幫助沒有明確目標(biāo)的用戶快速找到感興趣的課程;

3.中間以四個圖標(biāo)按鈕表示新課,研習(xí)社,讀書會,會員快捷入口方便用戶來回切換; 4.下部好評書以卡片塊狀式展現(xiàn)方式讓用戶快速找到自己喜歡的課程。

缺點

1.內(nèi)容區(qū)平鋪卡片展示內(nèi)容單一互動性差,中間是否能加一點限時打折 促銷課程,課程分類等,讓用戶能快速成交買單,提升轉(zhuǎn)化率。

2.內(nèi)容過多,建議在頂部設(shè)個搜索按鈕方便用戶搜索目標(biāo)課程。

Prototype

產(chǎn)品原型

商城中除了對個人用戶的課程出售,還有對企業(yè)客戶的課程銷售。此外,還有一套完整的分享分銷體系,因此產(chǎn)品除了商城內(nèi)容展示及課程學(xué)習(xí)等常規(guī)流程外,還需要設(shè)計一套分銷體系和大客戶團(tuán)購體系。我們在分析市場主流公眾號商城后,根據(jù)【婚姻與家庭】自身性質(zhì),規(guī)劃了一套滿足用戶需求的商城產(chǎn)品。

分銷體系

分銷體系

大客戶團(tuán)購

大客戶團(tuán)購

Design

設(shè)計

根據(jù)產(chǎn)品的原型圖,我們做了三版首頁。
第一版布局采用卡片式導(dǎo)航和大間距分割,這樣可以使頁面層次較為豐富。同時加入“限時”功能,通過讓利的形式刺激客戶下單。 第一版 ?

第二版采用大卡片通欄分割方式和線條分割方式,這樣的分割方式能夠最大化利用頁面空間,增加頁面的整體性,使用戶更易閱讀。
功能方面,將導(dǎo)航精簡為6個,客戶可以以最快的速度找到自己需要的板塊。同時精品課程,客戶在看到課程后,會不自覺向下瀏覽課程,增加用戶頁面領(lǐng)留時間,有利于增加頁面轉(zhuǎn)化率。第二版 ?

第三版采用導(dǎo)航按鈕+導(dǎo)航方式,這種方式可以更加直觀地將頁面層級展示給客戶,方便客戶尋找并瀏覽自己感興趣的課程。
課程列表采用模塊化設(shè)計+橫向滾動,這種交互方式會增加頁面操作趣味性,一定程度上增加用戶粘性。此外,這種設(shè)計方式會增加頁面利用率,將橫向頁面利用起來,一屏展示更多內(nèi)容,在首屏可以展示更多內(nèi)容,在保證內(nèi)容已閱讀的同時,提高頁面內(nèi)容承載量。第三版 ?

返回