首頁

4個角度分析:如何通過用戶細分找到你的“超級用戶”?

博博

4個角度分析:如何通過用戶細分找到你的“超級用戶”?

人人都是產品經理 2018-06-18 13:28:45

如果沒有細分用戶,產品設計就只能靠直覺和猜測,運營活動就只能靠拍腦門兒。那要如何通過用戶細分找到你的“超級用戶”?

4個角度分析:如何通過用戶細分找到你的“超級用戶”?

用戶細分是指根據(jù)用戶的社會屬性、行為數(shù)據(jù)和消費偏好等將其劃歸不同群組的流程。比如:您可通過用戶細分指定來自特定國家/地區(qū)或城市的用戶,添加另一個細分條件來指定購買特定產品或使用產品上特定功能的用戶。

通過指標的篩選,可以幫你找出那些“超級用戶”比如:“購物狂”或您產品的“發(fā)燒友”,并看看他們都有什么共性。

通過細分還可以幫助產品經理進行產品優(yōu)化,提供個性化的用戶體驗。比如:有一類用戶白天基本不會啟動應用,因為他們喜歡白天就是工作狀態(tài),但晚上簡直又變成“腦殘粉”。

這意味著不管產品同學還是運營同學都需要盡可能多地了解他們,以避免在白天讓他們頻繁收到push推送,而晚上服務器停止服務進行升級的尷尬局面。

如果沒有細分,產品設計就只能靠直覺和猜測,運營活動就只能靠拍腦門兒,對了還好,可不對呢?由于新版本發(fā)布或不可抗力的原因,啟動猛增或遭遇滑鐵盧?

沒有細分數(shù)據(jù),產品團隊無法預知他們產品的未來,運營活動只能靠經驗,而辛辛苦苦引進來的用戶也就慢慢流失了。

一、可以使用哪些細分策略?

1. 付費用戶與免費用戶

付費用戶通常比免費用戶忠誠度更高,更具有用戶粘性且更易于促使他們成為超級用戶,而免費用戶可能并不會將產品視為生活中的必備工具,隨之而來的就是高流失風險。細分功能可以讓團隊在保留前者的同時轉換后者。

2. 新增用戶和活躍用戶

新增用戶和活躍用戶在整個產品鏈路中處于非常不同的階段,活躍的用戶已經找到產品服務中有足夠的價值,可以促使其再次打開。此外活躍用戶又分很多情況(在第一篇運營填坑守則中已經講過)。另一方面,新用戶怎么能留下來并且保持活躍度呢?

如果運營同學知道所有留下來的用戶都使用了某一個功能,這樣就可以“要挾”產品提高這個功能的露出機會,并“脅迫”設計同學將Icon突出,以幫助新用戶能成功留下來。

3. 網(wǎng)站/App的使用時長

每個用戶可以貢獻的時間都有限,但卻很有價值。如果用戶選擇在網(wǎng)站或應用上花費時間,或者進入界面后距第一次有效點擊時間間隔很長,這些都是非常有用的信號。說明用戶對產品非常陌生或者產品交互主線不夠清晰,但用戶又充滿一定的好奇心想要看看產品究竟具備什么。

如果他們不花時間,或者進來就可以選擇他們想要了解的,或者直接關閉,那也是同樣重要。通過按用戶使用時長細分用戶,可以了解哪些功能,因素和內容與高活躍相關,從而為增加使用時長提供新的想法,或者減少某一部分使用時長(比如:電商支付環(huán)節(jié),用時越少支付機會越高)提供更多機會。

二、自定義事件

1. 積極行為動作

添加“關注”的用戶與沒有“關注”的用戶有什么區(qū)別?或者一件商品已經購買了一次或復購十次的用戶?以及這個產品屬性是低頻購買商品,還是高頻使用商品?

每個產品都有所不同,但知道這一點至關重要。通過分析用戶行為或動作,運營同學可以分離出最重要的用戶共有的標簽,并在這些標簽的基礎上進行更深層次的交叉細分。

2. 消極行為動作

并非所有的用戶行為都是積極的,也會發(fā)生用戶流失,放棄購物車或取消關注等消極行為動作。

通過分析這些行為動作之前發(fā)生的事件(例如:服務宕機、延時或新版本發(fā)布),運營同學可以將這些問題歸集出來:

  • 一是向產品和技術同學反饋問題的嚴重程度并促使其改進;
  • 二是找到流失原因盡可能的在第一時間通過運營手段進行挽回。

