UI界面設(shè)計(jì)

全家小程序改版設(shè)計(jì)解析

2436

該文檔闡述了個人對全家小程序首頁進(jìn)行改版的一些思考，以說明文檔的形式展現(xiàn)，以期與大家交流。

背景說明：對全家Family小程序首頁進(jìn)行改版

前提假設(shè)：假設(shè)當(dāng)前版本為3.0

1. 版本記錄

2. 設(shè)計(jì)背景

本次首頁改版設(shè)計(jì)基于對全家小程序現(xiàn)在版本首頁的認(rèn)知，結(jié)合對全家便利店的研究與了解，從用戶體驗(yàn)五要素出發(fā)，提出本人的一些分析與假設(shè)。該文檔主要分為兩個部分：

Part1 主要是對項(xiàng)目的分析及定義用戶與場景，探究真實(shí)需求；

Part2 提出個人的設(shè)計(jì)想法與改版理念。

說明：文中的橙色字體表示本人設(shè)計(jì)過程中的一些思考及注釋說明。

3. 定義目標(biāo)用戶

對全家便利店小程序進(jìn)行改版，首先要搞清楚這款小程序的主要受眾群體是誰？具備哪些特點(diǎn)？他們需要的主要功能是什么？

由于無法接觸到全家的真實(shí)用戶，進(jìn)行調(diào)研，故下面對用戶的分析基于日常生活中我對全家便利店用戶的觀察及認(rèn)知，以及依托互聯(lián)網(wǎng)大數(shù)據(jù)所查到的一些數(shù)據(jù)資料。

3.1 用戶畫像

根據(jù)調(diào)查，全家現(xiàn)擁有獨(dú)立App“集享聯(lián)盟”，我在艾瑞數(shù)據(jù)上對該App的用戶進(jìn)行了研究，數(shù)據(jù)也許會有偏差，在此僅作為參考，以期望能夠幫助定義目標(biāo)用戶。

綜合大數(shù)據(jù)可以看出，使用者以女性居多，年齡層集中在31-35歲。（性別占比如此不平均，筆者大膽猜測原因有二：1.本身線下便利店的顧客就以女性居多；2.男性顧客對于成為會員，消費(fèi)積分的營銷模式不感冒，造成男性顧客加入會員積分系統(tǒng)的數(shù)量較少。）

地域分布

在百度指數(shù)上以“全家便利店”、“711便利店”為關(guān)鍵詞進(jìn)行搜索：

對于用戶的地域劃分，十分明顯的趨向于北上廣以及蘇杭等經(jīng)濟(jì)、互聯(lián)網(wǎng)較為發(fā)達(dá)的城市。

總結(jié)來說，我將主要用戶定義為25-35歲之間，一二線城市的白領(lǐng)，以女性居多。

4. 需求分析

【戰(zhàn)略層】由于無法知曉公司的戰(zhàn)略規(guī)劃，以下分析僅從產(chǎn)品的業(yè)務(wù)需求及用戶體驗(yàn)層面出發(fā)。因?yàn)闊o法做真實(shí)用戶調(diào)研，為了得到清晰且準(zhǔn)確的痛點(diǎn)及需求，我在App Store中查看了相關(guān)類型的生活服務(wù)型App，根據(jù)使用者的留言，得出以下內(nèi)容：

4.1 用戶使用場景模擬

場景一 小A（女 27歲公司白領(lǐng)）

小A早上9:00上班，她習(xí)慣于每天上班前到全家便利店買早餐，今天早上時間有點(diǎn)來不及了，小A匆匆忙忙在全家挑選了面包和牛奶，排隊(duì)結(jié)賬，結(jié)賬時，她打開微信，找到全家小程序，慌里慌張的她卻找不到付款碼，最后在店員的指引下小A才意識到付款碼在自己的名字旁邊，因?yàn)楦犊畹男〔迩t到了。

場景二 小B（男 35歲公司主管）

小B平時在家吃早餐，但是今天老婆要提前送孩子去上學(xué)，沒有時間做飯，小B便來到全家便利店購買早餐。結(jié)賬時店員詢問小B是否為全家的會員，如果不是的話可以申請成為會員，日常可以積分，并且在小程序上可以找到很多優(yōu)惠活動。小B打開小程序，并沒有看到剛剛消費(fèi)的積分在哪里，也不清楚該如果參與優(yōu)惠活動，覺得麻煩的他決定下次還是直接結(jié)賬好了。

4.2 主要痛點(diǎn)

使用小程序進(jìn)行付款時，操作不方便。

優(yōu)惠活動很多，但是入口過于分散，難以選擇具體使用哪種優(yōu)惠方式。

無法快捷管理跟我相關(guān)的會員信息

4.3 需求匯總及解決方案

