移動互聯(lián)網(wǎng)時代，突然流行起一句話，“最好的服務，是給你還不知道的好東西”，一個人如果真的能實現(xiàn)這種理想，也算以一己之力推動了人類文明的一小步吧。
怎么設計出這樣的好東西呢？我覺得跟產(chǎn)品的價值、功能和氣質(zhì)密不可分。
價值
產(chǎn)品存在的意義，在于他能為用戶提供什么價值，如果這個戰(zhàn)略方向沒有想清楚，基本上就很難談理想了。
通常來說，一個產(chǎn)品的價值，與市場需求有關，與政府政策有關，與信息化帶來的變革有關，也與當下的基礎設施條件有關。
市場需求和政府政策好理解，信息化的變革和基礎設施條件是什么意思呢？
信息化變革對價值的影響
從進入互聯(lián)網(wǎng)時代起，我們就告別了鴻雁傳書時代那種低效、昂貴、緩慢的信息復制與分發(fā)方式，每個人都可以近乎無限制無成本地獲取信息（合法的），所以我們常說人類社會已經(jīng)步入信息化社會，雖然我們往往只是說說而已，并不理解背后的真意。
信息化的意義在于，他會改變我們習以為常的思維習慣，打破很多司空見慣的商業(yè)模式，這種粉碎和創(chuàng)新，往往會打破社會運轉(zhuǎn)的枷鎖，提高資源運作效率，這就是信息化的價值所在。
舉個例子，在信息閉塞的社會，極端情況下會發(fā)生什么事呢，有一個中國皇帝吃不起雞蛋的故事，大意是在富有四海，萬國來朝的中國皇帝眼里，雞蛋是高端奢侈品，因為他的行政部門（御膳房）給他的成本報價是30兩白銀一枚雞蛋，所以皇帝竟然連雞蛋都不敢多吃，更不用說比雞蛋更高端的清湯面了。
我們會拿這段兒過于久遠的歷史當笑話看，因為我們身在信息化時代，感覺這是不可能發(fā)生的事情。
那我再舉一個沒多久的例子：一貫文明紳士的大英帝國公務員們一度屢屢爆出腐敗丑聞，曾爆出過大臣報銷成人電視費、議員給兒子發(fā)高額補貼等“報銷門”，每年不得不花一大筆開銷請審計公司，請監(jiān)督審計公司的監(jiān)督公司，請管理監(jiān)督審計公司的管理公司...疊床架屋的機構和支出與日俱增，還效果奇差，最后找到的辦法是放棄政府審計，直接把所有公務報銷賬目公之于眾，公眾也很配合地充當了“眼睛雪亮的人民群眾”，竟然揪出不少蛀蟲，又省錢，效果又好。
信息化會帶來變革的基礎，但受限于我們的思想，這種變革的價值我們不一定馬上能意識到，自進入信息化時代以來，這種變革已經(jīng)進行了很多年，且將繼續(xù)進行很多年，在以后的很多年里，我們還會持續(xù)的發(fā)掘出新的價值來。
基礎設施條件對價值實現(xiàn)的影響
除了思想，現(xiàn)實環(huán)境在實現(xiàn)價值時，也是一種束縛，最典型束縛的莫過于基礎設施條件。
以現(xiàn)在大勢已成的網(wǎng)絡約車（滴滴/Uber）為例，在移動互聯(lián)網(wǎng)時代之前，社會上只有笨重的計算機和昂貴而緩慢的無線網(wǎng)絡（2G），這迫使人們只能在有限的時間地點（辦公室/家庭/網(wǎng)吧）和有線網(wǎng)絡上使用軟件，那時候的軟件也大都是基于有線網(wǎng)絡的辦公/娛樂，網(wǎng)絡約車這種沒有固定使用地點的軟件產(chǎn)品，沒有生存的土壤，概念很好，但是做不了。
不是沒有市場需求，不是沒有政策支持，事實上那些年一直有人在嘗試做約車服務，畢竟打車難的問題已經(jīng)困擾我們幾十年了，但是落后的基礎設施不能支撐網(wǎng)絡約車這種產(chǎn)品，因為當時既沒有足夠小巧的便攜式計算設備（手機），也沒有足夠便宜高速的無線網(wǎng)絡（4G），我們無法想象用戶站在馬路邊，打著傘，扛著計算機，連著昂貴的2G網(wǎng)絡刷著地圖叫車，同時還覺得使用這種產(chǎn)品是一個輕松愉快的體驗。
移動互聯(lián)網(wǎng)時代的基礎設施解決了這個問題，智能手機+4G網(wǎng)絡為人們提供了隨身計算資源和隨時接入的高速無線網(wǎng)，這滿足了網(wǎng)絡約車所需的所有需求，網(wǎng)絡約車這才得以大行其道。
所以，當基礎設施變好了，很多之前做不了的東西能做了，機會就來了，因為你可以為更多新釋放出來的需求去提供價值了，這就是常說的風口，移動互聯(lián)網(wǎng)也因此成就了大批的新貴。
所幸，我們身處一個高速發(fā)展的時代，基礎設施會越來越好的，可挖掘的潛在價值也會越來越多。
價值的篩選——沒有天上掉餡餅的好事
根據(jù)前文所述，似乎我們身在一個遍地金礦的時代，好像人人都可以靈光一閃，挖到潛在價值，推動文明進步，走上人生巔峰了——哪有天上掉餡餅的好事。
拿剛剛過去的2016年來說，在媒體筆下，2016是很多產(chǎn)品的元年，什么VR元年，無人機元年，互聯(lián)網(wǎng)電動汽車元年，好像這都是2016年才發(fā)明的新概念一樣，好像沒有人在意1995年任天堂推出的Virtual Boy虛擬現(xiàn)實游戲機，1982年以色列軍隊在貝卡谷地空戰(zhàn)使用的無人機，乃至1873年英國人制造的載貨電動汽車。
經(jīng)常有人說，超前半步是先驅(qū)，超前一步是先烈，這是社會認可了你提出的價值。如果沒有得到認可，那你沒機會做先驅(qū)先烈，你就是普通的先生。
這世上沒有天上掉餡餅的好事，你以為的價值真空，說不定早就有人做過，且沒有得到認可。面對任何潛在的價值金礦，我們應該先想想清楚，“為什么以前沒有人做成功過”，一般來說無非三種：
1.以前環(huán)境不允許，但是現(xiàn)在條件達到了——恭喜你，再造一個市值千億的超級公司指日可待。
2.一個曠古未有的新模式，只有聰明的你想到了——盡情開拓吧，成功就是先驅(qū)，失敗也是先烈。
3.概念太蠢或收益太低，別人不屑于去做——先生，絕大部分所謂的價值金礦，都屬于這個行列。
慎重，慎重，慎重，在出發(fā)之前，先確定真的找到了好的方向。
功能
App產(chǎn)品的價值是一個非常寬泛的抽象概念，價值要落到實處，還是需要通過功能來體現(xiàn)。例如：微信的價值在于溝通，具體的功能就是多媒體聊天和朋友圈分享；支付寶的功能在于管錢，具體的功能就是收/付款和資金管理；滴滴的價值在于打車，具體的功能就是叫車和導航。
具體功能是需要精心設計，再三打磨，認真維護，精益求精的。
功能設計的5個步驟
一提到App的功能設計，很多人第一個想到的就是界面，不要急于畫界面，要先定功能，做出可靠的邏輯架構，再做好頁面布局排版，最后才是界面細節(jié)設計。不要過快進入界面，那會讓你的視野變窄，是不利于功能設計的。
?在功能設計上，一般需要遵循從頂層到細節(jié)，從抽象到具體的方向，依次分為戰(zhàn)略層、范圍層、結構層、框架層、表現(xiàn)層。
·從戰(zhàn)略層面來說，一個App產(chǎn)品每次推出的大功能不宜超過3個，最好每次主推1個功能，這有益于聚焦資源做好推廣，并準確評估市場反響。
·從范圍層面來說，App的功能要簡潔干凈，隱藏不重要的內(nèi)容（如：默認勾選同意軟件用戶協(xié)議），推遲不急需的步驟（如：先免登錄使用，在支付時才要求注冊），剔除不必要的功能（如：導航界面中的拍照功能——敢開車玩手機，要不要再來瓶白酒？）?？傊?，一切以用戶感覺簡單舒服流暢為準。
·從結構層面來說，確定功能范圍后，不要急于陷入細節(jié)，要先設計功能地圖，做抽象的功能分布和關聯(lián)跳轉(zhuǎn)關系，如果功能堆積在產(chǎn)品一角，關聯(lián)跳轉(zhuǎn)復雜無序，那說明結構設計就有問題，不能做后續(xù)開發(fā)；如果功能分布均衡，關聯(lián)結構簡潔，產(chǎn)品就算打好了基礎。在此基礎上，可以粗略的構思UI，手繪即可，以表現(xiàn)功能和結構為主，可以產(chǎn)出紙質(zhì)版的手繪原型，讓市場和測試人員介入，進行多輪迭代，驗證產(chǎn)品概念，查補業(yè)務漏洞。
·到了框架層，功能結構已經(jīng)確定，重點就是關于排版的藝術了，這時側(cè)重的是信息的表達，依據(jù)柵格化設計、黃金分割比例等原則，通過調(diào)整界面元素的比例，位置，對齊，間隙，關聯(lián)，大小，深淺和字體等，讓用戶舒服自然地接收到產(chǎn)品傳遞的信息，甚至調(diào)用用戶的情緒。這里需要制作出簡潔的線框圖，通過幾輪交互反饋，反復優(yōu)化。
·表現(xiàn)層是最終呈現(xiàn)的效果，側(cè)重的是用戶感受，需要運用各種心理學原理，精心選擇產(chǎn)品的主題色調(diào)、圖片、文字和動畫效果等，默默地取悅用戶、引導用戶，并盡可能的弱化產(chǎn)品的固有缺點。
在設計App功能時，容易陷入一個誤區(qū)，就是只關注理想狀態(tài)，忽略了中間狀態(tài)，一個設計完善的App，要從原型設計階段就考慮到中間狀態(tài)的，要全面細致地考慮，每一個屏幕下要如何引導用戶抵達最終目標。
App產(chǎn)品界面的5種狀態(tài)
App產(chǎn)品界面分中間狀態(tài)頁和理想頁兩種，理想頁面承載我們業(yè)務功能設計的頁面，中間狀態(tài)頁是達到理想狀態(tài)之前的頁面，中間狀態(tài)頁是不可避免的，對中間狀態(tài)頁的感受，會很大程度影響到我們App產(chǎn)品的存留率，中間狀態(tài)做的不好，用戶會棄我們而去，中間狀態(tài)做得好，用戶會更加喜愛我們。
App頁面從加載到完成，會依次經(jīng)歷5種界面狀態(tài)：空白頁->加載頁->局部頁->錯誤頁->理想頁，前面的4個頁面都是中間狀態(tài)頁。
空白頁
空白頁分這么幾種情況：
1.用戶初次看到產(chǎn)品時（如：第一次加載），這時不要給一個干巴巴的空界面，太浪費了，這是用戶對產(chǎn)品的第一印象，是介紹產(chǎn)品，抓住用戶的好機會。此時可以給出理想狀態(tài)界面截圖、提示用戶第一次操作、展示產(chǎn)品可以呈現(xiàn)的功能，或者直接采用免登錄的設計手段，先讓用戶體驗App的最有競爭力的功能，直到產(chǎn)生交易行為時，才去提醒用戶注冊登錄。
2.清除所有數(shù)據(jù)時（如：清空后的收件箱），這是獎勵用戶，博取用戶好感，或激發(fā)他們進一步操作的好機會，我們不要提示沒有內(nèi)容了，而應該提示用戶達成了任務目標，給他顯示下一業(yè)務流程，或者作為一個成就讓用戶去分享給小伙伴們。
3.沒有找到操作結果時（如：未找到查詢結果），這是推送信息或提供智能搜索結果的大好機會，不要讓用戶覺得無路可走，給他們提示或建議，給出智能糾正拼寫錯誤，查找相近結果，提示用戶“您要找的是不是XXX”。
加載頁
受限于物理條件，App的加載速度是個無法回避的問題，需要注意這么幾種情況。
1.單純的空白界面或者進度條是不好的，會讓用戶感覺加載過程特別漫長。
2.采用先加載模糊圖片的方式，先顯示一個模糊但是完整的圖像，再慢慢變清晰。
3.在使用進度條時，故意加快前75%的進度，令用戶感覺離完成更近，更有耐心等待。
4.使用局部加載方式，先載入頁面基礎結構，再逐漸下載其中缺失的部分，這樣的話，用戶焦點天然會聚焦在已顯示的內(nèi)容上，會感覺加載更快。
局部頁
局部狀態(tài)利用好了可以起到培訓用戶，推廣功能的作用。
1.界面已有少量內(nèi)容時，要提示可以達到的效果，促使用戶繼續(xù)使用，例如在加載網(wǎng)頁時，頁面一般是邊加載邊顯示的，已顯示的那部分頁面，用戶是可以使用的。
2.在多步驟流程導致的局部頁中，要提示操作完成度，或為鼓勵完善信息提供獎勵，可以顯示一個數(shù)字進度條，或者用勾選列表來刺激用戶的完成欲。
錯誤頁
在軟件報錯時，要準確地提示信息，同時避免刺激用戶。
1.不要損壞用戶輸入的任何信息，用明確的位置指示和顏色指示，說明哪里出錯，如何修改。
2.表達方式要簡明友善，不要使用晦澀的錯誤代碼。
幫助用戶思考
一個好的App，會減少用戶的操作，幫助他找到最適合自己的選擇，甚至幫助用戶思考。
要減少用戶操作，就需要業(yè)務主路徑保持干凈簡潔，例如，在使用密碼保護用戶信息時，要避免影響主流程，在主頁面不需要密碼，在常規(guī)操作不需要密碼，保存本地可能也不需要密碼，只在提交數(shù)據(jù)或查詢個人私密信息時需要輸入密碼。
要幫助用戶找到適合自己的選擇，就需要強大的后臺支持，無論是智能自動糾錯，還是推薦搜索結果，都需要記錄和分析用戶個人習慣，并主動去猜測用戶的選擇。
要幫助用戶思考，就需要更多額手段支持，用戶數(shù)據(jù)的積累和分析，界面功能的巧妙設計，業(yè)務流程上的自動選擇，讓App像一個強力專業(yè)人士一樣輔助用戶，把價值發(fā)揮到最大。
最后，在設計App功能的時候，不要舍本逐末，偏離了App的價值，多問自己，為什么要設計這個功能，這個功能對用戶到底有什么價值。
氣質(zhì)
在這個競爭激烈的App紅海中，產(chǎn)品的氣質(zhì)就像明星的顏值，固然可以靠才華吃飯，但人們總是更偏好顏值最佳的那款呢。
優(yōu)秀的產(chǎn)品氣質(zhì)能帶來良好用戶體驗，我們可以參考一下App感官設計原則和App排版原則。
App感官設計原則
App感官設計原則可歸類為5項：清晰、易理解、熟悉、信任、愉悅。
清晰：體現(xiàn)產(chǎn)品的的真正價值，不要讓彈框和密碼等不急需不必要的動作擾亂用戶的行為。
易理解：排版上突出重點，通過字號、顏色、圖標、對齊、間距等排出層級，突出要表達的信息。
熟悉：使用用戶簡潔、熟悉、統(tǒng)一的模式、圖標和呈現(xiàn)風格，減少學習成本，增加用戶親近感。
信任：幫用戶理解為什么需要這項操作，誠實明白地做出說明，坦誠會贏得信任，含糊其辭的提示只能放大用戶的疑惑，讓他們卸掉感覺可疑的App。
愉悅：用簡單的操作去解決復雜的問題，讓App作為一個用戶喜愛的工具出現(xiàn)。
App排版原則
App排版，可以利用柵格化，黃金分割等工具，用大小去強調(diào)或弱化，用對齊、留白、形狀和色系去建立關聯(lián)關系，個人積累的一些排版原則包括：
留白和分隔線
通欄分隔線>分隔線>留白，所以少用通欄分割線，盡量先使用留白和小標題。
當左側(cè)圖片右側(cè)文字時，不建議使用通欄分隔線，分隔線應與文字左對齊。
圖片不需要分隔線。
列表、卡片和網(wǎng)格
如果列表中單項的文字超過3行，建議用卡片。
如果列表中主要表現(xiàn)圖片，建議用網(wǎng)格。
布局的大小和間隙
頂部狀態(tài)欄高度：24dp
Appbar最小高度：56dp
底部導航欄高度：48dp
懸浮按鈕尺寸：56x56dp/40x40dp
用戶頭像尺寸：64x64dp/40x40dp
小圖標點擊區(qū)域：48x48dp
側(cè)邊抽屜到屏幕右邊的距離：56dp
卡片間距：8dp
分隔線上下留白：8dp
大多元素的留白距離：16dp
屏幕左右對齊基線：16dp
文字左側(cè)對齊基線：72dp
都是8的倍數(shù)
輸入框
在右下角顯示字數(shù)統(tǒng)計，如果有字數(shù)限制，建議在接近上限時再顯示，超限可更改輸入框顏色和字數(shù)統(tǒng)計的顏色。
錯誤提示顯示在輸入框的左下方。
同時有多個錯誤提示時，屏幕頂部可以有一個全局錯誤提示。
輸入框最好帶有自動補全功能。
顏色
顏色不要過多，選定一種主色調(diào)，一種輔助色調(diào)（非必須），通過調(diào)整顏色的飽和度和明暗度，構成配色方案。
在大面積的區(qū)域和背景色中使用主色調(diào)，在小面積和需要強調(diào)的地方使用輔助色調(diào)。
文字
文字的排版常用字號：
12sp 小字提示
14sp（桌面端13sp） 正文/按鈕文字
16sp（桌面端15sp） 小標題
20sp Appbar文字
24sp 大標題
34sp/45sp/56sp/112sp 超大號文字
長篇幅正文，每行建議60字符（英文）左右。短文本，建議每行30字符（英文）左右。
覆蓋在圖片上的文字，需要有淡淡的遮罩和文字陰影確保其可讀性，深色遮罩透明度在20%~40%，淺色遮罩透明度在40%~60%
結語
在移動互聯(lián)網(wǎng)時代，出現(xiàn)了很多“我們還不知道的好東西”，事實上，智能手機本身，或者說移動互聯(lián)網(wǎng)時代本身，就是“我們還不知道的好東西”，感謝這個時代，讓我們每個人的人生都有了無限的可能。
最后，不要拘泥于已有的套路或者準則，借微信之父張小龍的一句話：“我說的都是錯的”。