對于任意一個互聯(lián)網(wǎng)產品而言,找到用戶的共性和個性都是十分有意義的。因為用戶細分始終與商業(yè)目標相結合,如:成本和利潤。每個產品都應該有自己的“套路”來確定哪些數(shù)據(jù)最有價值。一個由廣告驅動的閱讀類產品可能會從展現(xiàn)和點擊中獲得收益,并且還會追蹤這些有過點擊行為的人群具備什么樣的基礎屬性。

在用戶允許的情況下,產品盡可能的獲取更多的數(shù)據(jù)以便進行更精準的分析,并將這些數(shù)據(jù)作為你進行用戶細分時可篩選的指標。作為交換價值,產品需要滿足用戶更多的個性化需求,總體來說這是相輔相成的,但是一定要保證數(shù)據(jù)安全。

  • 社交屬性:性別,年齡,語言,常住地,婚姻狀況或收入,興趣,信仰,附屬關系或社會經濟地位;
  • 行為數(shù)據(jù):用戶的操作行為,例如訪問次數(shù),點擊次數(shù),頁面停留時間和轉化率;
  • 營銷數(shù)據(jù):是否付費,付費能力,購買偏好 ,購買次數(shù),購買間隔。
  • ……

三、如何做用戶細分?

用戶細分流程由四個步驟組成:

1. 確定細分的指標

用戶細分的指標有很多,剛才上面提到社交屬性中的:性別、年齡、地域等;營銷數(shù)據(jù)中的:年費用戶、包月用戶等,行為數(shù)據(jù)中的:打開頻次,關注行為,注銷動作等;除此之外還有其他很多很多細分的指標,細分指標的確定由細分目的和目標用戶等相關因素決定。

2. 用戶信息采集

用戶信息包括公司日常運營所積累的用戶,通過企業(yè)相關調研活動所采集的用戶信息,以及第三方合作平臺互換的用戶信息。

3. 制定細分標準

細分標準并沒有一個定型,暫且可以歸類為售前、售中、售后。售前細分是粗顆粒度細分,篩選,譬如:時間、社交屬性等。

售中細分是根據(jù)以往成熟經驗模型(案例)可以明確用戶行為的細分準則,售后細分為用戶類型起初并沒有具體的特征形態(tài),根據(jù)多個數(shù)據(jù)特征變量,利用聚類等統(tǒng)計分析方法,而定義的細分標準。

4. 細分用戶描述

將不同類型的用戶進行具備其特征的描述,比如:根據(jù)用戶價值和用戶活躍度進行四象限分類為:普通用戶、高價值低頻用戶、低價值高頻用戶、超級用戶,還可以根據(jù)用戶行為繼續(xù)往下拆解描述。

4個角度分析:如何通過用戶細分找到你的“超級用戶”?

關于常用的細分分析方法,下篇會給大家介紹,比如逐步細分法,交叉細分法、統(tǒng)計歸納法等等。

淺談XSS跨站腳本攻擊

seo達人

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

淺談 跨站腳本攻擊(XSS)

一、概述

1、什么是跨站腳本攻擊

跨站腳本攻擊(Cross Site Scripting),簡稱XSS,  是指:由于網(wǎng)站程序對用戶輸入過濾不足,致使攻擊者利用輸入可以顯示在頁面上對其他用戶造成影響的代碼來盜取用戶資料、利用用戶身份進行某種動作或者對訪問者進行病毒侵害的一種攻擊方式。
直白點:惡意攻擊者往Web頁面里插入惡意Script代碼,當用戶瀏覽該頁之時,嵌入其中Web里面的Script代碼會被執(zhí)行,從而達到惡意攻擊用戶的目的。

不同于大多數(shù)攻擊(一般只涉及攻擊者和受害者),XSS涉及到三方,即攻擊者、客戶端與網(wǎng)站。XSS的攻擊目標是為了盜取客戶端的cookie或者其他網(wǎng)站用于識別客戶端身份的敏感信息。獲取到合法用戶的信息后,攻擊者甚至可以假冒最終用戶與網(wǎng)站進行交互。

2、為什么簡稱XSS,而不是CSS

跨站腳本攻擊(Cross Site Scripting),為了不和層疊樣式表(Cascading Style Sheets, CSS)的縮寫混淆,故將跨站腳本攻擊縮寫為XSS。

3、XSS漏洞成因

 XSS漏洞成因是由于動態(tài)網(wǎng)頁的Web應用對用戶提交請求參數(shù)未做充分的檢查過濾,允許用戶在提交的數(shù)據(jù)中摻入代碼,然后未加編碼地輸出到第三方用戶的瀏覽器,這些攻擊者惡意提交代碼會被受害用戶的瀏覽器解釋執(zhí)行。

4、舉個例子