【范圍層】在實(shí)際項(xiàng)目中，廣泛采集來的需求需要進(jìn)行一定的篩選，有時用戶的訴求會與商業(yè)需求產(chǎn)生沖突和矛盾，這時需要以保證主要業(yè)務(wù)流程閉關(guān)為原則，對需求進(jìn)行分析與取舍。

Part 1 以上是對設(shè)計(jì)背景的了解及闡

Part 2 以下是針對于首頁改版的說明

5. HMW分析

How might we?

經(jīng)過前期的分析，針對于首頁改版，我覺得應(yīng)該著重從兩個方面入手：

打造清晰易操作的會員信息管理板塊（付款碼作為主要功能應(yīng)符合視覺突出、易點(diǎn)擊、及時反饋的設(shè)計(jì)原則）

突出產(chǎn)品優(yōu)勢（根據(jù)前期對用戶的調(diào)查，我發(fā)現(xiàn)用戶對于全家小程序最大的正面評價在于，它為用戶提供了很多優(yōu)惠活動，包括積分抵現(xiàn)、優(yōu)惠券、會員商城等，這將成為產(chǎn)品的優(yōu)勢及競爭力，也是打造良好用戶體驗(yàn)的關(guān)鍵點(diǎn)），加強(qiáng)對用戶消費(fèi)的引導(dǎo)，實(shí)現(xiàn)產(chǎn)品變現(xiàn)。將多個消費(fèi)板塊進(jìn)行整合，讓用戶可以清楚的知道在這里我可以做些什么。

6. 結(jié)構(gòu)分析

在對全家小程序原有結(jié)構(gòu)進(jìn)行分析之后，我得出以下內(nèi)容：

定位：會員中心性質(zhì)平臺

商業(yè)模式：以積分制及優(yōu)惠券為吸引用戶的手段，增加會員數(shù)量，引導(dǎo)用戶進(jìn)行線上線下消費(fèi)，以達(dá)到商業(yè)變現(xiàn)。

主要功能：

6.1 首頁結(jié)構(gòu)分析

【結(jié)構(gòu)層】這里著重分析首頁的結(jié)構(gòu)：

經(jīng)過分析，個人感覺目前來說，全家小程序的主要問題有以下幾點(diǎn)：

付款碼層級較深，且功能性按鈕與信息展示并沒有進(jìn)行區(qū)分，容易使用戶迷惑；在視覺上，付款碼過于扁平，并沒有很好的進(jìn)行可點(diǎn)擊暗示。

積分作為會員體系的主要累計(jì)財富，并沒有很突出的展示，使用戶不清楚我加入會員究竟有什么好處。

其他功能板塊的組織權(quán)重過于平均，沒有體現(xiàn)出層級關(guān)系。

6.1.1 板塊分析

上述功能板塊權(quán)重過于均衡，沒有視覺重點(diǎn)，在改版方案中，我將對這些功能板塊進(jìn)行重組，將相同性質(zhì)的板塊聚合，將優(yōu)先級較低的板塊弱化。

7. 首頁改版思路詳述

7.1 設(shè)計(jì)原則

改版設(shè)計(jì)遵循小程序設(shè)計(jì)規(guī)范的三大原則：

小而美

突出重點(diǎn)

用完即走

7.2 結(jié)構(gòu)重組

將目前所有功能板塊按照優(yōu)先級進(jìn)行重新劃分，層級清晰。

1.會員信息：增加付款碼的視覺權(quán)重，滿足用戶使用小程序的基礎(chǔ)功能，產(chǎn)品基礎(chǔ)功能的可用、易用會帶給用戶良好的體驗(yàn)感，使用戶更加愿意探索產(chǎn)品的其他功能。

2.會員相關(guān)功能：這個板塊，我將原有的“惠生活”（優(yōu)惠券）和卡包合并，使用戶選擇使用優(yōu)惠時更有效率。

3.banner：小程序區(qū)別于App，更注重功能性，將banner權(quán)重放低，提升友好度。

4.引導(dǎo)二次消費(fèi)：將相同性質(zhì)的板塊歸于一處，加強(qiáng)引導(dǎo)。該板塊作為產(chǎn)品變現(xiàn)的重要線上途徑，應(yīng)具有可拓展性且易觸達(dá)。

5.品牌宣傳：吉祥物作為與用戶互動的趣味板塊，原有的形式并不能有效的吸引用戶點(diǎn)擊，我傾向于采用懸浮button的形式，增加趣味性和互動性。

7.3 分析背景明確目標(biāo)

根據(jù)個人對全家小程序的理解，其主要功能及核心業(yè)務(wù)為向用戶提供會員制服務(wù)，變現(xiàn)手段則是依靠優(yōu)惠拉取新用戶-增加流量與點(diǎn)擊-促使用戶產(chǎn)生二次消費(fèi)。產(chǎn)品的設(shè)計(jì)必須以完成核心業(yè)務(wù)閉環(huán)為最高優(yōu)先級。