首頁就像一個產(chǎn)品的“臉”呜师，在這個看臉的時代，產(chǎn)品能不能吸引住用戶贾节，可以說很大一部分取決于首頁汁汗。那么衷畦，怎樣的首頁是最能吸引住用戶的呢？嗯知牌，還是可以先聯(lián)想下最吸引人的臉是怎樣的：1祈争、顏值高 ?2、自己喜歡的那種長相（大眼睛角寸、薄嘴唇菩混、很精神、愛笑...）3扁藕、溝通順暢沮峡、愉悅
與之對應(yīng)，吸引人的首頁就應(yīng)該是：1亿柑、UI設(shè)計精美 2邢疙、有我感興趣的信息（能滿足用戶目標的核心功能）3、信息架構(gòu)清晰易懂望薄，導航易找能輕松引導我完成任務(wù)
上述3點是站在用戶角度考慮的秘症，作為交互設(shè)計師，還需平衡商業(yè)目標式矫，綜合考慮做出的設(shè)計方案才是最有價值的乡摹。正如Alan ?Cooper所說 “優(yōu)良交互設(shè)計的精髓在于設(shè)計出的交互，既能滿足制造商采转、服務(wù)提供商或其合作伙伴的目標聪廉，又能支撐用戶的目標」蚀龋”我本次首頁改版的商業(yè)目標是：提高新用戶轉(zhuǎn)化率板熊、老用戶留存率，最后達到提升保費的最終目的察绷。
在正式分享首頁改版設(shè)計流程前干签，先介紹下項目背景：“寶貝存錢罐”APP是國內(nèi)首款互聯(lián)網(wǎng)教育金產(chǎn)品（從無到有是我獨立負責交互設(shè)計的，目前已上線1年半）拆撼，和傳統(tǒng)教育金不同的是可隨時隨地存錢容劳，存錢總額自己定，收益更高闸度；產(chǎn)品核心功能就是存錢功能竭贩，原有想存就存、活動存兩種存錢方式莺禁，隨著業(yè)務(wù)發(fā)展留量，之后新增了存錢規(guī)劃、工資定存、天天存三種存錢方式楼熄，所以現(xiàn)在首頁需要改版忆绰。
從上面對首頁、業(yè)務(wù)需求的分析可初步知道可岂，首頁改版并不是僅僅改一個頁面错敢，而是要對整個產(chǎn)品最核心的5個存錢方式進行重新整合，整合依據(jù)就是：
①先了解目標用戶是誰
②目標用戶的痛點有哪些
③主要目標用戶想要什么（設(shè)計方向）
有了設(shè)計方向后就可以設(shè)計方案了：功能結(jié)構(gòu)→流程圖→頁面流→線框圖青柄。
完整流程很長伐债，這里主要分享一下難點“先了解目標用戶是誰”和解決方案，還有頁面流設(shè)計的考慮點致开，頁面流是完成用戶目標的精簡版方案峰锁，信息量小一點理解起來更輕松。
一双戳、先了解用戶是誰
難點 “先了解目標用戶是誰” 難在：1虹蒋、是沒法通過用戶訪談等方式直接詢問用戶使用本產(chǎn)品的深層次動機，而想要真正提高轉(zhuǎn)化率和留存率飒货，是必須要挖掘出真正的動機并且滿足它才行魄衅；難點2、是初創(chuàng)小團隊沒有用研的條件塘辅，我只能通過和真實用戶接觸最多的運營和客服了解用戶晃虫，和去采訪一些是用戶的同事，或自己電話采訪用戶扣墩。
通過運營和客服了解到：大盤用戶主要是聚集在一線城市的媽媽哲银，活躍用戶職業(yè)多為醫(yī)生、保險從業(yè)者呻惕、微商荆责、互聯(lián)網(wǎng)從業(yè)者和家庭主婦。想要從她們中找出最需要關(guān)注的目標用戶亚脆，
我的解決思路：把這些活躍用戶按照動機分成幾類做院，而當中使用本產(chǎn)品動機最強烈一個類型就是目標用戶。
把思路分解就是具體方法（繪制出了下圖一）：
第一步：活躍用戶按職業(yè)分組——是由產(chǎn)品核心（為孩子存錢濒持，就會涉及父母的收入键耕、學歷見識）決定的
第二步：動機需要通過行為來洞察，行為可從各組用戶的日趁趾恚活動郁竟、對保險和教育的態(tài)度、賺錢能力由境、用本產(chǎn)品的動機等方面獲得，再從中提取其中幾個和產(chǎn)品屬性緊密相關(guān)的行為（行為變量）：收入水平、理財能力虏杰、重視教育讥蟆、保險意識
第三步：從下圖各組用戶在行為軸上的聚集情況可分出兩個類型，行為模型接近的醫(yī)生纺阔、保險和互聯(lián)網(wǎng)從業(yè)者為類型一瘸彤，家庭主婦和微商為類型二
第四步：結(jié)合本產(chǎn)品是為孩子存教育金的特性，著重看理財能力和重視教育行為軸笛钝，發(fā)現(xiàn)相比而言质况，類型二更想提升理財能力，類型一更重視教育玻靡。結(jié)合用戶職業(yè)和收入來看结榄，類型二不如類型一學歷高，收入高囤捻，所以類型二收入不高還不擅長理財?shù)那闆r臼朗，面對生活壓力內(nèi)心看重收益的動機會更強烈，相比而言蝎土，類型一雖然也不擅長理財视哑，但收入和學歷更高，自然會偏重孩子的教育
第五步：因本產(chǎn)品是保險產(chǎn)品誊涯，故結(jié)合保險意識來看挡毅，類型一用戶比類型二用戶占比更大。綜合來看暴构，類型一比類型二用戶使用本產(chǎn)品動機更強跪呈，即重教育型用戶為目標用戶，重收益型用戶次之
得到重教育型和重收益型兩類用戶后丹壕，通過用戶關(guān)鍵故事 - 取反值 - 競品分析 的方式初擬了解決方案庆械，從而構(gòu)思出了改版后頁面大概的輪廓。接著跟隨重教育型用戶模型對現(xiàn)有產(chǎn)品進行體驗走查菌赖，發(fā)現(xiàn)體驗痛點后找出用戶想要什么缭乘，從而確定了設(shè)計方向：1、未開罐的首頁要有設(shè)置存錢目標入口—— 提高未開罐用戶轉(zhuǎn)化率琉用。2堕绩、設(shè)置存錢目標的流程中可設(shè)置“工資定存”（“工資定存”是黏性最高的功能）——提高已開罐用戶的留存率
二、頁面流
分析設(shè)計方向再結(jié)合初擬的解決方案可畫出功能結(jié)構(gòu)邑时，再把功能串聯(lián)成流程圖奴紧，確保能讓用戶順利完成任務(wù)，流程和功能結(jié)合形成頁面流晶丘。
頁面流是在功能結(jié)構(gòu)圖黍氮、流程圖的基礎(chǔ)上得出的唐含，具體每頁的信息架構(gòu)設(shè)計還需認真考慮。
上圖二是設(shè)置存錢規(guī)劃頁面流沫浆，是為了滿足主要目標用戶即重教育型用戶的目標而設(shè)計捷枯，他們的目標是可以買到一款專屬定制化的線上教育金保險，且能獲得和余額寶一樣的收益甚至更高收益专执。頁面流據(jù)此設(shè)計淮捆，考慮點如下：
圖1：首先根據(jù)兩種用戶類型確定首頁的信息架構(gòu)：產(chǎn)品收益介紹、規(guī)劃存錢方式介紹本股、不規(guī)劃存錢方式攀痊。底部放“開通寶貝存錢罐”按鈕——繪制了總操作任務(wù)流程得知，用戶在首頁會出現(xiàn)兩種任務(wù)：①選了存錢方式后開通罐子②直接點擊開通（直接開通存錢罐的用戶雖然不多拄显，但為了更高的轉(zhuǎn)化率苟径，有必要提供一個直觀快捷的開通方式）
圖2：之后再設(shè)計主要用戶最關(guān)心的設(shè)置存錢規(guī)劃頁，結(jié)合用戶未開罐的身份以及保險產(chǎn)品的硬性規(guī)定凿叠，該頁主要有設(shè)置信息（含工資定存）+填寫保單2個版塊
圖3：最后得出規(guī)劃詳情頁涩笤。難點：是否可直接當首頁？解決：分析用戶——有明確存錢目標盒件，已設(shè)置好的信息就是她們之后持續(xù)存錢的動力蹬碧，所以規(guī)劃詳情頁=已設(shè)置規(guī)劃用戶的首頁。該首頁分為存錢目標+本月存錢（只推薦最適合此刻的存錢方式無需用戶思考）
上圖三是不設(shè)置存錢規(guī)劃的頁面流炒刁，是為了滿足次要目標用戶即重收益型用戶的目標而設(shè)計恩沽，他們的目標是可以買到一款保本、安全翔始、會自動推薦好玩又高收益的活動供參加的線上教育金保險罗心。頁面流據(jù)此設(shè)計，考慮點如下：
圖1：默認首頁同上
圖4：點進任意隨手存錢方式的內(nèi)頁城瞎，信息架構(gòu)整體與設(shè)置規(guī)劃頁相同渤闷，既為了交互統(tǒng)一性，也為了節(jié)省開發(fā)成本
圖5：反饋頁也都統(tǒng)一由反饋結(jié)果+推薦存錢方式2個版塊組成脖镀，推薦原則：定存與非定存存錢方式相結(jié)合（為了用戶最后真的能為孩子存下一些錢以及商業(yè)考慮飒箭，設(shè)計時需要適當引導）組合形式如下：
主動活動存+推薦下期活動定扣
主動設(shè)置天天存+推薦活動存
主動自由存+推薦天天存
圖6：不設(shè)置規(guī)劃用戶的首頁主要用戶是重收益用戶，遂展示活動收益的banner需要突出
到此要注意蜒灰，想要改動成本最小化弦蹂，頁面流出來就應(yīng)該找利益相關(guān)同事進行評審，評審過后再設(shè)計線框圖强窖，然后再對線框圖進行可用性測試凸椿，多幾個人的角度總是能讓頁面更加完善的，當然自己還是要多加評判地接受意見翅溺，此時一般頁面流是不太會改動了脑漫，線框圖環(huán)節(jié)若要涉及頁面流的改動就需要慎重考慮了髓抑。
頁面上線前，交互設(shè)計師也要參與測試窿撬，因為有些問題只有自己才能發(fā)現(xiàn)启昧，上線后叙凡，也要多從數(shù)據(jù)和客服那里了解用戶的反饋劈伴，以驗證自己的設(shè)計，不斷迭代優(yōu)化握爷。