[php] view plain copy
  1. <?php    
  2.      header("Content-Type: text/html; charset=utf-8");  
  3.      $username = $_GET["name"];  
  4.      echo "<p>Hi,".$username."!</p>";  
  5. ?>  
  6.   
  7. //這段PHP代碼的主要作用是從URL獲取用戶輸入的參數(shù)作為用戶名,并在頁面中顯示“Hi,XXX”  

(1)正常情況下:我們在url中輸入:   http://localhost/test.php?name=Sam    

給參數(shù)name傳一個值Sam,顯示如下圖

(2)那么,在非正常情況下呢即:把傳遞給name的參數(shù)值改為一段可執(zhí)行的Javascript代碼)?

我們在url中輸入:http://localhost/test.php?name=<script>alert("My name is Sam");</script>

如果我們后臺沒有進行任何關于傳入?yún)?shù)值的過濾,會顯示如下圖結果


二、XSS生效方式

XSS主要有三種生效方式:(1)構造URL   (2)發(fā)布內容式     (3)蠕蟲式

1、生效方式:構造URL 

XSS攻擊者通過構造URL的方式構造了一個有問題的頁面;當其他人點擊了此頁面后,會發(fā)現(xiàn)頁面出錯,或者被暗中執(zhí)行了某些js腳本,這時,攻擊行為才真正生效。


一般來說,動態(tài)頁面中會將url中的部分內容回寫在頁面中。以百度的搜索為例,輸入網(wǎng)址:http://www.baidu.com/s?wd=<script>alert("wrong")<%2Fscript>

搜索后會顯示如下頁面:

因為參數(shù)<script>alert("wrong")<%2Fscript>是<script>alert("wrong")</script>轉義后的結果,搜索結果頁中,會在標題中中和搜索框中回寫用戶輸入的內容。

如果這里沒有經過轉義處理,則頁面中就嵌入了一段script,并執(zhí)行該代碼,并彈出對話框提示用戶。如果是其他惡意代碼,則可能造成破壞。然后攻擊者將此URL廣為傳播——比如說,以報錯的方式發(fā)給百度的管理員,管理員打開這個URL就中招了。


下面我們來通過下圖,圖解XSS


舉例

例1、

若未對XSS進行預防,

我們在URL中正常輸入如下,搜索結果會如下圖顯示:beijing  的相關詞條

如果在url中非正常輸入如下的話,查看源碼后input的value屬性值會自動變?yōu)?nbsp; <script>alert("xss test")</script>


若已對XSS進行了預防,

非正常輸入后則會顯示如下圖:


例2、

若未對XSS進行預防,

在URL中輸入紅框中的值,搜索后則顯示如下:

若已對XSS預防,

則搜索結果如下圖:


2、生效方式:發(fā)布式內容

構造URL攻擊方式傳播范圍有限,被攻擊者只要有基本的安全意識就可以避免,因此這種手段的危險性比較小。相比之下,通過發(fā)表內容構造的XSS的危害就大了很多。

在可以發(fā)表內容的論壇、討論區(qū)、吧、博客、微博等網(wǎng)站上,用戶發(fā)表的內容會保存起來,允許其他用戶瀏覽。這些保存的內容顯示在頁面上的時候,如果沒有經過正確的處理,也會把攻擊者精心構造的內容顯示出來,訪問該內容的用戶就此中招。如果該頁面流傳廣泛,則影響會更加深遠。

拿 留言板舉例

例、

留言板的任務是把用戶留言的內容展示出來。正常情況下,用戶的留言都是正常的語言文字,留言板顯示的內容也就沒毛病。

然而這個時候如果有人不按套路出牌,在留言內容中丟進去一行”<script>alert(“mdzz”)</script>
之后當瀏覽這條留言的時候,就會彈出如下信息框。


3、生效方式:蠕蟲式 

最暴力的方式是使用蠕蟲——就是首先發(fā)一個有問題的文章,瀏覽者閱讀時會被暗中執(zhí)行惡意代碼,發(fā)表一篇新的文章的,該文章也含有同樣的惡意代碼。這樣有可能在最快時間內將攻擊鋪滿整個網(wǎng)站。蠕蟲式攻擊將暗中偷偷摸摸的攻擊行為變成了光明正大的攻城拔寨,極容易被發(fā)現(xiàn)和修復。


Eg:早在2011年新浪就曾爆出過嚴重的xss漏洞,導致大量用戶自動關注某個微博號并自動轉發(fā)某條微博。(蠕蟲式)
它以吸引人眼球的方式,讓當微博用戶主動點擊攻擊鏈接。之后微博網(wǎng)友會立刻執(zhí)行一段有害代碼,造成三個結果:發(fā)布一條微博;成為攻擊發(fā)起人的粉絲;向其他好友發(fā)送含同樣鏈接地址的私信。新浪微博很快發(fā)現(xiàn)這個漏洞,刪除了含攻擊鏈接的微博內容,并將攻擊發(fā)起人ID刪除。


