這一周惧磺，在研究微信公眾號二次開發(fā)，即微官網(wǎng)的內(nèi)容捻撑。
“二次開發(fā)磨隘，這還不容易，找微盟或者其他的開發(fā)公司顾患，做二次開發(fā)就好啦番捂。”很多人說的輕描淡寫江解。
真正接觸后设预，才發(fā)現(xiàn)遠沒有想的那么簡單。微盟等微信二次開發(fā)公司犁河，已經(jīng)設(shè)計好各種微官網(wǎng)模板鳖枕，還有微信小游戲插件（砍價、抽獎等）桨螺，凡是客戶有需求宾符，就直接開放接口，復(fù)制灭翔、黏貼魏烫、搞定「蜗洌花了小幾萬哄褒，整出一個網(wǎng)紅臉的微官網(wǎng)。
據(jù)對微信二次開發(fā)公司的了解狭园，現(xiàn)在的微官網(wǎng)模板多為B2C模式读处，今年比較火熱的是三級分銷。他們對用戶體驗唱矛、界面設(shè)計、目標客戶的商業(yè)模式的研究等，都很欠缺绎谦，處于圈錢上市的階段管闷。
所以要做好微信二次開發(fā)，必須把自己當(dāng)產(chǎn)品經(jīng)理窃肠，所有的功能包个、界面、用戶體驗和商業(yè)模式冤留，都需要設(shè)計好碧囊，然后交給設(shè)計公司執(zhí)行。這個過程纤怒，我經(jīng)歷了3個階段糯而，用心、走心和匠心泊窘。
用心
了解17家同行業(yè)公司的微信公眾號熄驼，一家一家的試用，找亮點也找bug烘豹。其中30%的公眾號沒有微商城功能瓜贾，24%的公眾號有亮點，其中2個微信公眾號值得借鑒携悯。
同時祭芦，查找了行業(yè)數(shù)據(jù)，2015年9月的數(shù)據(jù)表示憔鬼，如果分為四個象限：進入者龟劲、市場驅(qū)動者、產(chǎn)品強化者和領(lǐng)導(dǎo)者逊彭，整個行業(yè)內(nèi)的公司咸灿，都處于進入者階段。
同時侮叮，梳理了自己微信公眾號存在的問題避矢，1.0版、2.0版等囊榜，對比開發(fā)公司提交過來的多個版本的對比审胸。
在用心階段，我像一個差評師卸勺，用挑剔的眼光砂沛，摳出各種問題，又像一個亮點收集師曙求，看到競品的優(yōu)點碍庵，兩眼冒光映企，收入囊中。
走心
下午分享關(guān)于微信O2O的內(nèi)容時静浴，用了一個小游戲堰氓，跟大家分享，怎么做到走心苹享，就是心懷用戶双絮，有感情，有溫度得问，代入客戶的角色體驗產(chǎn)品囤攀。
伸出你的2個食指，用這兩個手指擺出一個“人”字給別人看宫纬，三二一焚挠！現(xiàn)場的正確率是25%，很多人都擺出的“人”字哪怔，在別人眼里是“入”字宣蔚。
設(shè)定多角色，比如第一次登陸界面的用戶认境，最想了解品牌胚委、服務(wù)、價目等叉信。比如經(jīng)常登陸的用戶亩冬，想快速、便捷找到自己的賬戶硼身、訂單等硅急。
為了流暢的用戶體驗，改掉已進入微官網(wǎng)就填寫選擇定位佳遂、注冊/登錄营袜、填寫收送地址等流程，直接進入首頁體驗丑罪，也摒棄了常用底部三欄式菜單荚板，改為一個旋轉(zhuǎn)的功能鍵，觸摸該功能鍵就會出現(xiàn)【購物車】吩屹、【訂單】和【個人中心】功能跪另。
這個階段，我稱之為顯性代入客戶階段煤搜，為什么說顯性呢免绿？因為這些功能的bug，邏輯的bug擦盾，體驗的bug嘲驾，普通的客戶可以說出一二淌哟。但很多東西，是客戶的隱性需求距淫。
比如客戶說：“我需要更快的馬”绞绒，他的真實需求不是馬婶希，而是快榕暇，所以亨利·福特創(chuàng)造了“福特汽車”，滿足了客戶對快的需求喻杈。
匠心
匠心的階段彤枢，就是破解隱性的客戶需求，讓用戶用得爽筒饰，是通過科學(xué)缴啡、嚴謹?shù)匮芯浚罅康氖袌稣{(diào)研和繁復(fù)的科學(xué)計算得出來的瓷们。為什么騰訊有價值百萬的產(chǎn)品經(jīng)理业栅，因為在行業(yè)的沉淀、對用戶體驗的感知谬晕，為公司節(jié)省巨額調(diào)研和計算費用碘裕。
回到我研究的案例上，提出：
摒棄了常用底部三欄式菜單攒钳，改為一個旋轉(zhuǎn)的功能鍵帮孔，觸摸該功能鍵就會出現(xiàn)【購物車】、【訂單】和【個人中心】功能不撑。
匠心產(chǎn)品經(jīng)理文兢，提出了4個問題，一擊問倒我：
功能鍵的位置：手機屏幕下方的左邊焕檬？右邊姆坚？中間？
功能鍵的大惺涤蕖：要與屏幕適配兼呵，大小的根據(jù)是什么？
觸摸功能鍵延伸出的3個功能：大小和位置爆侣，是不是要考慮到人手指最大程度觸及極限萍程？
手會擋住哪些信息？
匠心的進階
匠心產(chǎn)品經(jīng)理提出的4個問題兔仰，讓我豁然開朗茫负，憑著自己的小用心和小努力，進階到第二階段乎赴，遇到了瓶頸忍法，在點撥后潮尝，找到了提高和精進的方向。
1. 功能鍵的位置
參考文章：移動設(shè)備手持分析饿序！用戶到底是怎么使用手機的勉失？
這是從國外文獻翻譯過來的，主要介紹人們拿著手機的姿勢和使用各種姿勢的占比原探。其中單手操作的用戶占比49%乱凿，單手操作的用戶中用右手進行操作的用戶占比67%。如下圖所示：
了解用戶使用手機的習(xí)慣咽弦，我把功能鍵放在手機屏幕下方的中間徒蟆，最大程度方便了大多數(shù)用戶。
2. 功能鍵的大小
參考文章：移動觸屏的手指觸發(fā)尺寸
功能鍵的大小型型，至少要考慮到2個因素段审，第一個是手機屏幕的大小，第二個是手指的平均大小闹蒜。
手機屏幕參考iPhone6s的尺寸大小寺枉，其中寬67.1mm。拇指大小绷落，參考文章中提到是24mm姥闪，考慮到很多人會用食指操作，這里也貼出食指的平均大小16-24mm嘱函。
有了這些參數(shù)后甘畅，通過不斷嘗試，發(fā)現(xiàn)功能鍵占據(jù)屏幕1/5寬的大小最為合適往弓，以iPhone6s的寬67.1mm為例疏唾，功能鍵大小是13.4mm。歸類到三星函似、OPPO等其他手機屏幕尺寸槐脏，推算出的功能鍵大小比例為——按鈕大小是手指大小的50%-70%，以60%最佳撇寞。
貼一張我設(shè)計的界面草圖顿天，圖中的五角星就是文章中提到的功能鍵，如下圖：
3.觸摸功能鍵延伸出的3個功能鍵大小和位置
參考文章：通過我們?nèi)绾巫プ〔煌笮〉钠聊粊碚f明“拇指規(guī)則”
根據(jù)上述參考文章中的介紹蔑担，手機屏幕的左下角和右下角區(qū)域是用戶操作極為不便利的地方牌废，故而功能鍵延伸出來的3個功能，以橢圓狀呈現(xiàn)在功能鍵上方啤握。貼一張粗糙的手繪圖鸟缕，大家將就看：
上圖所示1、2、3的功能鍵要比五角星功能鍵小懂从，具體的大小授段，參照按鈕大小是手指大小的50%-70%，最終確定是10mm番甩。
重點要考慮的是1侵贵、2、3的功能鍵中心點到五角星功能鍵中心點的距離缘薛，讓用戶選擇小功能鍵時窍育，不會誤碰五角星功能鍵，根據(jù)人的平均拇指大小24mm掩宜，建議選擇22-26mm之間的數(shù)蔫骂，我選擇的是22mm。
接著要考慮是1牺汤、2、3的功能鍵的排列角度浩嫌。2功能鍵最好決定檐迟，垂直水平面90度。1和3功能鍵的角度是對稱码耐，反復(fù)試驗追迟，發(fā)現(xiàn)1和3功能鍵舉例水平面的角度為30度，最佳骚腥。
最后根據(jù)1和3功能鍵到手機兩側(cè)的距離敦间，反推驗證確定的距離和角度是否合理。通過演算得出束铭，功能鍵1和功能鍵3的水平直線距離為38mm廓块，它們距離手機兩側(cè)14.55mm，完全位于手指操作的舒適區(qū)契沫。如下圖所示：
4. 手會擋住哪些信息
使用iPhone手機的用戶带猴，可以拿出尺子進行測量，iPhone手機最下面那排APP——電話懈万、信息拴清、微信和英語流利說，距離手機屏幕最下方的距離是3mm会通，加上五角星功能鍵的直徑13.4mm口予，也就是說16.4mm的空間，在手機進行功能鍵操作時涕侈，信息會被手擋住沪停。
如下圖所示的最下面一排APP的位置，不要放重要信息驾凶，或者干脆留白牙甫。
最后一點掷酗，根據(jù)市面上主流機型的大小、形狀調(diào)整界面窟哺，不能只考慮iPhone泻轰，還要考慮三星，小米且轨，華為浮声，OPPO等手機。
PS:瞬間明白旋奢，為什么跟PM吃飯的時候泳挥，他們左手一臺蘋果，右手一臺三星至朗，兜里還揣著一臺小米屉符。瞬間理解，為什么他們總是在低頭看手機矗钟，因為他們隨時隨地都在做產(chǎn)品體驗。下次遇到這種情況嫌变，再也不收他們手機了吨艇，我就低頭默默吃飯，把菜全消滅咯腾啥，嘿嘿~
