vue 生命周期
每個 Vue 實例在被創(chuàng)建時都要經(jīng)過一系列的初始化過程。設置數(shù)據(jù)監(jiān)聽、編譯模板、掛載等等。vue生命周期還是不太容易理解，這里就簡單地說一下它的整個過程。
1創(chuàng)建一個vue實例
new vue({
data () {
return {
}
}
})
2 初始化事件和生命周期 beforeCreate 創(chuàng)建實例之前執(zhí)行的鉤子函數(shù)
3 初始化·注入和校驗 created 實例創(chuàng)建完成后執(zhí)行的鉤子
new vue ({
data () {
return {
a: 1
}
},
created: function () {
console.log('created')
}
})
4 渲染頁面 編譯 beforeMount 將編譯完成的html掛載在虛擬dom時執(zhí)行的鉤子
5 mouted鉤子 掛載完畢對數(shù)據(jù)進行渲染 會做一些ajax情求初始化數(shù)據(jù) mounted整個實例過程中只執(zhí)行一次
new vue ({
data () {
return {
a: 1
}
},
created: function () {
console.log('created')
},
// 一些鉤子函數(shù)
mouted: function () {
console.log('mounted')
}
})
6 修改數(shù)據(jù) beforeUpdate 更新之前的鉤子
7 updated 修改完成重新渲染
8 準備解除綁定子組件以及事件監(jiān)聽器 beforeDestroy
9 銷毀完成 destroyed
css:
*{margin:0;padding:0;}
background: rgb(201, 230, 128);text-align: center;}
html:
<body>
<div id="tu">
<P id="info"></P>
<img src="jiao.jpg" alt="冰棒">
<input type="button" id="yi" value="第一張">
<input type="button" id="er" value="第二張">
</div>
</body>
javascript:
window.onload = function(){
var yi = document.getElementById(“yi”);
var er = document.getElementById(“er”);
var img = document.getElementsByTagName(“img”)[0];
var imgArr = [ “jiao.jpg”,“san.jpg”,“bao.jpg”,“hua.jpg”,“pei.jpg”,“tu.jpg”,“xin.jpg”,“niu.jpg”]
var index = 0 ;
var info = document.getElementById(“info”);
info.innerHTML = "一共" + imgArr.length + "張圖片,當前第"+(index+1)+"張";
yi.onclick = function(){
index--;
if(index < 0){
index = imgArr.length - 1;
}
img.src = imgArr[index];
info.innerHTML = "一共" + imgArr.length + "張圖片,當前第"+(index+1)+"張";
}
er.onclick = function(){
index++;
if(index > imgArr.length - 1){
index = 0;
}
img.src = imgArr[index];
info.innerHTML = "一共" + imgArr.length + "張圖片,當前第"+(index+1)+"張";
}
}
本文是基于我對《破繭成蝶2》讀后的觀點和反思，自己的項目經(jīng)歷跟作者相似，也是為了更好的總結(jié)這兩年對產(chǎn)品、對設計的心得。
本文篇幅較長，請耐心閱讀。主要是總結(jié)一個完善的體系，便于大家理清自己的設計思路和自我定位。
閱讀本文你可以獲得什么？
一、前言——擁抱變化，破熵而行
二、產(chǎn)品設計師的思維轉(zhuǎn)變
三、對設計師的能力模型
四、設計師該關注的數(shù)據(jù)
五、產(chǎn)品周期影響設計策略
六、設計師順勢而為，自我定位
一、前言——擁抱變化，破熵而行
在人口紅利、流量紅利、資本紅利逐漸消退的互聯(lián)網(wǎng)下半場，從“買流量、買用戶”為代表的粗放式發(fā)展進入了穩(wěn)扎穩(wěn)打的精細化時代，需要考慮在有限的資源及能力的基礎上精打細算、量入為出，讓產(chǎn)品可持續(xù)地發(fā)展下去。
互聯(lián)網(wǎng)產(chǎn)品正在從標準化、大眾化轉(zhuǎn)向個性化。針對垂直領域或細分用戶群體的產(chǎn)品越來越有市場。戰(zhàn)略層也需要抽絲剝繭，拋去形式注重產(chǎn)品的本質(zhì)。比如一些下沉型電商業(yè)務，紅包和會員都只是一種形式，其實本質(zhì)還是用戶追求“性價比”有利可圖，所以一旦用戶的“便宜需求”難以達到，還是會引發(fā)數(shù)據(jù)的下降，這就需要大量可持續(xù)資本投入維持。見利期的變長，傳統(tǒng)電商行業(yè)的鋒芒也被新零售掩蓋，投資人也不斷轉(zhuǎn)移更創(chuàng)新可收的項目。所以真正的留存是可持續(xù)發(fā)展的，且需要根據(jù)企業(yè)自己的實際情況，在戰(zhàn)略上和運營上，有一個人無我有的本質(zhì)上的創(chuàng)新點（核心競爭力），而非形式上的創(chuàng)新。
在日新月異，變化百態(tài)的互聯(lián)網(wǎng)下半場，創(chuàng)業(yè)者和產(chǎn)品設計工作者都需要改變自己的想法，擁抱變化破熵而行，保持自己戰(zhàn)斗力，用更科學客觀的方法來提升產(chǎn)品價值。
二、產(chǎn)品設計師的思維轉(zhuǎn)變
產(chǎn)品設計師的重要標志是“以產(chǎn)品為中心”的思維及覺悟，即能打破本位主義，站在產(chǎn)品的角度，從整個項目閉環(huán)上協(xié)同解決問題，提升產(chǎn)品價值。設計師的角度理解，就是打開自身格局，擴展上下游的知識，通過自己的綜合能力助力于業(yè)務。在此過程中職能會有跨界，比如我會提出驗證數(shù)據(jù)的方法，比如ABtest，從業(yè)務角度推設計可以通過哪些數(shù)據(jù)進行提升，然后做出不同方案進行評審，推動項目實施落地。
產(chǎn)品設計者可以由產(chǎn)品經(jīng)理，UX，UI擔當或轉(zhuǎn)變，我更傾向是全棧的UX，通過思想認知的轉(zhuǎn)變，職能界線的打破來扮演這個角色。自己也是這樣努力的在轉(zhuǎn)型。得益于公司的開放包容，這兩年我還是能承擔起這樣的角色，建立組織，帶領團隊，通過設計來提升產(chǎn)品價值。對于產(chǎn)品設計師，第一個需要改變的就是產(chǎn)品設計思維。
2.1從“問題驅(qū)動”到“價值驅(qū)動”
2.2 始終貫徹精益思維
互聯(lián)網(wǎng)寒冬，連阿里都要把錢花在刀刃上。阿里8月15日發(fā)布的財報上，雖然新零售收入水平同步增速高達134%，高于上一季度132%，成阿里本季營收增長引擎，但是阿里本財季對盒馬新零售業(yè)務投入仍然十分謹慎。最近兩個季度盒馬開始由原先的大門店業(yè)態(tài)轉(zhuǎn)向更多元、成本更低的小業(yè)態(tài)的轉(zhuǎn)型期，本財季內(nèi)凈增門店僅為15家。所以需要我們始終貫穿精益思維去做產(chǎn)品。
精益思想（Lean Thinking）源于20世紀80年代日本豐田發(fā)明的精益生產(chǎn)（Lean Production）方式，精益生產(chǎn)方式造成日本汽車的質(zhì)量與成本優(yōu)勢，曾經(jīng)壓得美國汽車抬不起頭。世界汽車工業(yè)重心已向日本傾斜。精益思想的核心就是（消除浪費）以越來越少的投入——較少的人力、較少的設備、較短的時間和較小的場地創(chuàng)造出盡可能多的價值；同時也越來越接近用戶，提供他們確實要的東西。
那么要做到產(chǎn)品上的精益思維，一方面要貫徹“以提升產(chǎn)品價值為目標”并用數(shù)據(jù)驗證；另一方面建議先用較小成本在小渠道驗證，然后在擴大投入。
整個產(chǎn)品團隊，不管是產(chǎn)品負責人、產(chǎn)品經(jīng)理、設計、運營、開發(fā)都需要緊密聯(lián)合在一起，為提升產(chǎn)品價值而努力。為什么這么說，其實本質(zhì)上大家都是為了業(yè)務好，但是每個人卻扛著不一樣的KPI，產(chǎn)品經(jīng)理有業(yè)務指標，運營有運營指標，設計師也有自己的設計價值觀。如果大家都只為了自己，產(chǎn)品和運營會唯業(yè)務指標做導向，典型的就是引入大量無法留存的流量，耗費資源，最終對整個產(chǎn)品長期發(fā)展并沒有太多價值。對設計師來說，我見過很多設計都很有偏向性，要么就是一味追求好看，感覺業(yè)務擋了自己發(fā)揮才能，要么一味分析競品和交互，卻給不出有效、有價值的解決方案。其實都不是站在產(chǎn)品價值上看問題，更希望是自己能交出一份滿意的答卷。我自己也在一個電商摸索期犯過類似錯誤，無法忍受一個沒有細節(jié)的產(chǎn)品，過多追求設計質(zhì)量，而其實產(chǎn)品初期，負責人只想著能快速迭代，找到活下去的出路。
2.3以始為終打造數(shù)據(jù)閉環(huán)
數(shù)據(jù)閉環(huán)就是從你的產(chǎn)品價值目標來拆分你的量化目標，通過設計上線等驗證數(shù)據(jù)，形成閉環(huán)，然后循環(huán)優(yōu)化的這個過程。需要從傳統(tǒng)的“問題驅(qū)動”轉(zhuǎn)變成“價值驅(qū)動”，因為解決問題是難以被價值量化的，整個業(yè)務發(fā)展過程中也會出現(xiàn)很多產(chǎn)品問題需要被優(yōu)化，我們把“提升產(chǎn)品價值”作為目標就形成了“以終為始”的數(shù)據(jù)閉環(huán)。其實現(xiàn)在大部分企業(yè)都是以目標驅(qū)動業(yè)務的，拆分目標，變成顆粒度目標數(shù)據(jù)再進行逐步達成，這個過程不是說不去“發(fā)現(xiàn)問題-解決問題”，而是需要知道工作要務，“重要緊急”的先做，“重要不緊急”的長期計劃實行，至于用戶體驗上的東西也是要有節(jié)奏的去優(yōu)化。
三、對設計師的能力模型
對設計師的能力模型一直在提出不同的更高要求，無論是哪個大咖提出來的理論似乎都是非常的正確和所需要的，導致很多設計師的恐慌，我是不是要被淘汰了。
其實還是要抓住本質(zhì)，因人而異看待。設計的能力分布模型，大概分為 “I”型 、“一”型、“T”型。
“I”型為單一型，傳統(tǒng)對設計師的定義就是單一的，領域分的比較細。單一型主要看深度，深度達到一定程度可以成為專家，但是如果淺薄又單一很容易被淘汰。
“一”型為廣博型，廣博型最忌諱的就是成為什么都會卻什么都不精的“萬金油”，看似什么都懂，結(jié)果做起來什么都廢。
新型模式“T”型，“T”型既有較深的專業(yè)知識，又有廣博的知識面，這類是集深與博于一身的人才，也是市面上最有市場的一類。
綜合性人才都是需要一個長期由深度到廣度，再由廣度到深度循環(huán)提升的過程，在此過程中也很容易迷失，跟“I”型對比，無法通過有限的時間都提升上去，那么需要掌握一定的方法，認識自我逐步提高。
3.1、強大扎實的專業(yè)能力——知行合一 廣而不范
為什么強調(diào)專業(yè)能力，《破2》里面提到，思維是1，技能是0，話是沒有錯，但是80%以上的設計師還是靠技能在吃飯。有的東西你想得再好無法落地，也是無濟于事。所以一個專業(yè)合格的設計師必須有強大扎實的專業(yè)能力，當然思維是內(nèi)驅(qū)力，如果你的專業(yè)很出色，估計內(nèi)核也不會差。
首先要有一個專業(yè)優(yōu)勢判斷，然后強化自己的優(yōu)勢，再根據(jù)橫向模型去擴展對自己工作最優(yōu)幫助的繼續(xù)加強，做到廣而不范。比如你是一個ui設計師，你要保證自己的視覺能力，然后去擴展交互能力，其次再去強化動效，體驗等等。再比如你是一個交互設計要保證自己對交互的精通，然后提高用研、數(shù)分能力，再去擴展其他能力。還有要做到知行合一，其實大部分我們都在通過不同的學習提升自己的能力，但是要把理論性，縹緲性的知識概念落實到自己的工作中去，努力去實踐，再復盤總結(jié)不斷提升自己的實操能力。比如你學了插畫，你的項目上能不能用上；你競品分析了更好的體驗，能不要也變相用到自己的項目里；你新學了一些分析原理，能不能用同樣的思維來分析自己的項目等等。
3.2、保障基礎軟實力 —— 一顆強大正能量的心
心力、腦力、體力，都要保障，尤其是互聯(lián)網(wǎng)年輕化后，體力也非常重要，京東就直接把不能加班的員工全開了，多么痛的領悟。那么對于產(chǎn)品設計師其實更關鍵的是心力和腦力，越是高階設計師，思維能力、洞察能力越是重要。無論是ui、ue、還是產(chǎn)品設計師我覺得都需要有強大的自我驅(qū)動能力，打破本位主義，不斷擴展自己的專業(yè)素質(zhì)，才能更好的融合于業(yè)務。阿里提出：人才是聰明的，的確很多人忽略了先天的差距，事實上同樣的努力，不一樣的天分，總還是有區(qū)別的，有的人適合做小兵，有的人適合做將軍，但是你可以保證的是心態(tài)，心態(tài)里我總結(jié)了兩個我覺得非常重要的點，一個就是皮實、一個就是積極，就是有一顆強大而正能量的心！
3.3、先讓自己變得足夠優(yōu)秀再考慮做管理
對于走技能線還是走管理崗，很多人會想的很多。其實先讓自己變得足夠優(yōu)秀，不斷提升，一切自然水到渠成。領導者或許需要天分，管理者是每個人都可以成為的，且有一些理論和工具可以支撐的，所以很多團隊會內(nèi)部提拔，因為培養(yǎng)起來并不難。只要你足夠優(yōu)秀，還是很有希望做管理，相反過早做管理，自己的基石沒打好，管理起來也會比較艱難。有興趣的人可以去聽一下喜馬拉雅上的《可復制的領導力》。如果你勵志要走向管理層，也可以根據(jù)阿里的縱向能力模型對號入座，不斷提升，不過很多時候機遇也很重要。
四、設計師該關心的常規(guī)數(shù)據(jù)
想要驅(qū)動產(chǎn)品增長必須要對數(shù)據(jù)有所了解，來幫助我們產(chǎn)出更貼近用戶行為的設計，同時需要了解數(shù)據(jù)產(chǎn)生的過程和基礎工具。最基礎的就是產(chǎn)品提出數(shù)據(jù)，讓開發(fā)進行埋點，此過程中設計也可以提出自己想要關心的數(shù)據(jù)點。公司有后臺可以直接觀測數(shù)據(jù)，現(xiàn)在也像GrowingIO數(shù)據(jù)分析產(chǎn)品無需在網(wǎng)站或app中埋點，即可獲取并分析全面、實時的用戶行為數(shù)據(jù)，需要觀察數(shù)據(jù)可以直接去后臺關注，也可以讓產(chǎn)品經(jīng)理或者數(shù)據(jù)分析師給你拉數(shù)據(jù)。
頁面瀏覽量（PV）
用戶每1次對網(wǎng)站中的每個網(wǎng)頁訪問（成功訪問/進入）均被記錄1次。用戶對同一頁面的多次訪問，訪問量累計。在一定統(tǒng)計周期內(nèi)用戶每次刷新網(wǎng)頁1次也被計算1次。理論上PV與來訪者數(shù)量成正比，但是它不能精準決定頁面的真實訪問數(shù)，比如同一個IP地址通過不斷的刷新頁面，也可以制造出非常高的PV。
獨立訪客人數(shù)（UV）
訪問網(wǎng)站的一臺電腦客戶端為一個訪客。00:00~24:00內(nèi)相同的客戶端只被計算一次。使用獨立用戶作為統(tǒng)計量，可以更加精準的了解一個時間段內(nèi)，實際上有多少個訪問者來到了相應的頁面。
用戶訪問次數(shù)（VV）
當用戶完成瀏覽并退出所有頁面就算完成了一次訪問，再次打開瀏覽時，VV數(shù)+1。VV同時也是視頻播放次數(shù)（Video View）的簡稱。
跳出率（BR）
表示用戶來到網(wǎng)站后，沒有進行操作就直接離開的比例，代表著陸頁面（訪客進入網(wǎng)站的第一個頁面）是否對用戶有吸引力，常用的計算方式是落地頁面的訪問量除以總訪量。
退出率（GA )
針對網(wǎng)站內(nèi)某一個特定的頁面而言，退出率是衡量從這個頁面退出網(wǎng)站的比例，通過一個頁面的退出次數(shù)除以訪問次數(shù)。退出率反映了網(wǎng)站對用戶的吸引力，如果退出百分比很高，說明用戶僅瀏覽了少量的頁面便離開了，因此需要改善網(wǎng)站的內(nèi)容來吸引用戶，解決用戶的內(nèi)容訴求。
平均訪問時長（AAT )
指在特定統(tǒng)計時間段內(nèi)，瀏覽網(wǎng)站的一個頁面或整個網(wǎng)站時，用戶所停留的總時間除以該頁面或整個網(wǎng)站的訪問次數(shù)的比例。該數(shù)據(jù)是分析用戶粘性的重要指標之一，也可以側(cè)面反映出網(wǎng)站的用戶體驗。平均訪問時長越短，說明網(wǎng)站對用戶的吸引力越差。
轉(zhuǎn)化率（CR )
在一個統(tǒng)計周期內(nèi)，完成轉(zhuǎn)化行為的次數(shù)占推廣信息總點擊次數(shù)的比率。常用的是登錄注冊的新流量轉(zhuǎn)化率和產(chǎn)生實際支付的轉(zhuǎn)化率。轉(zhuǎn)化率是產(chǎn)品盈利的重要指標之一，它直接反映了產(chǎn)品的盈利能力。提升轉(zhuǎn)化是提升產(chǎn)品價值的重要性指標，一般用A/Btest去檢驗更優(yōu)方案來提升轉(zhuǎn)化率。
回購率（RR）
指用戶對商品或者服務的重復購買次數(shù)（回頭客），是針對有購買功能的產(chǎn)品，回購率越高，用戶粘性越高。
新增用戶
既安裝應用后，首次成功啟動產(chǎn)品的用戶，按照統(tǒng)計跨度不同分為日新增（DNU）、周新增（WNU）、月新增（MNU）。新增用戶量指標主要是衡量營銷推廣渠道效果的最基礎指標。新增用戶占活躍用戶的比例也可以用來用于衡量產(chǎn)品健康程度。如果某產(chǎn)品新用戶占比過高，那說明該產(chǎn)品的活躍是靠推廣得來，這種情況非常有必要關注，尤其是新增用戶的留存率情況，這種情況留存率低對產(chǎn)品來說也非常危險，視為不可持續(xù)發(fā)展的流量。
活躍用戶
既在特定的統(tǒng)計周期內(nèi)，成功啟動過產(chǎn)品的用戶。除此之外，我們還可以將活躍用戶定義為某統(tǒng)計周期內(nèi)操作過產(chǎn)品核心功能的用戶（按照設備去重統(tǒng)計）。
活躍用戶是衡量產(chǎn)品用戶規(guī)模的重要指標，和新增用戶相輔相成。
DAU（日活）：某個自然日內(nèi)成功啟動過應用的用戶，該日內(nèi)同一個設備多次啟動只記一個活躍用戶；
WAU（周活）：某個自然周內(nèi)成功啟動過應用的用戶，該周內(nèi)同一個設備多次啟動只記一個活躍用戶。這個指標是為了查看用戶的類型結(jié)構(gòu)，如輕度用戶、中度用戶、重度用戶等；
MAU（月活）：某個自然月內(nèi)成功啟動過應用的用戶，該月內(nèi)同一個設備多次啟動只記一個活躍用戶。這個指標一般用來衡量被服務的用戶粘性以及服務的衰退周期。
留存率
留存率是驗證用戶粘性的關鍵指標，既在某一統(tǒng)計時段內(nèi)的新增用戶數(shù)中再經(jīng)過一段時間后仍啟動該應用的用戶比例（留存率=留存用戶/新增用戶*100%）。統(tǒng)計留存用戶的顆粒度有：
自然日：包括1天后、2天后、3天后、4天后、5天后、6天后、7天后、14天后和30天后
自然周：包括1周后、2周后、3周后、4周后、5周后、6周后、7周后、8周后、9周后......
自然月：包括1月后、2月后、3月后、4月后、5月后、6月后、7月后、8月后、9月后......
自然日的留存中主要關注（次日留存、7日留存、30日留存并觀察留存率的衰減程度。一般來說，留存率低于20%會是一個比較危險的信號。）
日留存率：快速判斷App粘性
日留存率：可以很快的幫助我們判斷 App 的粘性到底強不強。我們可以通過日留存率的數(shù)值來判斷一個 App 的質(zhì)量，通常這個數(shù)字如果達到了 40% 就表示產(chǎn)品非常優(yōu)秀了。我們可以結(jié)合產(chǎn)品的新手引導設計和新用戶轉(zhuǎn)化路徑來分析用戶的流失原因，通過不斷的修改和調(diào)整來降低用戶流失，提升次日留存率。
周留存率：判斷App用戶忠誠度
周留存率：我們可以通過周留存率來判斷一個用戶的忠誠度，在一周的時間段里，用戶通常會經(jīng)歷一個完整的使用和體驗周期，如果在這個階段用戶能夠留下來，就有可能成為忠誠度較高的用戶。
月留存率：了解App版本迭代效果
月留存率：通常移動 App 的迭代周期為 2 - 4 周一個版本，所以月留存率是能夠反映出一個版本的用戶留存情況，一個版本的更新，總是會或多或少的影響用戶的體驗，所以通過比較月留存率能夠判斷出每個版本更新是否對用戶有影響。
流失率
指那些曾經(jīng)使用過產(chǎn)品或服務，由于各種原因不再使用產(chǎn)品或服務的用戶。用戶流失率=某段時間內(nèi)不再啟動應用的用戶/某段時間內(nèi)總計的用戶量。流失率和留存率有緊密關聯(lián)，流失率高既留存率低，但活躍度不一定高，因此需要綜合分析。也是重點關注次日、7日、30日的流失率。對于流失用戶的界定依照產(chǎn)品服務的不同而標準不同。社交類產(chǎn)品用戶幾乎每天登錄查看，可能用戶未登錄超過1個月，我們就可以認為已經(jīng)流失了。而電商類產(chǎn)品用戶可能3個月未登錄或者半年內(nèi)沒有任何購買行為可以被認定是流失了，所以不是每個產(chǎn)品都有固定的流失期限，而是根據(jù)產(chǎn)品屬性而判斷。
一次性用戶
既新增日后再也沒有啟動過應用的用戶。一次性用戶是關鍵的營銷指標，和判斷無效用戶的標準，從中把目標用戶過濾出來。一般劃定的界限是至少超過7天時間才能夠定義是否是一次性用戶。
使用時長
既統(tǒng)計時間段內(nèi)，某個設備從啟動應用到結(jié)束使用的總計時長。一般按照人均使用時長、次均使用時長、單次使用時長進行分析，衡量用戶產(chǎn)品著陸的粘性，也是衡量活躍度，產(chǎn)品質(zhì)量的參考依據(jù)。
啟動次數(shù)
既統(tǒng)計時間段內(nèi)，用戶打開應用的次數(shù)。重點關注人均啟動次數(shù)，結(jié)合使用時長可進行分析。用戶主動關閉應用或應用進入后臺超過30s，再返回或打開應用時，則統(tǒng)計為兩次啟動，啟動次數(shù)主要看待頻數(shù)分布情況。
使用間隔
既用戶上次使用應用的時間與再次使用時間的時間差。使用頻數(shù)分布，觀察應用對于用戶的粘性，以及運營內(nèi)容的深度。雖然是使用間隔，但是通過計算同一設備，先后兩次啟動的時間差，來完成使用間隔統(tǒng)計，充分考慮應用周期性和碎片化使用的特征。
常規(guī)數(shù)據(jù)基本就這些，值得思考的是不同類型的產(chǎn)品，定義每個數(shù)據(jù)的具體量是不同的，而且產(chǎn)品周期中的不同階段關注的主要數(shù)據(jù)指標也會有不同側(cè)重點。
五、產(chǎn)品周期影響設計策略
產(chǎn)品階段就是產(chǎn)品生命周期，可分為探索期、成長期、成熟期、衰退期，每個階段的設計策略和工作權重都有所不同。雖然每個階段側(cè)重點不同，凡是還是需要辯證看待結(jié)合實踐，比如大廠的產(chǎn)品初期起點較高，有大流量的引流和背后大數(shù)據(jù)支撐，所以各種方式都沒有太大的限制，根據(jù)業(yè)務，資源不同來根據(jù)產(chǎn)品用方法。
5.1探索期（產(chǎn)品初創(chuàng)期）
目標：掌控產(chǎn)品方向（活下去）
關注：用戶價值
用戶：假設用戶
策略：最小成本驗證產(chǎn)品方向
方法：假設的用戶畫像、產(chǎn)品故事地圖、設計沖刺法、訪談、用戶研究（定性分析）
關注數(shù)據(jù)指標：推薦意愿/新增用戶數(shù)/滿意度
品牌：不急于建立
5.1.1、通過訪談、調(diào)研，初步建立用戶畫像，抽象假象用戶，提煉關鍵點。
用戶畫像是在大數(shù)據(jù)時代背景下，用戶信息充斥在網(wǎng)絡中，將用戶的每個具體信息抽象成標簽，利用這些標簽將用戶形象具體化，從而為用戶提供有針對性的服務。
產(chǎn)品摸索期我所定義的目標用戶其實并不準確，而是假象用戶，此階段的概念用戶一直隨著產(chǎn)品方向的改變而改變，所以無法確立明確針對性的用戶畫像信息，但是我們應該先確定一個大概的目標用戶定性的去分析，區(qū)分用戶角色，挖掘不同角色的痛點，然后找到解決問題的切入點。
5.1.2、利用用戶診斷法建立產(chǎn)品假設，并進行價值評估，明確產(chǎn)品方向。
5.1.3、利用用戶故事地圖篩選核心任務及對應功能
用戶故事地圖可以用小會議的形式展開，就是讓所有參與者一起用便簽，一張一個動作，從左至右按照時間線，描繪用戶在產(chǎn)品使用場景下所發(fā)生的所有用戶行為。同一時間發(fā)生的，就寫在同一位置的下方；出現(xiàn)同一場景不同可能的動作時，可能會形成不同的分支動作；直到重回主線或者結(jié)束支線。最后關鍵還是總結(jié)用戶痛點和產(chǎn)品核心的功能點。
5.1.4、貫穿最小成本原則，最小成本試錯——MVP和設計沖刺法
最小可行產(chǎn)品（MVP）是指可以產(chǎn)生預期成果的最小產(chǎn)品發(fā)布，對于迭代產(chǎn)品來說，又可以講最小可行方案：最小可行方案是指可以產(chǎn)生預期成果的最小發(fā)布方案。
設計沖刺法的本質(zhì)理念跟MVP還是一致的，只不過所用成本更小。設計沖刺法特點：參與人員較少且有最終決策權；閉關沖刺使用白板隨時記錄；適用于風險高、時間緊、起步難的情況。
MVP是最小可行方案進行發(fā)布驗證，而設計沖刺是更短時間產(chǎn)生一個頭腦風暴的真實原型，進行真人測試，這個過程并沒有真正設計一款產(chǎn)品，而是通過設計方式做了一次早起用戶調(diào)研，并獲得相對有驗證性的結(jié)果，避免真實上線效果不好對用戶造成的負面影響。
其實市面上大部分還是用的MVP，因為實際上用設計沖刺，一個是對設計人員的要求較高，二是驗證的結(jié)果由于測試范圍的限制不一定與市場反應一致。與做一個小產(chǎn)品來說，現(xiàn)在更流行保險的辦法可以做一個小程序，或者幾個小程序進行方案對比，大流量下好乘涼，小程序的開發(fā)成本，用戶引入成本更低。
5.1.5、定性為主，不斷試錯中掌控產(chǎn)品方向
船小才好調(diào)頭，對于產(chǎn)品來說如果本身戰(zhàn)略層出現(xiàn)問題，后續(xù)投入越多的資本越難收場，用戶量不上不下，用戶粘性不高，結(jié)果資金不夠了，用之雞肋棄之可惜，再轉(zhuǎn)方向還是比較困難。尤其是用戶對產(chǎn)品建立一定認知后，重新調(diào)整大方向，基本等于刷新用戶流。
5.2成長期（產(chǎn)品高速增長期）
目標：鞏固差異化的產(chǎn)品定位（活得好）
關注：產(chǎn)品核心競爭力
用戶：目標用戶
策略：大膽創(chuàng)新鞏固差異化的產(chǎn)品定位
方法：提煉用戶畫像不斷校驗、用戶體驗地圖、設計接力法（定性+定量）
關注數(shù)據(jù)指標：新增用戶數(shù)/留存率/復購率/活躍度
品牌：建立有創(chuàng)意且能落地的品牌，加深用戶認知，占領用戶心智
5.2.1、用戶校驗，確立產(chǎn)品定位
產(chǎn)品成長期用戶大量涌盡，掌握一定數(shù)據(jù)和掌控產(chǎn)品方向后可以通過數(shù)據(jù)分析或用戶調(diào)研，來看實際用戶特征和之前假設的用戶人群特征是否符合。集中精力服務好最重要的用戶群體，定性挖掘、定量驗證的思路去完成用戶畫像。
可針對目標用戶進行調(diào)研和深度訪談，從用戶選擇產(chǎn)品最關鍵因素提煉產(chǎn)品目前的核心吸引點。用戶的關心點也要跟產(chǎn)品本身的當前定位做對比，看用戶接受到的點是否是產(chǎn)品讓他們感受到的點，感受不到又是什么原因，不斷提煉核心競爭點的優(yōu)勢。
成長期需要確認產(chǎn)品的定位，就是差異化的產(chǎn)品方向，即差異化的目標用戶群體（價值排序）、差異化的產(chǎn)品及服務（競爭優(yōu)勢）、差異化的產(chǎn)品價值（核心優(yōu)勢）。
價值排序：通過了解用戶特征，明確用戶分類及相關利益群體，然后明確把誰放在第一位。在實際產(chǎn)品設計過程中，我們也可以用價值排序，來設計產(chǎn)品功能和交互體驗，比如平臺收費是針對買方還是賣方。
競爭策略：避實就虛地找到競爭對手的盲區(qū)或自己的優(yōu)勢所在，為用戶提供差異化服務。競爭策略主要依賴高層的洞見和判斷，如果你出產(chǎn)品和競爭對手沒有本質(zhì)差異，那就考慮是否可以服務與不同種類的人群或者能提供不一樣的價值。比如同樣是做電商，你的質(zhì)量、價格、物流、種類是不是有優(yōu)勢。
5.2.2、確立增長指標
增長指標是對應于產(chǎn)品差異化定位的可量化指標。增長指標要符合：可成長性，客觀性，有方向性。避免主觀，虛榮的指標，最常見的就是過分關注獲客拉新指標，留存不足，及前后導向不一致的情況。至于用戶滿意度、任務完成度等主觀的體驗指標可以作為參考，但是不能作為最終的增長指標。核心關注點是轉(zhuǎn)化、留存、復購、活躍度等指標，既側(cè)面體現(xiàn)了良好的用戶體驗，增加了用戶與產(chǎn)品粘性，讓產(chǎn)品長期可持續(xù)發(fā)展。
5.2.3、利用用戶體驗地圖（E-Experience Map），同理心地圖，結(jié)合增長指標大膽提出假設，排優(yōu)先級，并根據(jù)開發(fā)成本等因素通過四象限原則，選擇最小成本提升指標
用戶故事地圖、用戶體驗地圖、同理心地圖的區(qū)別：用戶故事地圖強調(diào)用戶使用產(chǎn)品/服務的任務流程，用它來篩選當前最重要的任務及對應功能，以完成最小可行產(chǎn)品設計；用戶體驗地圖不僅包括任務流程，還包括與之對應的體驗問題，更關注用戶的體驗情緒，從而找到提升體驗的機會點；同理心地圖幫助我們在每個不同場景下與用戶換位思考、打開思路，挖掘用戶選擇決定的深層動機。在實際使用場合沒有嚴格界線，可根據(jù)實際情況使用核心點進行分析。
5.2.4、體驗升級——逐步發(fā)布驗證（設計接力）
大版本迭代的優(yōu)點就是一旦成功，可以大幅度拉開和競爭對手的差距，但是一旦失敗，會影響業(yè)務的發(fā)展得不償失。所以為了預防風險，大多數(shù)公司會在上線前先進行可用性測試，進行必要的線上驗證再發(fā)布。通過不斷分析增長指標，找選設計方向，進行模塊拆分，接力發(fā)布，循環(huán)驗證，提升產(chǎn)品價值。
先驗證后發(fā)布方法：
a、A/BTest
制作兩個（A/B）或多個（A/B/n）版本，在同一時間維度，分別讓組成成分相同（相似）的訪客群組（目標人群）隨機的訪問這些版本，收集各群組的用戶體驗數(shù)據(jù)和業(yè)務數(shù)據(jù)，最后分析、評估出最好版本，正式采用（消除UX、bug帶來的影響數(shù)據(jù)），并不斷迭代進入一下個A/BTest。產(chǎn)品成長期，中小型企業(yè)可以用局部變量測試，大型成熟產(chǎn)品可以重疊實驗（更多、更好、更快）。
要求：1、隨機抽樣；2、足夠的樣本量。
優(yōu)點：可以在同時段觀測效果，受到環(huán)境影響因素一致，容易客觀驗證方案
缺點：需要占用開發(fā)資源，完整的一次測驗需要花費時間較多
b、灰度測試
先進行一個小范圍的嘗試工作，然后再慢慢放量，直到這個全新的功能覆蓋到所有的系統(tǒng)用戶。比如Facebook先發(fā)布1%，慢慢推廣到全部，現(xiàn)在普遍大廠也會用到這個方法，減少大版本試錯帶來的損失?；叶葴y試的同時可以A/Btest，在灰度測試過程中選出最佳方案，然后全部發(fā)布。
合適:用戶群體較大，否則會因為流量小而導致結(jié)果不準確。
c、分時段測試
可以通過不同時段測試，對比數(shù)據(jù)。為減少對用戶過多干擾和負面影響，可以先用夜間或用戶量較小時段切換到新版本。
缺點：得到的是環(huán)比數(shù)據(jù)，不像ABtest對比結(jié)果明顯有參考意義。而且在沒有確定方向的摸索階段，用分段測試，數(shù)據(jù)指向不明確，通常會存在數(shù)據(jù)一直不好的情況，頻繁換方案， 自亂陣腳。
d、分渠道測試
渠道推廣對業(yè)務支出也是占比較大，優(yōu)秀的商業(yè)設計也能讓渠道轉(zhuǎn)化提高，從而減小獲客單價。所以渠道上的設計都會做n版，優(yōu)化總結(jié)，提升最終的數(shù)據(jù)。
e、新舊版本切換
新版本上線后留出”返回舊版“的入口，這樣一旦用戶不喜歡新版可以切換到老版本。這樣可以很大程度降低風險，還可以監(jiān)測不同版本數(shù)據(jù)，還給用戶一個緩沖時間讓用戶逐漸接受新版本。
缺點：如果新版本運行效果不佳，決策者會進退兩難，一般在較有把握，或者想教育用戶新的體驗會局部用這個方法。
5.2.5、尋求差異，擴大競爭優(yōu)勢
A、瘋狂聯(lián)想法
a、橫向聯(lián)想
結(jié)合產(chǎn)品定位，先得出核心關鍵詞，再在核心關鍵詞的基礎上繼續(xù)發(fā)散。比如一個男士護膚品電商網(wǎng)站，核心關鍵詞是：垂直、B2C、男用戶多、護膚品等，可以根據(jù)這些關鍵詞找到合適的參考。值得注意的是關鍵詞的選擇也可以根據(jù)你需要的提升的核心價值點去聯(lián)想。
b、縱向聯(lián)想
縱向聯(lián)想是從一個關鍵詞出發(fā)，縱向不斷延展出新的關鍵詞，并找到對應競品。比如保健品有一個重要的特征就是注重功效，我們可以想到具有同種特征的護膚品。
關于聯(lián)想，在頭腦風暴中并沒有特備嚴格的步驟方法規(guī)定，可以根據(jù)自己的認知由近至遠拓展。思維跟橫向縱向也是類似，可以先參考最典型接近的，再利用共同關鍵特征來擴散，也可以利用不同組合的關鍵詞重新找到相應的競品。最后根據(jù)四象限原則，把相關度高，體驗好的，更有參考價值的競品拿來精細分析。
B、競品對比分析法
通過聯(lián)想發(fā)我們也能聯(lián)想出不同維度的競品，這師我們需要考慮競品哪些部分類似可以參考的，哪些部分不同需要注意的，但同時也可以考慮借鑒不同部分的優(yōu)勢轉(zhuǎn)化成自己的優(yōu)勢。比如最早彈幕只出現(xiàn)在視頻上，抓住彈幕可以活躍氣氛，滿足觀眾發(fā)表評論和觀看時時評論達到的心里共鳴，增加用戶之間的互動性，從而提高用戶粘性的核心點后，彈幕也出現(xiàn)在直播、音頻、新聞，甚至是炒股軟件上。
5.2.6、做有創(chuàng)意且能落地的品牌設計
品牌的核心點就是讓人“記住”，最好能找到目標用戶心智中空缺的領域，在這個垂直領域占領優(yōu)勢位置，所以品牌強調(diào)差異化。比如一想到打車就想到滴滴，一想到購物就想到萬能的淘寶，一遇到問題就上百度。
傳統(tǒng)的方法：了解業(yè)務——發(fā)散關鍵詞——情緒版——視覺方案
精益方法：內(nèi)外調(diào)研——語言釘——個性關鍵詞——視覺錘（快速落地）
成長期的品牌建設更需要突出創(chuàng)新性，讓人眼前一亮，記憶猶新。這里展示展示了御膳房網(wǎng)站的品牌三元法示例，御膳房的風格的確做到了主題感強烈，讓人眼前一亮，不過個人認為作為科技網(wǎng)站，還是略顯了花哨，安全感不足。品牌三元法是也是通過對產(chǎn)品的了解，分別從理性業(yè)務層和感性業(yè)務層出發(fā)，延伸個性創(chuàng)造層，記錄關鍵詞展開設計，其本質(zhì)還是圍繞業(yè)務拓展價值。成熟的品牌設計者，不僅要從業(yè)務出發(fā)，更要考慮不同場景的品牌應用，打造統(tǒng)一有個性的全方位品牌。
5.3成熟期（產(chǎn)品穩(wěn)定期）
目標：提升產(chǎn)品價值（賺的多）
關注：商業(yè)變現(xiàn)
用戶：活躍用戶
策略：科學嚴謹提升商業(yè)價值
方法：用戶體驗地圖、設計跨欄法（定量為主）
關注數(shù)據(jù)指標：活躍度/流失率/營收/成本率/現(xiàn)金流
品牌：擴大品牌影響力和品牌價值
5.3.1、用戶分層，尋找核心價值用戶
a、核心價值用戶是留存用戶中最活躍的部分
b、找到核心價值的用戶特征
通過RFM模型來篩選核心價值用戶
R=Recency最近一次消費
F=Frequency消費頻率
M=Monetary消費金額
（RFM，1代表高，0代表低）
（111）重要價值客戶：最近消費時間較近、消費頻次和消費金額都高，典型的核心價值用戶，高留存、高活躍度
（011）重要保持客戶：最近消費時間較遠，但是消費頻次和金額都很高，說明這是一段時間沒來的忠實客戶，需要與他保持聯(lián)系，召回
（101）重要發(fā)展客戶：最近消費時間近、消費金額高，但是頻次不高，忠誠度不高，很有潛力的用戶，必須重點發(fā)展
（001）重要挽留客戶：最近消費時間較遠、消費頻次不高，但消費金額高的，可能是將要流失或者已經(jīng)流失的用戶，應當采用措施挽留
一般公司都會有利用RFM來觀測核心用戶，針對不同類型來做不同的措施，但是所有數(shù)據(jù)的利用率都跟產(chǎn)品客觀成長度有掛鉤，成長期可能還不是那么細分，成熟期就會更精細的分析。最簡單粗暴的就是看看最近一次消費，超過多少天就短信消息召回給個優(yōu)惠券之類的。
c、總結(jié)核心規(guī)律，改進產(chǎn)品，調(diào)整運營策略
找到核心價值的用戶特征后，需要探測他們的行為模式與貢獻的規(guī)律，從而激勵更多用戶貢獻更多價值。比如喜馬拉雅，找到訂閱節(jié)目的用戶明顯留存度更高，用戶活躍度也高于隨便聽聽的用戶的規(guī)律后，在產(chǎn)品設計時會把訂閱放在顯眼的位置，并且在首頁把用戶感興趣的模塊放在優(yōu)先的位置來提升訂閱度。
5.3.2、商業(yè)價值提升
a、以科學創(chuàng)新為代表的產(chǎn)品核心競爭力：數(shù)據(jù)和技術驅(qū)動一切，科技提升效率。
b、用戶價值：用戶價值是商業(yè)變現(xiàn)的基礎，沒有人會在沒有用戶轉(zhuǎn)化的平臺上投入資金。
c、商業(yè)變現(xiàn)：用戶付費，廣告收入，與用戶體驗合理價值平衡。
在商業(yè)變現(xiàn)階段，除了要著眼于如何更的賺到錢，也需要平衡用戶體驗，且不斷提高產(chǎn)品本身的價值。百度在成為巨頭后，百度貼吧過多不相關的推送導致用戶粘性急劇下降，魏則西事件等負面消息，再到陸奇離職，目前市值縮水至365.38億，被拼多多趕超。而微信和抖音這方面做的較為出色。微信是迫不得已不愿打擾用戶，所以廣告頻率一直不高，廣告質(zhì)量也有所保障，會根據(jù)用戶的喜好推薦廣告。抖音是沉浸式的廣告體驗，一不留神就進入了廣告的坑，而且廣告的形式與抖音原生用戶的不謀而合，有些有創(chuàng)意的網(wǎng)紅視頻用戶的接受度也很高，從而會極大的提高轉(zhuǎn)化，對用戶體驗的影響也較少。
5.3.3、增值假設——圍繞目標增長（量化設計師的價值）
設計策略：穩(wěn)定、規(guī)范、統(tǒng)一、科學嚴謹
a、拆分變量科學測試
到了成熟期，設計師在修改設計方案的時候不是改的越多越好，有的時候一個模塊的重構(gòu)，一個按鈕的顏色變化都能影響數(shù)據(jù)轉(zhuǎn)化，所以需要通過科學的方式，調(diào)整到合適的顆粒度去測試。
b、把AB測試作為一項基本制度
如果想要驗證設計效果，那么可以在保持功能不變的情況下，只看設計方案的區(qū)別，這樣就可以有效的量化設計。
2018 年，中國移動互聯(lián)網(wǎng)用戶增長放緩，上半年僅增長 2 千萬。但是頭條系卻異軍突起，超過百度系、阿里系穩(wěn)居總使用時長第 2 名。頭條系的崛起有許多的原因，強大的數(shù)據(jù)監(jiān)控系統(tǒng)，成熟的增長引擎，上百組同時進行的AB測試等等都在幫助產(chǎn)品經(jīng)理和運營們找到最優(yōu)的方案。
c、用戶增長地圖
用戶增長地圖是借用AARRR概念作為骨架的展開的，通過AARRR模型針對沒一步提出增值假設，以提升總體價值指標。
5.3.4、提高整體效率：通過DPL（Design Pattern Library）組件庫批量優(yōu)化；科技力量-人工智能
a、根據(jù)長期積累下來的AB測試結(jié)果，沉淀規(guī)范后，把這些規(guī)范內(nèi)容快速復制到若干條產(chǎn)品線上。從產(chǎn)品周期來說，摸索期需要建立一定的視覺規(guī)范，但不合適做細致化的組件，等業(yè)務慢慢穩(wěn)定下來，不會有大方向的改變后，需要慢慢建立細致的組件庫，以方便團隊合作。每個業(yè)務也有其特殊性，to B的業(yè)務一般建立組件庫會比較早，模式化的東西較多，針對不同的B端也會有定制化的內(nèi)容，DPL可以大大提高整個業(yè)務的效率。
b、通過智能科技的力量來提升整體的效率。比如阿里的千人千面，通過消費者偏好進行個性化投放，魯班系統(tǒng)對banner進行簡單的合成，大大提高大促期間海報生成的效率。
5.3.5、打造統(tǒng)一的全業(yè)務線品牌設計
a、形成統(tǒng)一且獨特的品牌印記
成熟期面對繁多支線，先對內(nèi)樹立統(tǒng)一的品牌形象；主品牌與產(chǎn)品調(diào)性統(tǒng)一；線上線下風格的統(tǒng)一。
b、品牌印記提取與深化
品牌趨勢都是化繁為簡，比如蘋果、奔馳的logo就越來越簡單，利于大眾記憶，也利于線下拓展。
提取出logo基因去強調(diào)品牌作為拓展延伸，比如天貓和考拉的吉祥物頭部圖形的簡化應用，都比較簡約，易記，易拓展
C、成熟期的品牌也不是一成不變的
成熟期，產(chǎn)品在市場中已經(jīng)有了穩(wěn)固位置，品牌不宜過度設計，而需要采取保守、穩(wěn)重、擴展性強的風格。品牌的更新升級，一方面順應企業(yè)的戰(zhàn)略方向的改變，一方面順應整個設計前瞻潮流。比如美團變黃的品牌升級，是為了更好的從外賣這個觸點深入用戶心智，而OPPO ，vivo等品牌升級感覺更美有特色，其實也是順應國際化的設計趨勢，更有文字辨識度，更國際化。
5.4衰退期
每個產(chǎn)品都有一個生命周期，這是受市場因素導致的，此時用戶會逐漸流失，既被其它新產(chǎn)品的體驗模式所吸引，所以這時應該更關注用戶流失后使用的產(chǎn)品，分析競品的商業(yè)模式和功能，同時監(jiān)測流失速度，需盡快拓展產(chǎn)品邊界，尋找新的切入點。不過好的產(chǎn)品都是在不斷優(yōu)化，迎合新時代的需求，不斷擴大自己的影響力和產(chǎn)品價值。之前文章我也寫過關于微信的未雨綢繆，不斷優(yōu)化。微信的用戶粘性強大，誰也不好說他能再打幾年，像抖音這種迅速崛起的產(chǎn)品是否是現(xiàn)象級的曇花一現(xiàn)，也要看它是否能與時俱進。
六、設計師順勢而為，自我定位
一般來說小公司的大部分項目處于探索期和成長期，而大公司的項目很多處于成熟期，也有一些孵化探索的項目。處于探索期的項目，需要大膽創(chuàng)新同時，有可能變化極快，無法冷靜下來根據(jù)數(shù)據(jù)用不同設計方式達成增長目標，我就經(jīng)歷過一個首頁一星期全新大改版n次的慘痛經(jīng)歷。反觀大公司很多流程復雜，驗證方式系統(tǒng)完善，有些設計師感覺沒有用武之地，不能施展才華。
根據(jù)不同階段采取適合自己的設計方法，驅(qū)動產(chǎn)品提高設計價值，切勿漫無目標、抱怨環(huán)境，浪費時間。
如果你思維極其顛覆愛挑戰(zhàn)可以選擇從0到1的新行業(yè)；如果你喜歡創(chuàng)新可以選擇成長型的行業(yè)及公司，或是成熟公司里的成長型項目；如果你追求科學、嚴謹、，那么可以選擇成熟型的公司、項目。
轉(zhuǎn)自-UI中國
藍藍設計( m.wnxcall.com )是一家專注而深入的界面設計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務。
本文列舉了交易型電商與內(nèi)容型電商的對比，以及他們的消費者交易行為的四大區(qū)別。
消費者看到一個產(chǎn)品的時候，有兩種典型場景：?
在內(nèi)容電商（比如看到新媒體文章推薦）時，用戶一般處于單獨評估狀態(tài)。
比如顧爺發(fā)過一個軟文賣“電表箱掛畫”——家里電表箱很丑、不美觀，用一副畫把它遮住，顯得家里美觀又有逼格。
當看到這個商品推薦廣告的時候，你就進入了“單獨評估”狀態(tài)，只比較眼前的畫以及你的現(xiàn)狀（沒有電表畫）。
這個時候你在意的是產(chǎn)品本身好不好，帶給你的感覺怎么樣，以及價格能不能接受。
很可能的結(jié)果是，你看到這幅畫200多塊錢，也不太貴，所以就買了。
而如果你不是在閱讀顧爺公眾號的時候看到商品，而是進入淘寶、京東這種交易型電商，心理就不一樣了。
在交易型電商中，用戶一般處于“聯(lián)合評估”狀態(tài)。
比如淘寶搜“電表箱掛畫”，你看到的頁面是這樣的：
這個時候，你進入了“聯(lián)合評估”狀態(tài)，你主要的比較點不再是“電表箱掛畫”和你的現(xiàn)狀（沒有電表畫），而是眾多的電表箱掛畫中哪個最好。
如果你仔細盯著上面的淘寶圖看，我想你此時的消費者心理已經(jīng)發(fā)生了這些變化：想要看看不同價位的畫之間到底有什么區(qū)別。
材質(zhì)？大?。坑∪竟に?？誰畫的？急于尋找一些讓自己感覺到熟悉的信息。
比如掃一眼看看哪個品牌是你聽過的（即使是華為牌的畫，此時都更能抓你的眼球）。
趕緊比較哪個店銷量大、好評多（咦？剛剛看到顧爺?shù)?，怎么不這么關心銷量信息？）
開始在意價格，并且重新思考買這個畫到底值不值。
然后，你可能不會買電表箱掛畫了，甚至會覺得買一幅這樣的畫很多余，還不如買一箱牛奶補補身體。
表面上看，一樣的產(chǎn)品，你僅僅切換了評估方式（單獨評估VS聯(lián)合評估），你選擇產(chǎn)品的標準卻產(chǎn)生了巨大的變化。
而就像我們前面說的，為了“在競爭中存活”，你不得不了解，“決定用戶選擇”的因素，到底產(chǎn)生了什么改變：
聯(lián)合評估環(huán)境下，消費者更加注重容易對比的理性線索，比如材質(zhì)、大小、印染工藝等，這是因為聯(lián)合評估的時候，我們看的是選擇項之間的不同，而不是選擇項和現(xiàn)狀之間的不同。
而在單獨評估的時候，消費者會更加容易受到感性線索的影響，大腦進入的不是“計算模式”而是“感覺模式”，會更容易感覺到增加一個畫帶來的生活改變、這幅畫整體的設計感、流露出的藝術氣息等。
所以，如果你是在參數(shù)上占優(yōu)的產(chǎn)品，比如小米或樂視的手機，進入聯(lián)合評估會非常有利，因為用戶非常在意跑分。
如果你是在參數(shù)以外的體驗上占優(yōu)的產(chǎn)品，比如設計精美和有情懷的手機，進入單獨評估會比較有利，因為你的優(yōu)勢無法被直接計算，難以在聯(lián)合評估中占優(yōu)。
有研究發(fā)現(xiàn)，假設有兩款同等價格的冰激凌，一款是滿滿地裝在小杯子里，總共50毫升；另一款是在200毫升的杯子里裝了半滿，相當于100毫升。
看到兩款冰激凌，消費者卻又會選擇半滿但是量多的冰激凌——廢話，大家又不傻，看數(shù)據(jù)明顯這個給的多。
再比如，找工作的時候，如果只看到一個職業(yè)選擇，大部分人會對那種工作內(nèi)容激動人心、公司名讓人仰慕、發(fā)展前景好的工作更滿意（而不是單純的薪水）。
而在聯(lián)合評估的時候（同時拿到很多offer），大家比較來比較去，最終更容易選擇薪酬更高但自己實際上并不喜歡的工作。
因為聯(lián)合評估的時候，我們更容易忽略主觀感受，選擇那些“數(shù)據(jù)”和“參數(shù)”上更牛的選項。
所以在淘寶上，你可以直接根據(jù)材質(zhì)、大小等性價比選擇一個畫，即使這個畫買回去后你并沒有像買顧爺?shù)漠嬆菢芋@喜。
這也意味著，在交易型電商環(huán)境下，拼參數(shù)、拼數(shù)據(jù)的產(chǎn)品容易獲勝，而在設計感、原創(chuàng)性上占優(yōu)的產(chǎn)品，難以贏得顧客選擇。
而在內(nèi)容型電商中，我們是單獨評估，這時候設計師原創(chuàng)設計帶來的沖擊感，可能直接讓我們選擇去購買。
這同樣意味著，在交易型電商中，我們更容易受到銷量領先、知名品牌等信息的影響，因為這也容易比較。
而在內(nèi)容型電商中，我們則直接感覺對這個產(chǎn)品喜歡不喜歡。
之前我遇到一個自媒體賣產(chǎn)品的客戶，同樣的產(chǎn)品（高端有設計感的杯子）推送給同樣的粉絲，一個用淘寶平臺，一個直接用微信嵌入的電商平臺，結(jié)果后者轉(zhuǎn)化率高了十幾倍。
其實一個很重要的原因就是：淘寶本質(zhì)上屬于交易型電商，會強迫所有消費者自動進入聯(lián)合評估的狀態(tài)。
在這種狀態(tài)下，用戶會更加在意成本信息，價格敏感性增強，從而導致更少人選擇高端產(chǎn)品、享樂產(chǎn)品。
所以高端品牌（比如LV）在線下一定是用專賣店，而不會進入賣場，因為后者是聯(lián)合評估。
總結(jié)
在內(nèi)容電商環(huán)境下，更多人會在單獨評估狀態(tài)下購物，出現(xiàn)這些變化：
如果在淘寶、京東購物，此時你的心理狀態(tài)經(jīng)常是：我要買東西。
你處于“購物”（shopping）心態(tài)中，大腦中經(jīng)常裝著某個潛在的任務——比如要看看有沒有好看的衣服或者想買一箱牛奶存放到冰箱。
這個時候，我們就說你處于“主動搜尋”的心理，你會對將來可能會購買的產(chǎn)品信息更加敏感，而對無關信息不那么敏感。
而在內(nèi)容電商環(huán)境中，你本身正在專心看網(wǎng)紅的直播或者某個自媒體的內(nèi)容，這個時候突然看到有個產(chǎn)品信息（比如講健康的播主，推薦了新型智能牙刷），此時，我們說你處于“被動接受”的心理。
這有什么區(qū)別呢？
研究發(fā)現(xiàn)，在主動搜尋的心理中，我們會更加關心直接與任務相關的信息，而對與任務無關的信息減少關心。
比如你想挑一款面霜，會在大量的面霜相關的商品中進行比較，對面霜相關的信息非常敏感。
而如果此時偶爾看到有個叫做“面部噴劑”的新型產(chǎn)品，你可能壓根不會關心（因為你正在找面霜），即使它也可以幫助你改善和保養(yǎng)皮膚。
（ps：這個產(chǎn)品是我編的，用來制造未知感，實際上不存在這個產(chǎn)品）
所以在交易型電商中，各種新奇、未知的產(chǎn)品，其實并不好賣。
有個知名的“看不見的大猩猩”心理實驗證明了這一點。
心理學家召集一些志愿者，給他們布置任務：數(shù)一下在接下來的視頻中，球員一共傳了多少次球。
然后在視頻一半的時候，有個人穿著大猩猩的衣服進場并且做了歡呼的動作。
實驗結(jié)束，心理學家問志愿者：球員一共傳了多少次球？大部分人答案都對了。
但是接著問：你們有看到一個大猩猩嗎？結(jié)果超過半數(shù)的人聲稱沒有看到大猩猩。
這是因為看視頻的時候，大部分人聚焦于“數(shù)傳球”這個任務中，從而自動忽略了與任務無關的信息（大猩猩）。
這也導致了用戶在京東選購面霜的時候，可能更容易關注面霜本身，而不是主動好奇地去尋找除了面霜還有什么新型產(chǎn)品可以替代。
而如果是在內(nèi)容型電商，用戶事先沒有覺得要買面霜，而是在看一檔教你如何保養(yǎng)面部的節(jié)目，就更容易接受一種新型的護理面部的方式（比如XX面部噴劑）。
內(nèi)容型電商，比交易型電商更適合銷售新奇產(chǎn)品。
文章來源：人人都是產(chǎn)品經(jīng)理
一次會議的演示文稿，通常是一個 .pptx 格式的文檔，而日常來往的郵件附件里的文檔則多是 .docx 和 .pdf 格式的文檔。當然，設計師更熟悉的可能是在 Adobe Photoshop 中可以打開的 .psd 格式的源文件。
我們熟悉了這種各司其職的格式體系。
而網(wǎng)絡正在改變這種格式體系。各種服務和功能大都「在線化」，大家都熟悉在線看視頻，已經(jīng)不會去分它是 .mp4 還是 .flv，在線音樂是 .mp3 還是 .flac 已經(jīng)無人在意。而更為重要的文檔和效率類的服務也是如此，且不說微軟的 Office 365 和相對更加輕量的 Google Doc，國內(nèi)的 騰訊文檔和石墨文檔等在線文檔工具，讓我們越來越少地接觸帶有.docx 后綴的本地文檔。當然，這并不是意味著本地文檔就此消亡，但是這種去本地化的趨勢非常明顯。
如果文件的格式已經(jīng)不再清晰可見了，那么概念的界限自然也會逐漸淡化。一個記錄文本的文檔和記錄表單的文檔為什么不干脆融合到一起，并且適應用來展示的需求？當然可以。
今年年中在 Microsoft Build 大會上微軟展示的 Fluid Framework 就做的更加徹底。
無論是源自 Word 里面的富文本還是 Excel 當中的表格，它們甚至不用以單一完整的文件而存在，它們在網(wǎng)絡上傳遞的時候，將會是一段簡短的鏈接。但是在 Fluid Framework 的支持之下，呈現(xiàn)出來的，則是一段可交互的、具備編輯功能的、帶有內(nèi)容的模塊。
說起來，并不難理解。在有 Fluid Framework 支持之下，任何網(wǎng)絡環(huán)境都會是一個簡單純凈的畫布，一個可以承載不同類型文檔和功能的空間。整個 Office 龐雜功能體系，你都可以按需取用，提取出來拉到 Fluid Framework 中使用。
「我們確實需要在關鍵領域，針對核心技術進行創(chuàng)新，」 Microsoft 365 負責人Jared Spataro在接受The Verge采訪時說道：「 Fluid Framework 是我們既是協(xié)作創(chuàng)新的新方式，也是未來承載各色內(nèi)容的文檔的新載體?！惯@種新的文檔框架讓用戶能夠拆解不同類型的內(nèi)容，并在不同的應用場景和不同文檔中輕松地取用。
Spataro 還說道：「Fluid Framework 沿用了一部分以往文檔的概念，但是將這些格式和文件徹底拆碎、打散，然后用云端的網(wǎng)址鏈接將它們逐一代替代。不同的鏈接承載放置不同的內(nèi)容和組件，因此從文字到表格，再到圖形化的可視化內(nèi)容，所有這些都可以隨意地整合，輕松集結(jié)在一個地方。然后，F(xiàn)luid Framework 讓你實時訪問所有這些內(nèi)容，因此它是動態(tài)的，可交互的，是完全可協(xié)作的，并且可以便捷共享的」。
作為一個尚且處于早期階段的服務，目前Fluid Framework 還只是打通了 Office 自家的文檔體系。但是即便如此，這意味著你可以將任何一個文檔當中帶有相應功能的內(nèi)容，無縫地與人在 諸如筆記工具 OneNote 隨時隨地嵌入 Excel 的模塊和豐富的表單、即時通訊工具 Teams 中加入演示文稿，并且和同事一起修改其中的樣式，替換圖片，增刪動畫而無需離開，你甚至可以直接在你網(wǎng)頁的 Outlook 郵箱里面，直接編輯當月網(wǎng)站數(shù)據(jù)所生成的表單和相應的柱狀圖。
當然，這還不止。人工智能功能的加入，讓 Fluid Framework 可以做到更多事情，比如發(fā)布會現(xiàn)場所演示的，實時發(fā)布信息，然后 AI 協(xié)助將信息實時翻譯成不同的語言，分發(fā)給不同國家的同事。
這種全新的功能，讓內(nèi)容協(xié)作中間大量復雜的概念和環(huán)節(jié)都被移除了，這種程度的變化是驚人的，它意味著交互的模式，從最底層的概念到呈現(xiàn)的方式，都發(fā)生了改變，而這種改變還會隨著產(chǎn)品迭代和時間推移，而進化得更加智能、無縫、微妙。
Spataro 總結(jié)道：「不同格式的文檔，一直是人們思考如何制作內(nèi)容的思維框架。但是 Fluid 往后退了一步，重新審視了一下這個既有的體系，然后展現(xiàn)了一個新的可能：我們不再需要這些主導一切的文檔格式和不同類型的文件。我們不用在處理表格的時候就必須聯(lián)想到 Excel，寫文本的時候也不必去限定工具必須為 Word，而可視化內(nèi)容的展示也不再拘泥于 PowerPoint，你可以在任何地方用任何類型的內(nèi)容，我要說的是，我們不再有文檔了，我們擁有一個無所不能的畫布。」
而這個全新的東西，最近剛剛開始對外開放了申請入口：
Fluid Framework Developer Preview
當然，如今看起來頗為具有想象力的 Fluid Framework ，它的核心思路其實并不是什么新鮮東西。
在線協(xié)作的概念由來已久，《連線》雜志前主編凱文凱利在他1994年出版的《失控》當中早已提及相關的概念和想法，但是在如今實際上要打通新的領域，納入一個新的格式，加入一個新的功能，都需要足夠的基礎才行。
Google Wave 是這個領域的先行者。在一個畫布之下，進行多格式、多樣式、多人在線協(xié)作，幾乎完全無界的在線協(xié)作模式是令人炫目也讓人無所適從的，這一產(chǎn)品最終失敗了，但是它在技術和架構(gòu)上的遺產(chǎn)足以反哺出 Google Doc、Google Drive 這種級別的產(chǎn)品。
Google Wave 的想法在當時確實略有一點天馬行空，實際應用場景和需求并沒有跟上，對于網(wǎng)絡帶寬的要求在當時也相當苛刻。而如今上線的 Fluid Framework ，應該也是從這些失敗的前輩身上汲取了不少經(jīng)驗。
立足于微軟最扎實的 Office 365 這一云端服務來進行鋪設和測試功能，在服務群體上，則選擇了需求更加清晰具體的企業(yè)用戶（尤其是協(xié)作服務），來作為初始的切入點。這樣的限制，足以說明微軟的審慎和重視，他們甚至準備好了以年為單位來進行迭代。
微軟對 Fluid Framework 充滿了期待，他們相信這個東西能夠重塑行業(yè)，甚至重塑網(wǎng)絡本身，也許到明年5月的開發(fā)者大會上，能夠看到一個截然不同的 Fluid Framework。
競品分析是UX設計師的標準工具之一， 且用戶體驗設計師的主要交付品之一就是競品分析報告。在設計一個新的方案之前，我們往往會查看其他類似的產(chǎn)品，了解其他人做的相關工作，希望從中找到任何弱點或者優(yōu)點，并期望在此基礎上進行改進，這將利于你的設計。事實上，競品分析已經(jīng)不再局限于一種工具方法，更是一種思維模式，如何對比分析，如何批判性的進行比較以及從差異中獲取價值。
UX設計項目會遇到哪些類型的競爭對手？
這個問題可以理解為，我們要分析哪些競爭對手？一般來講，所有UX項目都面臨兩種競爭，一種是直接競爭對手，即業(yè)務有直接沖突，涉及到具體的利益沖突，商業(yè)沖突。例如滴滴和uber，淘寶和京東。另一種則是“間接競爭對手”，往往針對某些相似的產(chǎn)品模塊，這里的競爭并沒有準確的定義，只是為了比較而給與的一個名稱。 例如你在進行自家產(chǎn)品登錄注冊模塊的設計，此時你不僅僅可以研究一些直接競品，也可以研究其他擁有此功能模塊的產(chǎn)品。而該產(chǎn)品與你的產(chǎn)品并沒有構(gòu)成競爭的關系，只是提供了一個參考方向。
為什么要進行比較？
關于這個問題有兩個答案，首先，調(diào)研競品發(fā)掘哪些功能或服務是他們不能做或者沒有實現(xiàn)的，這就是我們的產(chǎn)品可以利用的機會點，以提供新穎的或者說更強大的功能，從而提高產(chǎn)品競爭力。例如順豐快遞首先開創(chuàng)了機器填寫快遞信息的功能，從而大大提高用戶填寫訂單的效率、準確度和滿意度，進一步提高品牌競爭力和服務水平。
其次，檢查其他設計師對相同需求的解決方案必然會對你有所啟發(fā)，有利于你從中獲取靈感來優(yōu)化自家產(chǎn)品。例如信息架構(gòu)的優(yōu)化、或者簡單地操作流程的優(yōu)化。參考競品意味著你可以不斷從中學習，把競品的每個模塊、步驟拆解開來，分析其背后的設計原因及它們?nèi)绾伟l(fā)揮作用，這將有利于你的產(chǎn)品設計。
參考競品首先意味著你能夠達到和競品同一水平的用戶體驗，因為有了參照標準相當于指路明燈，競品的優(yōu)秀體驗也會督促你不斷優(yōu)化自己的產(chǎn)品。但競品雖然為你創(chuàng)造了一個標準，同時也會限制你的思路和想法，使你可能錯過一些更優(yōu)秀的解決方案，參考競品能讓你追趕別人，但無法讓你完全超越他人。因此僅僅復制是不夠的，必須融入自己的見解且時刻保持創(chuàng)新意識。
對直接競爭對手進行分析
通常，競品分析發(fā)生在項目的早期，你或許會尋找市面上是否會有競爭對手，然后嘗試著從競品中尋找優(yōu)點和弱點，以推動自己的產(chǎn)品。如果沒有競爭對手時，往往可以從目標用戶入手，因為用戶實際上擁有自己的解決方案或者說策略，例如在滴滴流行起來之前，對應的用戶群往往使用出租車來代替出行方式。目標用戶在這之前是如何解決他們的需求的？你應該可以獲得一些間接可比的方案，收集用戶的相關想法有利于推動你的產(chǎn)品設計。
在產(chǎn)品上線后的運行階段，仍然需要做競品分析，此時或許存在一些新興的的競品，雖然是后來者，但往往會在交互、體驗或者運營策略等方面碰撞出一些新的創(chuàng)意。根據(jù)競品的功能策略，你需要進行一定的調(diào)整，不斷對產(chǎn)品迭代優(yōu)化。除此之外，產(chǎn)品有時需要做一些追隨趨勢的更新，例如視覺風格、新的交互設計語言等。
如何從間接競爭對手那里獲得靈感
間接競爭對手也會給你一定的啟發(fā)，作為一個用戶體驗各種產(chǎn)品時，留心那些優(yōu)秀的設計，可能是視覺方面也可能是交互方面，總之這些優(yōu)雅的設計將會成為你的靈感之源。然而所有的設計都有其適用場景及背后的設計原理支撐，在海外設計經(jīng)驗中一再強調(diào)的 context（上下文）就是這個意思。
優(yōu)秀的設計都是最適合自己的產(chǎn)品和策略的設計，而不是最美觀或最的。因為設計不僅僅包涵體驗更是要兼顧業(yè)務。同一個設計在一個地方發(fā)揮作用并不意味著移植到其他地方仍然有效。
例如一個簡單的登錄模塊的設計，按照常規(guī)經(jīng)驗，以目前微信的受眾數(shù)量做參考，可以無腦選擇微信快捷登錄，這無疑是最便捷的方案，但為什么很多產(chǎn)品仍然采用手機登錄？因為一個注冊的手機號碼能為公司的未來帶來極大的增值，每個號碼背后都是一個用戶，且通過手機號可以對這個用戶進行持續(xù)的推廣營銷，如拼多多的短信推廣，移動聯(lián)通的電話推廣。
所以，一切的設計都應以設計背景，業(yè)務訴求為基本原則來進行，盲目的追尋極限的視覺和效率，盲目的信奉設計潮流趨勢都是不可取的。好的設計和時尚的設計不同，好的設計有持久的價值，是美學和體驗的結(jié)合，并以基于心理學社會學的用戶研究為后盾。這樣的設計符合用戶的需求同時能為企業(yè)帶來收益。而時尚的設計則會隨著時間流逝而銷聲匿跡。
一味追尋潮流的應用程序設計，公然違背基本的可用性慣例，違背交互設計的基本原理，很有可能在市場中失敗?！狿rototyper.io UX首席負責人Miklos Philips
競品分析時謹記五個原則
為了保證你所進行的競品分析的有效性，需要謹記以下五個原則。
1.理解背后的需求
分析任何設計之前都需要理解設計背后的核心需求，這并不是簡單的查看表面內(nèi)容，除了交互體驗上的思考，更要深入產(chǎn)品本身，去更多的理解業(yè)務層商業(yè)策略等方面的內(nèi)因。每個設計都有對應的場景、上下文甚至各種限制條件。只有理解這些你才清楚這個設計是否適合你的產(chǎn)品，或者是否有一定的參考意義。
比如觀察淘寶的搜索功能你會發(fā)現(xiàn)首頁的搜索和店鋪的搜索有很大差異，即首頁的搜索比重要遠遠大于店鋪的搜索。店鋪中的搜索按鈕僅僅展示一個雙指面積的btn，而首頁則是展示一個接近通欄的搜索條。那么分析下來，店鋪的搜索btn小巧精致，簡易美觀是否應該借鑒，答案是看情況。淘寶首頁入口提供的是一級搜索，涵蓋了淘寶百億級別的商品，因此搜索功能的優(yōu)先級極高。而店鋪商品有限，用戶瀏覽商品往往按照分類，很少使用搜索功能，這種情況下搜索的優(yōu)先級很低。
因此，理解設計背后的理念，解決的問題、如此設計的原因才是競品分析重點關注的方向。切記浮于表面。
2.確定真正的競爭者
認清自己的競爭者，他們往往并不僅僅是表面的直接對手。事實上應用程序只是一種幫助用戶達成目標的技術手段從用戶角度，有很多可選方向，而你的產(chǎn)品想要獲得成功，你就要做那個體驗最好，滿意度最高的選項。回想一下，便利貼的功能應用程序是否能實現(xiàn)？答案是肯定的，但現(xiàn)在為止并沒有任何應用程序能夠撼動便利貼的霸主地位。因此，滴滴的競品真的只是其他網(wǎng)約車公司嗎，事實上滴滴最大的競品是出租車。通常，你最強大的對手并一定不是和你一樣的科技產(chǎn)品。
3.通過標準來判斷，而不是個人臆測
每次進行比較都意味著根據(jù)某個標準來進行判斷，如何決定兩者的功能孰優(yōu)孰劣，最好的方法是引入標準或者用數(shù)據(jù)說話。例如競品某個模塊轉(zhuǎn)化率高，那必然有其內(nèi)因。另外，我們可以根據(jù)業(yè)界的標準來評判產(chǎn)品的可用性體驗，如尼爾森的啟發(fā)式評估原則（后面會詳細講到）。
4.盲目模仿是導致失敗的罪魁禍首
在特定環(huán)境中行之有效的方法在另一環(huán)境中可能根本行不通。每個設計解決方案不僅是針對眼前的問題，而且還針對目標受眾。請記住，良好的設計是仔細的分析研究產(chǎn)生的，需要付出大量的努力來與用理解用戶，定義問題，并 根據(jù)上下文構(gòu)思，最終產(chǎn)出最終設計和評估解決方案。
你可能會說，別人已經(jīng)驗證了的功能，我們沒必要花費時間去重復測試，但他人的功能是針對特定的場景特定的業(yè)務目標，或許并不適用你的產(chǎn)品。所以，在模仿之前，請仔細考慮您的問題與原始設計師的方案匹配程度。
5.用戶測試無可替代
在競品研究中我們需要時刻保持懷疑的態(tài)度，在將競品的設計應用于自己的產(chǎn)品之前，需要評估設計背后的需求、場景，以判斷會否適合自家產(chǎn)品。這個過程可以沒有用戶參與，例如選擇專家進行的可用性評估。但最終，在你決定將設計投入自己的產(chǎn)品時，你需要意識到只有真實場景下的用戶測試，才能判斷該設計是否成功。
無處不在的“漢堡菜單”按鈕。最初是Facebook率先取得成功的設計，現(xiàn)在有大量證據(jù)表明該設計帶來了很大的可用性問題。通過將圖標與其他導航方式（例如ios的菜單導航）進行比較的A / B測試，發(fā)現(xiàn)了這些問題。
時刻留意競爭對手的產(chǎn)品設計有利于你不斷更新和迭代，從而保持競爭優(yōu)勢，但你必須知道，研究競品只能讓你和它處于一個水平，他不會教給你如何開辟新的想法，如何解決未解決的問題。并且能從競品分析中收獲的有效信息完全取決于你的個人能力和經(jīng)驗。因此保持質(zhì)疑，持續(xù)思考，以創(chuàng)新意識探索更可能是UX設計師長遠的目標。
NNG的十項UI界面啟發(fā)評估的原則
前面提到我們應該通過標準來衡量產(chǎn)品的設計，而不是個人的主觀臆測。尼爾森的啟發(fā)式評估原則就是這樣一套可實踐的評估標準，共有十項，主要涉及到用戶體驗、可用性的評估。使用這是個標準能夠評估出大部分的可用性問題。
1系統(tǒng)狀態(tài)的可見性
任何情況下都應該顯示易于理解的界面信息和系統(tǒng)狀態(tài)，以保證用戶正確執(zhí)行操作。
這其中其實不僅僅要求“可見”，也要求“隱藏”。因為系統(tǒng)界面的展示目的是使用戶易于理解其中的信息，因此要清晰展示有效信息，同時隱藏無效信息和干擾項。概括來說這一項原則的關鍵在于視覺傳達的效率，如CTA按鈕高亮來聚焦注意力，文字鏈按鈕添加下劃線或箭頭來傳達可點擊的狀態(tài)等。
2.系統(tǒng)與用戶習慣的匹配
設計師應根據(jù)目標用戶的經(jīng)驗習慣進行界面設計，如使用符合用戶認知的語言、概念、預測用戶的常規(guī)行為方式如單手操作，減輕認知負擔，并使系統(tǒng)更易于使用。
在電腦屏幕右鍵彈出的菜單窗口恰好在鼠標附近，因為用戶當時視覺聚焦于此。移動端閱讀類產(chǎn)品的目錄按鈕總在右下角，因為大部分人使用右手單手操作，而在IPAD端的閱讀產(chǎn)品，目錄置于左下角，因為用戶一般需要雙手持設備，此時左手點擊目錄更符合用戶習慣。
當然，不僅僅要考慮用戶操作習慣，更要考慮用戶的心理預期。這就要用到隱喻，例如按鈕按下后模擬出下沉的視覺效果，再如最早的閱讀類產(chǎn)品模擬真實書架，還原用戶習慣的書架瀏覽查找書籍然后閱讀的體驗。
3.用戶控制和自由
產(chǎn)品應該允許用戶自由控制自己的操作行為，例如可以撤銷重做，或在不同內(nèi)容間自由跳轉(zhuǎn)。
4.一致性
界面設計人員應確保在相似的平臺之間維護圖形元素和術語的統(tǒng)一。例如，代表一個類別或概念的圖標在不同的設備上使用時不應代表不同的概念。垃圾桶應當代表刪除、回收等操作，而不是其他的語義。
5.防錯
提前預測可能發(fā)生的錯誤，嘗試盡量避免它們，將潛在的錯誤保持在水平。用戶不樂意處理錯誤同時不擅長處理錯誤，為了減少用戶遇到錯誤的，試著消除問題部分。例如驗證碼部分只允許填寫數(shù)字，且自動喚起數(shù)字鍵盤無法切換字母鍵盤，這樣就防止用戶輸入錯誤信息格式的可能。
6.降低用戶認知負荷
人類注意力是有限的，不要嘗試一次行給用戶灌輸過多信息，試著一次只展示一個核心功能或內(nèi)容，每個步驟只用來做一件主要的事情。目前主流的注冊流程都遵循這個原則，一次只進行一個步驟，輸入手機號、發(fā)送驗證碼、填寫驗證碼、登錄成功。
7.靈活性和效率
使用更少的交互，讓用戶更便捷的完成目標，例如使用縮寫、語音輸入、自動填充等技巧。目前有些產(chǎn)品通過自動填充手機號碼來提高登錄注冊效率，或自動填充短信驗證碼來提高驗證效率，這就是一種優(yōu)化交互來提高產(chǎn)品使用效率的方式。（但這種方式對權限要求較高）
8.美學原則與極簡設計
減少混亂和多余的元素，不要爭奪用戶注意力，提供清晰可見的導航。根據(jù)海外的調(diào)研，有三到四成用戶離開一個網(wǎng)站的原因是導航混亂不易理解。
9.幫助用戶識別、診斷錯誤并恢復
采用通俗的語言解釋錯誤的情況并提供解決方案或說明情況。
10.幫助文檔
我們期望不需要說明文檔（類似說明書）也能讓用戶正常使用和產(chǎn)品和解決遇到的問題。但我們?nèi)匀恍枰欢ǖ恼f明文檔，來解釋特殊情況或常見問題，以保證用戶在需要時能輕易找到解決方案。
文章來源：UI中國
彈窗其實是一個很泛的概念，幾乎所有在頁面中有彈出的行為的操作都能稱之為彈窗，其實是有點混亂，本文旨在梳理它們之間的關系
1，從程序上看，遞歸表現(xiàn)為自己調(diào)用自己，遞推則沒有這樣的形式。
2，遞歸是從問題的最終目標出發(fā)，逐漸將復雜問題化為簡單問題，最終求得問題
是逆向的。遞推是從簡單問題出發(fā)，一步步的向前發(fā)展，最終求得問題。是正向的。
3，遞歸中，問題的n要求是計算之前就知道的，而遞推可以在計算中確定，不要求計算前就知道n。
4，一般來說，遞推的效率高于遞歸（當然是遞推可以計算的情況下）
最容易理解就是結(jié)合一個經(jīng)典的例子：斐波那契數(shù)列
遞歸求解
int fib(n){
return n < 2 ? 1 : fib(n-1)+f(n-2);
}
遞推求解
int fib(int n){
int fn = 1;
int fn_1 = 0;
for(int i=0; i<n; i++) {
int t = fn
fn = fn + fn_1;
fn_1 = t;
}
return fn;
}
遞推 Inductive 是從1 往 n推(未知)
遞歸Recursive是從n(未知)往1推, 再層層返回
HTML基本概況
HTML文檔基本格式
樣式如下：
注意：文章以下出現(xiàn)的“《》”書名號僅代表大于號“>”和小于號“<”。
主要包括：<!DOCTYPE>文檔類型聲明、《html》根標記、《head》頭部標記、《bady》主題標記。
1.<!DOCTYPE>標記
標記位于文檔的最前面，用于向瀏覽器說明 當前文檔使用哪種 HTML 或 XHTML 標準規(guī)范。
2.《html》標記
《html》標記位于<!DOCTYPE>標記之后，也稱根標記。用于告知瀏覽器其本身是一個HTML文檔?！秇tml》標記標志著HTML文檔的開始，《/html》標記標志著HTML文檔的結(jié)束，在他們之間的是文檔的頭部和主體內(nèi)容。
3.《head》標記
《head》標記用于定義HTML文檔的頭部信息，也稱頭部信息。緊跟在《html》標記之后，主要用來封存其他位于文檔頭部的標記，一個HTML文檔只能有一對《head》標記。
4.《body》標記
《body》標記用于定義HTML文檔所要顯示的內(nèi)容，也稱主體標記。瀏覽器中所要顯示的所有文本、圖像、音頻、和視頻等信息都必須位于《body》標記內(nèi)。一個HTML文檔只能有一對《body》標記。
HTML標記
所謂標記就是放在”<>"標記中表示 某個功能的編碼命令，也稱為HTML標簽或HTML元素。
1.單標記和雙標記
雙標記：也稱體標記，是指由開始和結(jié)束兩個標記符組成的標記?；菊Z法格式如下：
<標記名>內(nèi)容</標記名>
單標記：也稱空標記，是指用一個標記符號即可完整的描述某個功能的標記?；菊Z法格式如下：
<標記名/>
2.注釋標記
注意：注釋標記中不能嵌套注釋標記
標記屬性
《h1 align = center》標題文本《h1》其中align為屬性名，center位屬性值，表示“標題文本”居中對齊，對于標題標記還可以設置文本左對齊、右對齊，對應的屬性值是left和right。
在鑲嵌結(jié)構(gòu)中，HTML 元素總是遵循“就近原則”。
HTML文檔頭部相關標記
1.設置頁面標題標記
《title》標記用于定義HTML頁面的標題，必須位于《head》標記之內(nèi)。一個HTML文檔只能有一對《title》《/title》標記，《title》《/title》之間的內(nèi)容將顯示在瀏覽器窗口的標題欄中，基本語法格式如下：
《title》網(wǎng)頁標題名稱《/title》
2.定義頁面元信息標記《meta/》
《meta/》標記用于定義頁面的元信息，可重復在《head》頭部標記中，在HTML中是一個單標記。
基本語法格式：
1.1《meta name=“名稱” content="值“/》
(1)設置網(wǎng)頁關鍵字
《meta name=“keywords” content="…"》
content屬性的值用于定義關鍵字的具體內(nèi)容，多個關鍵字內(nèi)容之間可以用“，”分隔。
（2）設置網(wǎng)頁描述
《meta name=“description” content=“…"》
content屬性的值是用于定義描述的具體內(nèi)容。需要注意的是網(wǎng)頁描述的文字不必過多。
（3）設置網(wǎng)頁作者
《meta name=“auther” content=“…”》
content屬性的值是用于定義具體的作者信息。
2.1《meta http-equiv=“名稱“ content=”值“
（1）設置字符集
《meta http-equiv=“Content-Type” content=“text/html；charset=utf-8“/》
（2）設置頁面自動刷新與跳轉(zhuǎn)
《meta http-equiv=“refresh” content=“10；url=http；//www.itcast.cn“/》
HTML文本控制標記
1.標題和段落標記
（1）標題標記
HTML提供了6個等級的標題，即《h1》《h2》《h3》《h4》《h5》《h6》.基本語法格式如下：
《hn align=“對齊方式“》標題文本《/hn》
（2）段落標記
段落的標記就是《/p》基本語法格式如下：
《p align=“對齊方式”》段落文本《/p》
（3）水平線標記《hr/》
含義 屬性值
屬性名：align，設置水平線的對齊方式 可選擇left、right、center三種值，默認為center，居中對齊
屬性名：size，設置水平線的粗細 以像素為單位，默認為2像素
屬性名：color，設置水平線的顏色 可用顏色名稱、十六進制#RGB、right（r,g,b）
屬性名：width，設置水平線的寬度 可以是確定的像素值，也可以是瀏覽器窗口的百分比，默認為100%
（4）換行標記《br/》
使用Enter鍵換行的段落在瀏覽器中實際上并沒有換行，只是多出來了一個字符的空格，而使用換行標記的段落卻實現(xiàn)了強制換行的效果。
2.文本樣式標記
文本樣式標記《font》，用來控制網(wǎng)頁中的字體、字號和顏色?；菊Z法格式如下：
《font 屬性=“屬性值”》文本內(nèi)容《/font》
屬性名 含義
face 設置文字的字體，例如微軟雅黑、黑體、宋體等
size 設置文字的大小，可以取1~7之間的整數(shù)值
color 設置文字的顏色
注意：XHTML中不贊同使用《font》標記，可使用CSS樣式代替《font》來定義文本的字體、大小和顏色。
3.文本格式化標記
標記 顯示效果
《i》《/b》 字體以粗體方式顯示
《i》《/i》 字體以斜體方式顯示
《s》《/s》 字體以加刪除線方式顯示
《u》《/u》 字體以加下劃線方式顯示
4.特殊字符標記
XSS攻擊是什么
簡介
攻擊原理
例子
防御方法
簡介
XSS(Cross Site Scripting, 跨站腳本攻擊)又稱是 CSS, 在 Web攻擊中比較常見的方式, 通過此攻擊可以控制用戶終端做一系列的惡意操作, 如 可以盜取, 篡改, 添加用戶的數(shù)據(jù)或誘導到釣魚網(wǎng)站等
攻擊原理
比較常見的方式是利用未做好過濾的參數(shù)傳入一些腳本語言代碼塊通常是 JavaScript, PHP, Java, ASP, Flash, ActiveX等等, 直接傳入到頁面或直接存入數(shù)據(jù)庫通過用戶瀏覽器閱讀此數(shù)據(jù)時可以修改當前頁面的一些信息或竊取會話和 Cookie等, 這樣完成一次 XSS攻擊
例子
http://example.com/list?memo=<script>alert(“Javascript代碼塊”)</script>
http://example.com/list?memo=<strong οnclick=‘a(chǎn)lert(“驚喜不斷”)’>誘惑點擊語句</strong>
http://example.com/list?memo=<img src=’./logo.jpg’ οnclick=‘location.href=“https://blog.csdn.net/qcl108”;’/>
以上例子只是大概描述了方式, 在實際攻擊時代碼不會如此簡單
防御方法
防止 XSS安全漏洞主要依靠程序員較高的編程能力和安全意識
去掉任何對遠程內(nèi)容的引用 如 樣式或 JavaScript等
Cookie內(nèi)不要存重要信息為了避免 Cookie被盜, 最好 Cookie設置 HttpOnly屬性防止 JavaScript腳本讀取 Cookie信息
不要信任用戶的輸入, 必須對每一個參數(shù)值做好過濾或轉(zhuǎn)譯: (& 轉(zhuǎn)譯后 &), (< 轉(zhuǎn)譯后 <), (> 轉(zhuǎn)譯后 >), (" 轉(zhuǎn)譯后 "), (\ 轉(zhuǎn)譯后 '), (/ 轉(zhuǎn)譯后 /), (;)等
藍藍設計的小編 http://m.wnxcall.com