注:上面我們只是為了方便以彈窗舉例,但是XSS攻擊方式絕不是彈窗這么簡單


三、XSS攻擊實例

(1)XSS偷取用戶信息

(2)XSS盜取Cookie

(3)XSS釣魚網(wǎng)站

(4)XSS蠕蟲攻擊

四、XSS的破壞方式

(1)破壞頁面結構:用戶輸入的內容包含了html的標簽,與前面的標簽等閉合,導致頁面的DIV結構發(fā)生變化,頁面錯亂。

(2)破壞顯示內容:用戶輸入的內容包含了單引號或雙引號,與前面的單引號或雙引號匹配,導致后面的內容丟失,顯示不出來。

(3)破壞JS:用戶產生的內容直接輸出到js片斷中,但僅轉義少數(shù)字符不能保證排除攻擊,所以容易導致JS被破壞

五、XSS攻擊 繞過過濾的一些簡單方法

1、大小寫繞過

這個繞過方式的出現(xiàn)是因為網(wǎng)站僅僅只過濾了<script>標簽,而沒有考慮標簽中的大小寫并不影響瀏覽器的解釋所致。

例:

如果我們在URL中輸入:  localhost/test.php?name=<script>alert(''hey!")</script>     

,由于網(wǎng)站對<script>標簽進行了過濾,所以搜索后什么都不會發(fā)生。

而如果我們輸入:  localhost/test.php?name=<sCript>alert(''hey!")</scRipt>  

,實質就是改變了<script>的大小寫,則結果如下圖所示,我們又愉快的彈出了彈窗。



2、利用過濾后返回語句再次構成攻擊語句來繞過

即我們輸入一串原始值,網(wǎng)站將輸入的原始值進行過濾,過濾后的值仍是一段可執(zhí)行的代碼。

讓過濾完script標簽后的語句中還有script標簽。
      即:<sCri<script>pt>alert("hey!")</scRi</script>pt> 過濾后
仍為可執(zhí)行的JS代碼<script>alert("hey!")</script>


如下圖:將參數(shù)name值設為<sCri<script>pt>alert("hey!")</scRi</script>pt>

,輸入后仍會出現(xiàn)彈窗



3、并不是只有script標簽才可以插入代碼!

當script標簽已經被完全過濾后,前面兩種方法就都不會成功。
莫慌,能植入腳本代碼的不止script標簽。

例如:我們用<img>標簽做一個示范。
我們利用如下方式在URL中輸入:http://localhost/test.php?name=<img src='w.123' onerror='alert("hey!")'>  
之后就可以再次愉快的彈窗。(因為我們指定的圖片地址根本不存在也就是一定會發(fā)生錯誤,這時候onerror里面的代碼自然就得到了執(zhí)行。)


以下列舉幾個常用的可插入代碼的標簽。
<div onmouseover=‘do something here’> 當用戶鼠標在這個塊上面時即可運行(可以配合weight等參數(shù)將div覆蓋頁面,鼠標不劃過都不行)
類似的還有onclick,這個要點擊后才能運行代碼

4、編碼腳本代碼繞過關鍵字過濾。
有的時候,服務器往往會對代碼中的關鍵字(如alert)進行過濾,這個時候我們可以嘗試將關鍵字進行編碼后再插入,不過直接顯示編碼是不能被瀏覽器執(zhí)行的,我們可以用另一個語句eval()來實現(xiàn)?!緀val()會將編碼過的語句解碼后再執(zhí)行】

alert(1)編碼過后就是\u0061\u006c\u0065\u0072\u0074(1),

所以構建出來的攻擊語句http://localhost/test.php?name=<script>eval(\u0061\u006c\u0065\u0072\u0074(1))</script>

如下圖執(zhí)行后又會出現(xiàn)彈窗


5、組合各種方式
在實際運用中漏洞的利用可能不會這么直觀,需要我們不斷的嘗試,甚至組合各種繞過方式來達到目的。

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務



特斯拉將會為 AutoPilot 9.0 設計一個全新的 UI 界面

藍藍設計的小編

即將來到的 AutoPilot 9.0 更新,「開啟部分全自動駕駛」的功能可謂是吊足了許多人胃口。雖然馬斯克已經在 Twitter 上透露了一些消息,但還是有許多坐不住的粉絲 @elonmusk,想要知道更多的新消息。

主流驗證碼調研說明文檔

seo達人

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

1、文檔說明

尋找主流驗證碼提供使用公司與樣例及其可能的破解價格

2、內容概述

3 ------ 圖像字符類型驗證碼

4 ------ 行為類型驗證碼

5 ------ 邏輯識別類型驗證碼

6 ------ 資料總結與價格匯總

3. 字符類型驗證碼

 

3.1 百度搜索字符驗證碼

簡述:

普通字母數(shù)字干擾傾斜驗證碼

出現(xiàn)位置:

登錄百度搜索時可能出現(xiàn)

圖片樣例:

 

出現(xiàn)前提:

網(wǎng)絡異常(非人類訪問可能性大)

 

3.2 百度經驗字符驗證碼

簡述:

普通字母數(shù)字顏色塊干擾傾斜驗證碼

出現(xiàn)位置:

發(fā)布百度經驗可能出現(xiàn)

圖片樣例:

 

出現(xiàn)前提:

 

 

3.3 百度貼吧中文驗證碼

簡述:

扭曲中文拼音干擾驗證碼

出現(xiàn)位置:

貼吧發(fā)布帖子的時候可能出現(xiàn)

圖片樣例:

 

 

3.4 YY字符驗證碼

簡述:

在較大的圖片中的小部分隨機區(qū)域出現(xiàn)傾斜數(shù)字字母驗證碼。

出現(xiàn)位置:

YY登錄頁面

圖片樣例:

 

 

3.5 stream數(shù)字中文驗證碼

簡述:

扭曲中文數(shù)字干擾驗證碼

出現(xiàn)位置:

異地登錄可能出現(xiàn)

圖片樣例:

 

 

3.6 谷歌字符緊湊扭曲驗證碼

簡述:

字符緊湊扭曲驗證碼

出現(xiàn)位置:

異常流量訪問可能出現(xiàn)

圖片樣例:

 

 

3.7 京東字符重疊驗證碼

簡述:

字符緊湊扭曲驗證碼

出現(xiàn)位置:

異常流量訪問可能出現(xiàn)

圖片樣例:

 

 

 

4. 行為驗證類型驗證碼

 

4.1 淘寶登錄行為驗證碼

簡述:

需要鼠標拖動到最右邊完成的驗證碼。

出現(xiàn)位置:

在淘寶登錄頁面出現(xiàn)

圖片樣例:

 

 

4.2 極驗第二代行為驗證碼

簡述:

極驗專職做驗證碼,需要通過滑輪完成拼圖。

出現(xiàn)位置:極驗官網(wǎng)

圖片樣例:

           

 

4.3 極驗第三代行為驗證碼

簡述:

極驗專職做驗證碼,按鍵點擊再分析瀏覽記錄和特征判別。類似谷歌第三代驗證碼

出現(xiàn)位置:極驗官網(wǎng)

圖片樣例:

        

 

 

5. 邏輯識別驗證碼

 

5.1 12306邏輯識別驗證碼

簡述:

12306登錄界面識別驗證碼。

出現(xiàn)位置:12306登錄界面

圖片樣例:

        

 

5.2 外國網(wǎng)站邏輯識別驗證碼

簡述:偶然見到,還沒有具體來源

出現(xiàn)位置:網(wǎng)絡來源(未知)

圖片樣例:

         

 

5.3 落伍者點擊提示驗證碼

簡述:

來自落伍者網(wǎng)站依次在圖片中點擊提示的字符。

出現(xiàn)位置:落伍者網(wǎng)站登錄時

圖片樣例:

         

 

5.4 騰訊安全驗證點擊提示驗證碼

簡述:

來自騰訊安全驗證時依次在圖片中點擊提示的字符。

出現(xiàn)位置:騰訊安全平臺

圖片樣例:

         

 

 

 

5.5 邏輯數(shù)字漢字加減驗證碼

簡述:

某網(wǎng)站下訂單時出現(xiàn)數(shù)字加中文邏輯處理驗證碼。

出現(xiàn)位置:網(wǎng)絡來源(未知)

圖片樣例:

 

 

5.6 邏輯拼音驗證碼

簡述:扭曲的中文文字

出現(xiàn)位置:網(wǎng)絡來源(未知)

圖片樣例:

 

5.7 谷歌路標識別驗證碼

簡述:提示生活場景圖片,由用戶點擊路標之類。

出現(xiàn)位置:谷歌異常訪問時出現(xiàn)

圖片樣例:

 


6. 驗證碼搜集總結

 

搜集了驗證碼業(yè)內3大類型下的17個變種形式。

 

所有字符型,邏輯型驗證碼均可以通過打碼平臺進行破解

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

UI進度條讓你享受等待

藍藍設計的小編

下面的一些概念可能不是最可行的,但它們可以幫助你考慮將情緒帶入界面,特別是當用戶面對他們生活中最無聊的方面之一時:尤其是等待。

UGD 模式

資深UI設計者

一、什么是UGD?

大家都知道 UED(User Experience Design)用戶體驗設計團隊,主張「以用戶為中心的設計」,我們團隊的前身就是一個典型的 UED 團隊。那么什么是 UGD 呢?

UGD(User Growth Design)用戶增長設計,主張「以用戶為中心,以增長為導向」。

下面這個是我們團隊現(xiàn)在的 logo,這個圖形很清晰地描述了 UGD 的理念:在 UCD(以用戶為中心的設計)的基礎上增加一個向上的箭頭(增長),變形成了 G(Growth,代表增長)。也就是我們在原先以用戶為中心的基礎上,還要做到幫助業(yè)務增長。

「增長」的概念對很多人來說也許還比較陌生。事實上,這個概念早在2010年就有人在美國提出了,到了2015年才引入國內,最近兩年開始火爆。所以說它在國內其實也是一個比較新的概念。感興趣的朋友可以看看《增長黑客》相關書籍。

二、為什么我們要變成UGD?

為什么我們要從傳統(tǒng)的 UED 進化為充滿挑戰(zhàn)和不確定性的 UGD 呢?這要從天時、地利、人和三個方面說起。

1. 天時

先說說天時,大概2016年左右吧,中國互聯(lián)網(wǎng)逐漸進入下半場。關于下半場的話題這里不多說了,感興趣的同學可以上網(wǎng)搜搜相關的文章或者看一下我的新書《破繭成蝶2》(7月出版),里面有很詳細的討論。簡單的說,下半場的特點就是:人口紅利、流量紅利、資金紅利都在逐漸萎縮。原先你可以花錢買流量;或者通過好的 idea 拉來大筆投資;再或者通過打造的體驗迎來大量用戶。但這種「好時代」已經一去不復返了,如果沒有實質的增長,創(chuàng)意、體驗、流量都不能保證產品可以順利的活下去。

2017年3月底,美國又發(fā)生了一件大事:可口可樂,這家以營銷著稱的公司,宣布將取消設立了24年的首席營銷官(CMO)一職。全球市場營銷、客戶及商務領導、戰(zhàn)略被整合成一個職能,由新創(chuàng)立的職位 CGO(Chief Growth Officer,首席增長管)領導。第一任 CGO 將直接向可口可樂新任 CEO 匯報。

可能很多人不了解,CMO 的工作性質和 UED 其實有很多相似的地方。比如都是成本部門(當然市場部還要額外花錢);都熱衷包裝創(chuàng)意而非對業(yè)績的直接影響;都傾向于用定性的方式檢驗成果;都習慣通過經驗而非試驗來做決策……

很多企業(yè)主對此非常無奈,他們明明知道在營銷等方面的花費存在巨大的浪費,卻不知道浪費在哪里。隨著大數(shù)據(jù)時代的到來(2015年左右),人們越來越重視數(shù)據(jù)的作用,越來越能夠輕易的獲取、存儲數(shù)據(jù),也越來越知道如何從數(shù)據(jù)中獲取價值。在這種情況下,原先很多崗位的傳統(tǒng)工作方式顯然太過于低效,所以 CMO 逐漸被 CGO 取代也就不足為奇了。

從 CMO 到 CGO,揭示了四個變化趨勢:

  • 從花錢到賺錢
  • 從定性到定量
  • 從創(chuàng)意到業(yè)績
  • 從經驗到試驗

誰能肯定 CMO 的今天不會成為 UED 的明天呢?當然,我認為 UGD 只是未來的一個發(fā)展趨勢之一,我想未來設計師還會有很多其它的發(fā)展方向等待我們深入探索。

2. 地利

雖然我換過幾次工作,但是有一點我從來沒變,就是一直在做和商業(yè)相關的產品(電商、To B、互聯(lián)網(wǎng)金融),所以我對業(yè)務、對數(shù)據(jù)更敏感一些。和同行交流的過程中我也發(fā)現(xiàn)一個明顯的現(xiàn)象:越是接觸商業(yè)產品的設計師,越重視數(shù)據(jù)量化。當然現(xiàn)在不僅是商業(yè)產品,所有類型產品的從業(yè)人員都需要有這個意識。比如做社交產品,也需要通過活躍度等指標來檢驗成果。

3. 人和

設計團隊的地位其實普遍是比較尷尬的,因為你很難證明對產品、對企業(yè)的價值。以前設計師還可以靠特立獨行來贏得一些關注,但現(xiàn)在隨著時代的變化,設計和業(yè)務綁定的趨勢越來越明顯。與此同時,大部分設計師卻還沒有做好相應的準備,不知道該如何幫助業(yè)務增長。

雖然支持團隊很難成為核心團隊,但我們依然可以通過改變自己,努力離核心部分近一點,更近一點。

三、UGD服務于用戶還是業(yè)務?

看了前面的分析,可能有人會感覺迷茫:設計師到底應該服務于業(yè)務還是用戶呢?

傳統(tǒng)思維認為,設計師應該為用戶、為體驗負責。實際上,體驗與業(yè)務并不沖突。通過一年多的試驗,我們發(fā)現(xiàn)能帶動業(yè)務數(shù)據(jù)提升的設計方案,質量都比原始方案要好。通過無數(shù)次的試驗結果總結規(guī)律,設計師的進步非???,也非常大。

所以我們團隊的價值主張一直都是:以用戶為中心,以增長為導向!

四、如何從UED轉型成UGD?

很多設計師認為自己不太可能幫助業(yè)務有實質性的提升。其實設計的商業(yè)潛力是巨大的,只是還尚未被充分發(fā)揮出來。通過出眾的造型和外觀擊敗競爭對手、銷量大幅提升的案例不勝枚舉。所以我堅信設計師在這方面的空間非常大。

當然要成為 UGD 并不是通過輸出美觀的產出物就可以做到。UGD 必須致力于通過設計思維及專業(yè)技能,用最小成本為產品/企業(yè)創(chuàng)造最大價值。我們團隊在這方面已經摸索了一年多的時間,現(xiàn)在還在繼續(xù)探索中。

和 UED 相比,我認為 UGD 最重要的差別在于:

  • 更懂行業(yè):行業(yè)間差異
  • 更懂用戶:用戶群體差異
  • 更懂數(shù)據(jù):業(yè)務數(shù)據(jù)分析
  • 更懂增長:投入產出比

前三項相信大部分設計師已經開始意識到了,而第四項,也是最重要的一項,很容易成為設計師的軟肋。因為設計師太習慣于追求完美、「憋大招」了,他們很少考慮如何用較小的成本創(chuàng)造更大的價值。實際上,設計師縝密的思維、優(yōu)質的創(chuàng)意如果能和精益思維、增長思維結合起來,將產生驚人的效果!

當然說來容易做來難,我們在長期的實踐過程中經歷了很多失敗和挫折,感謝公司的無限包容,使得我們最終能夠沉淀出一套嚴謹?shù)摹冈鲩L體系」作為理論支撐,并不斷帶給業(yè)務方驚喜。

Node.js從無到有-No.1

seo達人

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

1、初始node.js

1、node.js是由chrome瀏覽器V8引擎,C++編寫的JavaScript運行環(huán)境,node.js可以解析JS代碼,而且沒有瀏覽器安全級的限制,還提供很多系統(tǒng)級別的API。

2、簡單介紹一下node.js后推薦給大家?guī)讉€網(wǎng)站,大家可以從這幾個網(wǎng)站上學習更多

