UI界面設(shè)計

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

2437

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

背景說明：對全家Family小程序首頁進行改版

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

1. 版本記錄

2. 設(shè)計背景

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

Part1 主要是對項目的分析及定義用戶與場景，探究真實需求；

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

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

3. 定義目標用戶

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

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

3.1 用戶畫像

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

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

地域分布

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

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

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

4. 需求分析

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

4.1 用戶使用場景模擬

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

小A早上9:00上班，她習慣于每天上班前到全家便利店買早餐，今天早上時間有點來不及了，小A匆匆忙忙在全家挑選了面包和牛奶，排隊結(jié)賬，結(jié)賬時，她打開微信，找到全家小程序，慌里慌張的她卻找不到付款碼，最后在店員的指引下小A才意識到付款碼在自己的名字旁邊，因為付款的小插曲她遲到了。

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

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

4.2 主要痛點

使用小程序進行付款時，操作不方便。

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

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

4.3 需求匯總及解決方案

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

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

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

5. HMW分析

How might we?

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

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

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

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

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

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

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

主要功能：

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

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

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

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

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

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

6.1.1 板塊分析

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

7. 首頁改版思路詳述

7.1 設(shè)計原則

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

小而美

突出重點

用完即走

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

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

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

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

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

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

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

7.3 分析背景明確目標

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