https://nodejs.org/en/    Node.js的官方網(wǎng)站

https://stackoverflow.com/  技術問答社區(qū)

3、安裝node.js(這部分感覺沒有什么好說的,因為就是下載安裝的過程,不熟悉的同學去下面菜鳥教程這個網(wǎng)站參考一下就行)https://www.runoob.com/nodejs/nodejs-install-setup.html

4、node.js版本的常識:偶數(shù)位為穩(wěn)定版本,奇數(shù)為非穩(wěn)定版本

5.node.js基礎-起一個web服務器

(1)首先在某個路徑下面寫一個server.js文件,文件內容如下:

[javascript] view plain copy
  1. var http=require('http');  
  2. http.createServer(function(req,res){  
  3.    res.writeHead(200,{'Content-Type':'text/plain'});  
  4.    res.end("Hello world\n");  
  5. }).listen(1337,'127.0.0.1');  
  6. console.log('Server running at http://127.0.0.1:1337');  

(2)然后在該路徑下面使用node運行server.js文件

(3)服務就運行起來了,那么打開瀏覽器,進入http://127.0.0.1:1337/里面就可以看到Hello World


(4)現(xiàn)在我們回過頭去看看剛才那個server.js文件里寫的都是什么東西

[javascript] view plain copy
  1. var http=require('http');              //1、加載http模塊,負責是創(chuàng)建web服務器和處理http相關的任務等等  
  2. http.createServer(function(req,res){   //3、監(jiān)聽到從1337端口過來的請求就會執(zhí)行這個匿名回調函數(shù),req是請求體,res是響應體,給請求響應一些內容  
  3.    res.writeHead(200,{'Content-Type':'text/plain'});  //4、狀態(tài)碼200,表示請求成功  
  4.    res.end("Hello world\n");                         
  5. }).listen(1337,'127.0.0.1');           //2、通過createServer()方法創(chuàng)建服務器,使用listen()方法在1337端口監(jiān)聽請求  
  6. console.log('Server running at http://127.0.0.1:1337');  

(5)現(xiàn)在我們將server.js文件中的res.end("Hello  World\n")修改為res.end("Hello  Node.js\n"),然后之前我們的服務還沒有關掉,在命令行按下Ctrl+C停掉服務,再使用命令重新開啟,然后進入到瀏覽器刷新http://127.0.0.1:1337/頁面就出來結果了

(6)剛才在server.js文件中的寫法都是鏈式寫法,我們看nodejs官網(wǎng)提供的寫法,就很清晰

[javascript] view plain copy
  1. const http = require('http');  
  2.   
  3. const hostname = '127.0.0.1';  
  4. const port = 3000;  
  5.   
  6. const server = http.createServer((req, res) => {  
  7.   res.statusCode = 200;  
  8.   res.setHeader('Content-Type''text/plain');  
  9.   res.end('Hello World\n');  
  10. });  
  11.   
  12. server.listen(port, hostname, () => {  
  13.   console.log(`Server running at http://${hostname}:${port}/`);  

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務



UI中國10周年海報

資深UI設計者

祝賀UI中國十周年快樂,感謝UI中國對我一直的支持,最近也很忙,抽空做了個海報表示祝賀吧,比較菜,做得不是很好請擔待,謝謝大家!

請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖請登錄并驗證郵箱后查看原圖

2018年UI設計趨勢概覽

藍藍設計的小編

互聯(lián)網(wǎng)產品的用戶界面設計趨勢是根據(jù)用戶的不同需求而不斷變化的。在仔細分析了過去幾年用戶界面設計的趨勢和創(chuàng)新之后,我們可以發(fā)現(xiàn)其背后的一些規(guī)律,2018年UI界面設計的趨勢如下。

ajax學習二——從表單提交中了解前后端數(shù)據(jù)交互

seo達人

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里

一直不太懂前后端的交互,開始學習ajax,好像有些懂了,接下來的內容通過表單提交來了解前后端數(shù)據(jù)交互吧~

關于表單的基本知識:

表單中的三個內容:

    action:數(shù)據(jù)提交的地址,默認是當前頁面

    method:數(shù)據(jù)提交的方式,默認是get方式

    enctype:提交數(shù)據(jù)格式,默認是application/x-www-form-urlencoded

以下分兩種提交方式進行:

(1)get方式:

前端頁面:

[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Title</title>  
  6. </head>  
  7. <body>  
  8. <form action="get.php" method="get">  
  9.     <input type="text" name="userName"/>  
  10.     <input type="submit" value="提交"/>  
  11. </form>  
  12. </body>  
  13. </html>      

后端php頁面:

[php] view plain copy
  1. <?php  
  2. header('content-type:text/html;charset="utf-8"');//返回頭  
  3. error_reporting(0);  
  4.   
  5. $userName=$_GET['userName'];//主要這里要對應提交的方式,如果表單使用的是get方式則后端需要用get,如果是使用post,則后端需要使用post  
  6.   
  7. echo "你的名字:{$userName}";  

輸入“aa"提交后:

使用get方式:

把數(shù)據(jù)名稱和值通過”=“連接,如果又多個的話,會通過”&“進行連接,然后把數(shù)據(jù)放到url?后面?zhèn)鞯街付撁妫?/span>

url長度又限制,所以不要使用get方式傳遞過多的數(shù)據(jù)

(2)post方式:

前端頁面:

[html] view plain copy
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>表單提交方式2,post</title>  
  6. </head>  
  7. <body>  
  8. <form action="post.php" method="post">  
  9.     <input type="text" name="userName"/>  
  10.     <input type="submit" value="提交"/>  
  11. </form>  
  12. </body>  
  13. </html>  

后端php頁面:

[php] view plain copy
  1. <?php  
  2. header('content-type:text/html;charset="utf-8"');  
  3. error_reporting(0);  
  4.   
  5. $userName=$_POST("userName"); //注意這里的要和提交的方式對應  
  6. echo "你的名字:{$userName}";  

輸入”li“提交后:

post理論上是無傳輸大小限制的,輸入的內容也不會顯示在瀏覽器輸入欄中。

就暫時了解這么多了~繼續(xù)加油!

藍藍設計www.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://www.yvirxh.cn

存檔