地圖作為記錄地形傳遞路線信息的載體，在人類文明中一直扮演著重要的角色。其承載形式一直緊跟著時代技術(shù)的發(fā)展而變化，從石板、動物皮革，到絲綢、紙張。當(dāng)互聯(lián)網(wǎng)走進千家萬戶，地圖也步入電子化時代。
相較于紙質(zhì)地圖，電子地圖優(yōu)勢顯著：更新速度快、獲取信息效率高、更清晰、可交互等。電子地圖（后文簡稱地圖）的出現(xiàn)也影響著人們的出行方式，尤其當(dāng)智能手機普及，我們可以隨時查詢地點、發(fā)起導(dǎo)航，再也不需要提前記下高速出口和轉(zhuǎn)向路口了。
滴滴擁有網(wǎng)約車、代駕、騎行、公交、自駕導(dǎo)航等眾多業(yè)務(wù)，是一站式出行平臺。而地圖作為承載出行服務(wù)的重要載體，橫向支撐著各業(yè)務(wù)線的發(fā)展。以網(wǎng)約車業(yè)務(wù)為例，調(diào)研結(jié)果顯示絕大部分乘客都會關(guān)注并使用地圖。
隨著各業(yè)務(wù)線對體驗的要求不斷提升，單一的地圖模式已經(jīng)不能滿足業(yè)務(wù)訴求及用戶需求，需要進一步細(xì)分場景、精細(xì)刻畫地圖樣式，于是地圖的設(shè)計也變得愈發(fā)重要。
地圖承載的信息種類復(fù)雜、數(shù)量巨大，初期可能會找不到設(shè)計切入點。我們可以先了解下它的定義和實現(xiàn)方式，或許就能從中找到答案。
定義：地圖是依據(jù)一定的數(shù)學(xué)法則，采用地圖語言，經(jīng)過制圖綜合來表示地球表面的圖形。
實現(xiàn)流程：
結(jié)合“從雛形到完整地圖”這一步流程的實現(xiàn)方式，進而可將地圖拆分為基礎(chǔ)層、策略層和感官層。幫助各職能角色找到對應(yīng)切入點。
解構(gòu)地圖后，我們不難看出，感官層是設(shè)計側(cè)需要關(guān)注的重點層級。
面對如此復(fù)雜的地圖信息，為了梳理出清晰的思路，我們會對地圖元素進行分類：根據(jù)數(shù)據(jù)的類別和呈現(xiàn)狀態(tài)，可拆分為點、線、面三類元素。
名詞解釋：POI, Point of Information的縮寫，即“信息點”。一個POI可以是一棟房子、一個商鋪。
名詞解釋：AOI, Area of Interest的縮寫，即“信息面”。指的是區(qū)域狀的地理實體，如醫(yī)院、小區(qū)等。
從定義可以看出，地圖是一種特殊的圖形語言，是以上所有元素的集合體。相比我們所了解的UI設(shè)計、運營設(shè)計，地圖有屬于自己的設(shè)計原則。以下為大家總結(jié)了一些核心的原則：
符合制圖學(xué)和公眾認(rèn)知
地圖發(fā)展到現(xiàn)在已經(jīng)成為了一門學(xué)科，我們會發(fā)現(xiàn)即使語言不通，拿到一張地圖時也能看懂，這是因為有制圖學(xué)和公眾認(rèn)知在規(guī)范著地圖設(shè)計。如地圖默認(rèn)北向上、草地水系基本遵循物理世界的顏色、省界線是實線、停車場圖標(biāo)大多用P來代表等等。符合制圖學(xué)和公眾認(rèn)知，大大降低了用戶的學(xué)習(xí)成本和記憶負(fù)擔(dān)，使地圖可以作為一種世界通用語言流通起來。
保證識別度
地圖屬于信息類工具，其上出現(xiàn)的元素均需清晰可識別，保證可讀性是最基本的設(shè)計原則。所以在設(shè)計時會限制顏色對比度、最小字號等，而具體規(guī)則會根據(jù)場景確定。
清晰有層次
地圖的層次清晰包含了兩個方面：信息主次清晰，視覺具有整體性。
信息主次清晰，地圖信息龐雜，沒有主次關(guān)系會影響用戶的讀圖效率。在設(shè)計時需要考慮元素本身的特點、重要性，可通過顏色、icon/文字大小、線形寬窄等表達(dá)。做到同類元素有關(guān)聯(lián)性，不同元素有差異性。同時，信息主次也會根據(jù)比例尺的變化有所調(diào)整。
視覺具有整體性，在滴滴的業(yè)務(wù)場景中，地圖通常作為最底層組件出現(xiàn)，上層還會有很多業(yè)務(wù)組件。因此在設(shè)計時需克制用色，既要保證地圖中各元素之間的區(qū)隔度，又要保證地圖整體與其他業(yè)務(wù)組件拉開視覺層級。這樣才能更好的突出當(dāng)前業(yè)務(wù)模塊的重點，提升整體的使用效率和體驗。
細(xì)分地圖模式
地圖在各業(yè)務(wù)模塊中應(yīng)用廣泛，用戶需求也不盡相同，設(shè)計時需要根據(jù)使用場景區(qū)分不同模式。以網(wǎng)約車場景為例，業(yè)務(wù)信息始終處于上層，地圖用來幫助用戶定位、快速發(fā)單。因此，網(wǎng)約車場景的地圖整體性強、色調(diào)偏冷、視覺層級后退，能更好的搭配網(wǎng)約車模塊的整體設(shè)計，保證用戶的操作效率。
具有品牌特性
品牌調(diào)性一直是滴滴設(shè)計層面非常關(guān)注的原則，品牌基因貫穿了所有產(chǎn)品，始終具有獨特的視覺風(fēng)格。遵循品牌的視覺語言，使地圖可以更好的融合到產(chǎn)品中，保證了設(shè)計的統(tǒng)一性。
文章來源：優(yōu)設(shè) 作者：CDX創(chuàng)意設(shè)計中心
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
組件說明：
實現(xiàn) Result 結(jié)果頁。
效果展示：
實現(xiàn)的功能：
<template> <div> <el-result :item="item" @on-cancel="cancel" @on-submit="submit" /> </div> </template> <script> export default { name: "Result", data(){ return{ item: { title: '提交成功', submitText:"繼續(xù)填寫", cancelText:"退出應(yīng)用", status:"success" }, } }, created(){ let item = this.$route && this.$route.query; if(item.status==='fail'){ this.item = { title: '提交失敗，請聯(lián)系開發(fā)人員', submitText:"重新填寫", cancelText:"退出應(yīng)用", status:"fail" } } }, methods:{ cancel(){ dd.biz.navigation.close({ onSuccess : function(result) { /*result結(jié)構(gòu)
{}
*/ }, onFail : function(err) {} }) }, submit(){ this.$router.go(-1) } } } </script>
| 屬性 | 說明 | 類型 | 默認(rèn)值 |
|---|---|---|---|
| item | 頁面展示的靜態(tài)內(nèi)容集合 | Array | [] |
| title | 描述標(biāo)題 | String | – |
| submitText | 提交按鈕文本 | String | – |
| cancelText | 取消按鈕文本 | String | – |
| status | 輸入值字段 | String | – |
| on-cancel | 取消按鈕事件 | Function | – |
| on-submit | 提交按鈕事件 | Function | – |
Result.vue
文件路徑：share/result/Result.vue
<template> <div class="cm-tx-c cm-mt-08 cm-p-02"> <el-image :src="item.status==='success'?successBg:failBg" style="width: 250px" > <div slot="placeholder" class="image-slot"> 圖片加載中<span class="dot">...</span> </div> </el-image> <div :class="item.status==='success'?'success-title':'fail-title'">{{item.title}}</div> <div>{{item.describe}}</div> <div class="cm-flex cm-jc-sa"> <div @click="cancel()" class="cm-btn-cancel">{{item.cancelText}}</div> <div @click="submit()" class="cm-btn-submit">{{item.submitText}}</div> </div> </div> </template> <script> import successBg from '../images/result-success.png'; import failBg from '../images/result-fail.png'; export default { name: "ElResult", data(){ return{ successBg, failBg } }, props:{ item:{ type:Object, default:{} } }, created(){ }, methods:{ cancel(){ this.$emit('on-cancel',''); }, submit(){ this.$emit('on-submit',''); } } } </script> <style scoped> .success-title{ padding: 0.4rem; font-size: 0.35rem; color:#15bc83; } .fail-title{ padding: 0.4rem; font-size: 0.35rem; color:#f25643; } </style> 6轉(zhuǎn)載 作者：杏子_1024 2020-10-19 09:24:19 分類專欄： # Vue通用組件封裝
扁平化網(wǎng)頁設(shè)計的表現(xiàn)大多體現(xiàn)在配色、字體以及布局排版方面，這三樣結(jié)合得當(dāng)都能制作出漂亮的網(wǎng)站。在國內(nèi)很多企業(yè)網(wǎng)站的布局架構(gòu)幾乎是一樣的，最多就是LOGO和一點顏色變化，看不出什么特色和創(chuàng)新。
作為設(shè)計師，應(yīng)該多花點心思在創(chuàng)新上，比如網(wǎng)頁上的布局，其實它是可以變化多樣的，正如今天為大家分享yi xie布局排版好看的網(wǎng)頁設(shè)計作品，大家可以參考這些布局的設(shè)計，從中獲得一些靈感。
附加精美流程圖設(shè)計與賞析。
（以上圖片均來源于網(wǎng)絡(luò)）
（精美流程圖設(shè)計）
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
更多精彩文章：
ui界面設(shè)計之網(wǎng)站設(shè)計案例欣賞(一)
超贊的創(chuàng)意頁面排版設(shè)計，打造“視”不可擋的網(wǎng)頁設(shè)計
-設(shè)計過程中，共情（同理心）的一些觀點和心得，希望能夠讓更多設(shè)計師對這些軟能力有更好的提升和應(yīng)用，歡迎前來交流探討
————
在體驗設(shè)計的過程中，如果不能對設(shè)計對象有更深入的了解，設(shè)計思維就無法開始。而用戶對產(chǎn)品持有的觀念、態(tài)度甚至意見并不一定會表現(xiàn)的很明顯，這需要設(shè)計者更加主動的與用戶進行互動去構(gòu)建共情。這可以使得你能夠更加了解他們的需求、想法、情緒和動機。好消息是，你能掌握多種方法來與用戶構(gòu)建共情去獲取更多信息。并且當(dāng)你有足夠的“正念”和經(jīng)驗時，你也能成為共情他人的專家。
“正念”：有目的的、有意識的，關(guān)注、覺察當(dāng)下的一切，而對當(dāng)下的一切又都不作任何判斷、任何分析、任何反應(yīng)，只是單純地覺察它、注意它。
共情(Empathy)，也稱為神入、同理心，共情又譯作同感、同理心、投情等。 由人本主義創(chuàng)始人羅杰斯所闡述的概念，卻越來越出現(xiàn)在現(xiàn)代精神分析學(xué)者的著作中。不管是人性觀還是心理失調(diào)的理論及治療方法似乎都極為對立的兩個理論流派，卻在對共情的理解和應(yīng)用上，逐步趨于一致。共情似乎為現(xiàn)代精神分析與人本主義的融合搭起了一所橋梁。
我們常說的感同身受、換位思考、同情心、設(shè)身處地、將心比心這都是共情的一種描述。Empathy一詞源于德語“Einfühlung”，意為讓人們跟藝術(shù)品融為一體，比喻走進一件藝術(shù)品的奇妙體驗，因此國外常常會看見“站進別人鞋子里去”的共情比喻——（Stepping into their shoes as the saying goes, in order to gain a deeper understanding of their situations.）意為正如俗話所說，站在他們的立場上，以便更深入地了解他們的處境。
對于“共情”我更多的理解成是兩個或多個載體之間的一種共識一種情緒共鳴，然后再到行為跟思維上的影響。但實際上發(fā)生完全的共情是不可能的，有時連我們自己也會做一些無法理解的迷惑行為，并且客體是多樣化的，可以是跨物種的，跨維度的。而我們要做的就是在工作中定義共情的有效范圍，盡可能的與目標(biāo)用戶產(chǎn)生共情以了解更多信息或需求，然后去定義和構(gòu)思新的需求與設(shè)計。共情很重要，但它不是設(shè)計工作中的全部，有效而不要過度的使用也很重要。
共情載體的多樣化可以是你通過一幅畫感受到了作者的情緒表達(dá)
十字路口聽見火車的鳴笛聲，從而感知到危險的信號
當(dāng)你傍晚處在城市生僻的角落，打開地圖軟件，亮起了回家的導(dǎo)航
我們身邊的共情無處不在，正是這些共情使得人與人之間的情感更豐富，當(dāng)然也是因為人類有強大的表達(dá)能力。通常當(dāng)客體情緒在表達(dá)出來的情況下，主體是可以更容易得到共情的。所有當(dāng)主體更專注的去感受客體的情緒表達(dá)時，能夠使達(dá)到共情變得更迅速。
常的的共情場景；
身處于電影院，看到某一段感人的情節(jié)，很多人開始淚盈眼眶。
朋友講述著自己的不幸，你聽完后的同情與表示理解他。
看著熟睡的嬰兒，人們自覺的保持了安靜的氛圍。
準(zhǔn)備上樓，當(dāng)眼看電梯門就要關(guān)上時，里面的人幫忙打開了電梯門。
正在寫報告時，突然的停電讓你措手不及，也讓你的同事措手不及。
與伙伴開黑游戲，共同取得勝利那一刻。
.....
以上都是一些生活中常有的共情場景。通常當(dāng)我們與其他客體得到共情時，往往我們能夠更清楚客體傳遞的信息是什么、需求是什么，這完全可以應(yīng)用到我們的設(shè)計場景中幫助我們獲取更多的有效信息。
————
如果你想要更了解你的產(chǎn)品用戶，從而讓你的產(chǎn)品更好的服務(wù)用戶得到更好的體驗口碑，那么體驗設(shè)計師如果對目標(biāo)用戶沒有更深入的了解，那么產(chǎn)品設(shè)計中的各種設(shè)想都是沒辦法決策的，甚至都難以測試和驗證，這對產(chǎn)品研發(fā)一定是一個危險信號。而共情則能幫助我們洞察用戶需求和定義問題，所以共情在體驗設(shè)計中顯得基本且至關(guān)重要。
產(chǎn)品原型與交互界面時常是有所出入的，其原因在于前者更關(guān)注產(chǎn)品本身框架與盈利點，而后者更注重整體的用戶體驗的細(xì)節(jié)。共情用戶需求，以及思考商業(yè)盈利與用戶體驗之間平衡的點似乎是無法脫離共情應(yīng)用的。這便是共情應(yīng)用的一種體現(xiàn)，也是共情價值與設(shè)計賦能的體現(xiàn)。
一直以來在產(chǎn)品營銷廣告中，始終存在一些流氓的交互方式讓用戶苦惱。往往更加注重和尊重用戶感受可以更好的提升用戶的好感與使用體驗，這便能夠使產(chǎn)品與用戶之間的感情升溫贏得口碑。
在構(gòu)建產(chǎn)品業(yè)務(wù)框架時，大多可能會出現(xiàn)以公司服務(wù)資源為中心的構(gòu)建方式，但同時這種由內(nèi)而外開發(fā)方式會為產(chǎn)品帶來更多的弊端（往往產(chǎn)品投入使用后，會出現(xiàn)超出預(yù)期的問題）。嘗試去站進用戶的鞋子里去，或者找來目標(biāo)用戶甚至是相關(guān)的專家來做咨詢，減少研發(fā)迭代的彎路。
用戶畫像是體驗設(shè)計中常見的一種設(shè)計工具，它能夠幫助產(chǎn)品定義目標(biāo)用戶，能夠有效用于產(chǎn)品設(shè)計決策或者洞察用戶需求等。一個好的用戶畫像是基于真實用戶的，它不是胡編亂造的。畫像在于形成多組可供參考的角色材料，這有利于跨團隊跨層級之間快速實現(xiàn)共情，達(dá)到業(yè)務(wù)目標(biāo)的統(tǒng)一性。因此一組目標(biāo)用戶畫像能否幫助團隊快速實現(xiàn)共情是一個重要的衡量標(biāo)準(zhǔn)，而不僅是一組人口調(diào)查數(shù)據(jù)。
故事的元素通常會更豐富更有趣味，用故事敘事更能提升用戶的興趣和關(guān)注，這能便于構(gòu)建共情。因此當(dāng)你發(fā)布測試任務(wù)或者撰寫研究報告時，都可以加入背景故事或用故事敘事，便于對象更容易理解和共情，你甚至可以用筆繪制故事版，像四格漫畫一般，因為用圖傳達(dá)概念或信息更容易讓人記住或回想起來，并且當(dāng)你用這些方法時，自身也能加強理解。共情不是單向傳遞的，不要高估對方的理解能力，讓你的信息更簡單明了的傳遞也是重要的共情應(yīng)用！
在與目標(biāo)用戶進行互動的時候，通常會借助電子設(shè)備幫助記錄這個過程，目的是為了更仔細(xì)的觀察和聆聽，并注意到被忽略的信息。就像一種正念，我們會帶有目的性的觀察目標(biāo)活動，并且不會進行干涉，同時不對當(dāng)下發(fā)生的一切提前作出任何結(jié)論、分析或判斷，直至這個過程有了一個里程或結(jié)果，我們再將收集到的各種信息放在一起去思考。傾聽和觀察是人與人之間互動的根本方式，相對仔細(xì)完整的傾聽與觀察可以獲取到更加有效的共情，而片面的則可能產(chǎn)生共情偏差。
共情在體驗設(shè)計的應(yīng)用中很廣泛也很重要，甚至還延展了許多幫助共情的工具，這些都是為了讓設(shè)計者能夠更好的了解市場、發(fā)掘用戶需求、甚至找到新的產(chǎn)品機會，最終幫助企業(yè)解決產(chǎn)品實際問題。有時在共情工作中，我們就像一個老中醫(yī)一般，對患者望聞問切。 一旦有了問題，就應(yīng)該及時使用適當(dāng)?shù)姆绞饺ス睬槟繕?biāo)對象，定位問題所在，并制定解決方案。
————
為了尋求更加有價值的目標(biāo)用戶進行共情研究，我們會對共情的目標(biāo)進行范圍篩選，可以是根據(jù)某些用戶習(xí)慣、常使用的產(chǎn)品服務(wù)、某個場景、也可以是社會群體(例如學(xué)生、司機)、甚至可以是動植物(例如寵物類產(chǎn)品)。所以第一步你要根據(jù)需求去制定共情目標(biāo)的篩選條件，然后一點點縮小和鎖定有效的目標(biāo)群體，再開始招募、溝通或是進行其他下一步工作。我們沒辦法跟所有目標(biāo)用戶構(gòu)建共情也沒有必要這樣做。通常五個左右的用戶就能夠反映出大多數(shù)問題，并出現(xiàn)重疊的反饋。
伴隨產(chǎn)品的發(fā)展過程用戶也在時時發(fā)生微妙的變化，在跨度大的迭代中，嘗試與產(chǎn)品潛在用戶或極端用戶進行共情研究也是很有價值的。潛在用戶的需求通常存在著更多的不確定，這也意味有發(fā)現(xiàn)新機會的可能。而極端用戶通常會有一些更刻薄的需求，這些需求可能不是主流，但也有主流發(fā)展的潛力，不過至少這些改進會為極端用戶帶來驚喜。這就像是在公交車站下安裝一臺自動售賣機，不是大多數(shù)人的需求，也不是當(dāng)前的主流趨勢，但卻能夠為部分乘客帶來方便或驚喜，我們不能忽略這些少數(shù)。
在體驗設(shè)計的過程中，我們需要與目標(biāo)對象構(gòu)建共情時，一定是有目的有意圖的。以使用性測試為例，往往我們都會設(shè)定一些產(chǎn)品測試任務(wù)和目標(biāo)給用戶，再進行觀察和共情。這也將允許我們能夠在同一個或相似的場景事件中發(fā)生共情，這樣才能夠獲取到更真實有效的共情。以一個吸塵器產(chǎn)品為例，如果對方是在地毯上測試的，而你是在木質(zhì)地板的環(huán)境下去共情的，那么共情結(jié)果肯定是有所出入的。所以構(gòu)建一個共情目的甚至是環(huán)境是有效共情的一個重點之一。
構(gòu)建共情會受情緒影響，在共情前有必要去除負(fù)面情緒影響，不要為共情構(gòu)建帶來更多的阻力，另外則是仔細(xì)的傾聽和理解。這就好比我們要專注學(xué)習(xí)，除了認(rèn)知聽講，腦子里一旦充斥著其他負(fù)面情緒或思維影響，就很難完成專注學(xué)習(xí)的目的。同理，在用戶幫助我們測試產(chǎn)品或訪談時，我們也要首先做好彼此的心理建設(shè)，去除主要的負(fù)面情緒甚至去除不利的環(huán)境影響因素，例如緩解用戶緊張不安的情緒，找一個素一點且安靜的測試房間等。
圖表、筆記、錄制設(shè)備是幫助我們共情的最好工具，在不同的場景下，這些工具能夠幫助我們更好的收集信息，并且便于我們思考和共情。我們在短時間能記住的信息是有限的，這也是為什么我們會用到7±2這種定律去控制信息量的原因。以用戶體驗地圖為例，在記載用戶體驗產(chǎn)品的過程中，便是一種很好的共情輔助工具，它能夠按照使用步驟或階段記載用戶使用情況和情緒變化等反饋。
在我的理解中，共情由四個主要的因素影響來構(gòu)成。
一、尊重：受到不同的環(huán)境跟經(jīng)歷影響，要去準(zhǔn)確理解一個人是很困難的，哪怕是多年的夫妻也是如此。所有首先要做到尊重，消除任何偏見，不要帶有批判或評價的心理。然而做到足夠的尊重也并不容易。
二、觀察：觀察是獲取客體傳遞信息的主要途徑，不能掌握足夠的信息是無法做到共情的，片面的或者假設(shè)的信息都將影響到正確的共情。
三、思考：對客體的信息與觀念進行思考，嘗試?yán)斫饪腕w的各種行為根因以達(dá)成一致的認(rèn)知。
四、融入：將自己感受到的情緒與認(rèn)知代入到共情對象的行徑中，去仔細(xì)揣摩，以洞察用戶的行為、感受、需求、思維方式以及與產(chǎn)品之間的關(guān)聯(lián)，就像靈魂附體一般，以達(dá)到更深入的共情來定義問題。
最后便是共情結(jié)果如何應(yīng)用到設(shè)計之中，將共情結(jié)果賦能到產(chǎn)品設(shè)計也是共情工作的價值所在。通常這套流程是共情->定義->構(gòu)思->原型->測試，在這個整個過程中隨時是可以返回到前面其他階段中反復(fù)打磨的，而共情作為一個起點也揭示了其重要性。我們一切的共情工作皆為了能夠優(yōu)化和解決產(chǎn)品的問題，使得產(chǎn)品體驗?zāi)軌蚋茫@是我們在體驗設(shè)計中不斷去共情的初衷。
————
以移動端的產(chǎn)品來講，現(xiàn)在好的共情設(shè)計真是百花齊放，這正是創(chuàng)新技術(shù)與共情設(shè)計發(fā)展的好趨勢，也是敢于創(chuàng)新探索的好機遇。這里我們放三種典型的欣賞案例說一下；
一、智能便捷型：給用戶提供更加智能便捷的服務(wù)功能，使得用戶能夠獲得更輕松流暢的服務(wù)體驗；
二、人性化類型：通過大數(shù)據(jù)與技術(shù)手段，為用戶提供更加人性化的服務(wù)方案，提升用戶好感度、依賴性，加強產(chǎn)品口碑與體驗；
三、情感關(guān)注型：有一些屬于情感關(guān)注類型的共情設(shè)計，通過獲取用戶的場景信息或其他數(shù)據(jù)共情用戶情緒，并給予用戶合適的關(guān)愛、幫助、引導(dǎo)。為用戶帶來軟件有情感，品牌有溫度的體驗；
在體驗設(shè)計中，情感化設(shè)計一定會是一個值得深入方向，我們應(yīng)該關(guān)注到不同場景下用戶會產(chǎn)生的情緒變化，為用戶提供更加走心的服務(wù)體驗，為產(chǎn)品收獲更多口碑。當(dāng)然，在產(chǎn)品完善的這個漫長過程中，我們也要隨時甄別我們所做的事情是否對用戶和企業(yè)有更高的價值。在研發(fā)資源有限的情況下，劃分這些設(shè)計點的權(quán)重，合理分配研發(fā)資源。
————
能夠?qū)睬闃?gòu)建產(chǎn)生影響的認(rèn)知偏差挺多的，這些認(rèn)知上的偏差會影響到共情的正確性，不僅是構(gòu)建共情的主體還是客體都會有影響。國外產(chǎn)品設(shè)計師Abhishek Umrao在UX MAGAZINE（https://uxmag.com/articles/6-ways-psychology-affects-your-design-work）上整理了六個關(guān)于影響UX體驗設(shè)計的認(rèn)知偏差可以了解一下。這里圍繞構(gòu)建共情補充了一些相關(guān)認(rèn)知偏差，希望能夠在構(gòu)建共情的工作中再少一些坑；
共情偏差是指由于經(jīng)驗、預(yù)期和態(tài)度存在差異，我們很難準(zhǔn)確地去體會他人的感受。這一點就是前文提到的我們無法做到完全共情，我們對共情的概念要有一定認(rèn)知。
建議：通過技巧去彌補，減少認(rèn)知偏差。多一些耐心的聆聽，減少偏見和執(zhí)念，嘗試思考如果是TA該怎么辦？
情緒會對我們的認(rèn)識和行為產(chǎn)生影響，而負(fù)面情緒產(chǎn)生的影響則是最大的，這會對我們的共情判斷產(chǎn)生偏差，所以前文我們會提到消除情緒噪點的概念。
建議：盡可能的維持中立或積極的情緒狀態(tài)會更有助于共情工作，但至少是消除負(fù)面的情緒影響。
觀察者常常會不自覺地扭曲影響因素或數(shù)據(jù)，以得到預(yù)期結(jié)果。這就好比在用戶進行產(chǎn)品測試的期間，向你咨詢了意見，而你很有可能不自覺的給出你的期望或者一些暗示，這會對目標(biāo)產(chǎn)生可暗示性偏差(Suggestibility)，使得目標(biāo)想到的內(nèi)容往往會被扭曲。
建議：1. 對面向用戶的測試材料進行自查糾正，盡可能處于中間立場，不要干擾測試結(jié)果。2. 在主持訪談或用戶測試現(xiàn)場時，對于用戶的主動咨詢或交談中不要解釋過多，讓用戶理解其定義跟概念即可，說的越多越是容易出現(xiàn)觀察者預(yù)期效應(yīng)。
基于自身的認(rèn)知或經(jīng)歷，有時做出判斷會過度依賴個人直覺，而不去收集更多有益于做出準(zhǔn)確判斷的證據(jù)。這一現(xiàn)象常常表現(xiàn)為產(chǎn)品或項目經(jīng)理的一拍腦袋的決定，但是往往因為過度依賴直覺而忽略了實際的場景差異等。
建議：對于不能直接給出有效證據(jù)的決策，要敢于質(zhì)疑而去追究其正確性。當(dāng)使用參考信息時要思考兩者之間的差異性。總之不要憑借事件的相識性而忽略差異性，最終憑直覺決策。
人們會過度倚重某些權(quán)威的意見，而忽視事情發(fā)生的實際背景。以品牌的影響力為例，兩種不同的任務(wù)實施程序，通常人們會認(rèn)為大品牌的方案更好更值得信賴，而忽略了一些體驗細(xì)節(jié)。
建議：對于相比較的軟件測試任務(wù)，我們有時會弱化甚至隱匿品牌信息。其目的便是在比較時減少這些權(quán)威偏見，不論是正面的還是負(fù)面的，這些都會影響用戶判斷，所以在特殊的場景研究下，請注意這一影響是否干擾結(jié)果。
人們會過度依賴先前的經(jīng)驗，把一些極端事件看作正常的，認(rèn)為事情很快會過去。以用戶測試為例，當(dāng)6個人都正常完成了測試任務(wù)，僅有一人出現(xiàn)出現(xiàn)問題時，這是一個概念問題，我們不能忽視這僅有的一個用戶，更不能安慰自己這只是一個特例。
建議：上文有提到嘗試與極端用戶進行交流，其實道理類似，問題純在即合理，我們有必要注重和研究這些極少數(shù)，它們極有可能帶來新的機會點。
人們高估自己的個人心理狀態(tài)被他人知曉的程度的一種傾向，時常表現(xiàn)為你以為別人都明白了你的意思，實際上別人明白的還遠(yuǎn)遠(yuǎn)不夠。與“知識的詛咒”這一偏差的差別在于，前者是我以為對方明白了實際對方還有諸多不解，而知識的詛咒是你無法給對方進行可理解的解釋，有著文化背景或認(rèn)知的障礙，實際上這兩者偏差概念都會影響到共情工作。實際辦公中透明度錯覺時常體現(xiàn)在需求表達(dá)、文檔解釋、跨部門溝通中，往往你以為你說的已經(jīng)很清楚了，但在實際研發(fā)中卻會體現(xiàn)出諸多差異。
建議：適當(dāng)?shù)牧私馄渌块T的專業(yè)文化，便于更好的解釋給對方。組織好信息框架，簡單易懂的信息框架易于對方理解，例如書本的目錄大綱、信息的分類等。跨團隊或部門的PRD（產(chǎn)品需求文檔）盡可能的減少專業(yè)術(shù)語的應(yīng)用或者進行注釋，文檔的目的不在于體現(xiàn)多專業(yè)而是更加易懂的傳達(dá)信息。
————
研究用戶從觀察自己開始。每個時代的人都會有不一樣的特質(zhì)或者某些現(xiàn)狀，在這個大環(huán)境下，你會發(fā)現(xiàn)與同齡人之間有很多相似點，那么加強對自己的行為理解，是不是就等同研究了這些同齡用戶的共有特征？這些特性是否會對你的產(chǎn)品使用有關(guān)聯(lián)？帶著這些特性去體驗?zāi)愕漠a(chǎn)品時，是否會發(fā)現(xiàn)新的機會點？
參考文獻：https://uxren.cn/?p=68537#影響UX設(shè)計的6個心理偏差
參考文獻：https://uxren.cn/?p=68382#如何構(gòu)建同理心
文章來源：站酷 作者：泡泡bing
到底什么是共情
百科
通俗含義
身邊的共情
共情對體驗設(shè)計的作用
以交互設(shè)計為例
- 電商的界面設(shè)計：
- 移動端常見廣告推廣界面：
- 組織產(chǎn)品功能架構(gòu)時：
用戶研究中的共情應(yīng)用
- 用戶畫像：
- 用故事去描述：
- 仔細(xì)傾聽和觀察：
小結(jié)：
如何在體驗設(shè)計中構(gòu)建共情
制定共情的范圍
- 在不同研發(fā)階段嘗試與特殊的用戶共情
帶有目標(biāo)的進行
情緒降噪與傾聽
合理的工具輔助
構(gòu)建共情的要素
共情為設(shè)計賦能
好的共情設(shè)計欣賞
小結(jié)：
共情構(gòu)建中的認(rèn)知偏差
1. Empathy gap（共情偏差）
2. Negativity bias（負(fù)面情緒偏差）
3. Observer-expectancy effect（觀察者預(yù)期效應(yīng)）
4. Automation bias（直覺偏誤）
5. Authority bias（權(quán)威偏見）
6. Normalcy bias（正?；`）
7. Illusion of transparency（透明度錯覺）
趣味思考
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
的App類別是游戲，而健康&健身幾乎沒有進入前10。2020年雖是艱難的一年，但它提供了很多機會，可以為移動應(yīng)用市場引入一種新的經(jīng)濟回報和有意義的醫(yī)療解決方案，直接影響人們的健康行為、并幫助他們生活得更輕松、更愉悅。
為此，你需要一個功能強大的App，因為如果不能運行的話他就是無用的產(chǎn)品。但是這種強大的功能還需要通過設(shè)計來將它呈現(xiàn)出來。一個優(yōu)秀的醫(yī)療App設(shè)計將醫(yī)藥類App最重要的細(xì)節(jié)呈現(xiàn)出來，并引導(dǎo)用戶使用，以及建議用戶接下來如何操作，最終完成必要操作。
一個App能憑借自身成為一個的客戶開發(fā)工具和公司的核心產(chǎn)品。對于與健康或醫(yī)學(xué)相關(guān)的產(chǎn)品，UI/UX設(shè)計更為重要。
呼吸監(jiān)測應(yīng)用程序-作者: George Frigo
在這篇對設(shè)計師和公司都有幫助的文章中，我們將探討一些醫(yī)療App設(shè)計中的最佳實踐是如何發(fā)揮作用的。
醫(yī)療類應(yīng)用類型
值得注意的是，“醫(yī)療保健App”是一個多方面的概念，包含了大量與健康和醫(yī)學(xué)相關(guān)的數(shù)字產(chǎn)品。
這里有很多類型的醫(yī)療類App，包括：
醫(yī)療專業(yè)人員遠(yuǎn)程病人會診的App（遠(yuǎn)程醫(yī)療）
電子病歷App(EMR)
記錄和管理患者生命體征的App
提醒患者服藥、鍛煉等的App
醫(yī)療計算App
提供醫(yī)療信息參考的App
健身和運動類App
健康的生活方式和健康A(chǔ)pp（每日飲水量、睡眠管理等）
這似乎是一個過于寬泛的主題（例如，將卡路里計數(shù)器app與醫(yī)學(xué)教育解決方案相比較），但是也有一些通用設(shè)計經(jīng)驗可以使得醫(yī)療健康類App更、讓人們有辦法得到他們想要的。
醫(yī)療應(yīng)用程序作者: Victor Nikitin
如何為醫(yī)療健康打造移動應(yīng)用
即使一個App不是企業(yè)的主要產(chǎn)品，它也有可能產(chǎn)生巨大的價值。例如，如果它是一個醫(yī)療辦公室的配套應(yīng)用程序，它可以減輕員工的負(fù)擔(dān)，為客戶提供信息和服務(wù)。如果一個健康A(chǔ)pp是企業(yè)的主要產(chǎn)品，比如健身或冥想應(yīng)用程序，那就比較危險了。有時候，健康A(chǔ)pp的缺陷是人們放棄使用這些App的原因。
為了避免這種情況，我們來看看醫(yī)療App設(shè)計中的一些最佳實踐技巧，以及它們?nèi)绾螏椭鶤pp聚焦、直觀和快速。
醫(yī)療保健: Anatoly
調(diào)研—成功的第一步
在設(shè)計原型應(yīng)用程序界面之前，你需要知道誰是你的目標(biāo)用戶，以及他們的地理環(huán)境、社會經(jīng)濟背景和心理特征，畢竟沒有產(chǎn)品可以迎合每個人。用戶的興趣和能力決定了他們?nèi)绾闻c軟件互動。所以解答以下問題將有所幫助：
誰是你的目標(biāo)人群？
他們喜歡什么？
怎么樣的app他們每天都會使用？
使用目的？
通常，醫(yī)療健康軟件要么被患者使用，要么被醫(yī)生使用（如果我們將生活服務(wù)類軟件的用戶也計作患者的話）。這兩種用戶的需求在功能和UI設(shè)計上都有不同。因此，醫(yī)務(wù)人員通常需要快速獲得某些數(shù)據(jù)項：EHR/EMR（電子健康檔案/電子病歷），藥品規(guī)格標(biāo)準(zhǔn)，診斷和治療建議，參考資料等。然而患者需要的是盡可能精簡的、易于理解的信息項。因為這一群體中有相當(dāng)一部分老年人或者有某種特殊障礙。
只有進行了恰當(dāng)?shù)挠脩粽{(diào)研，得出了相應(yīng)的結(jié)論，設(shè)計師才能繼續(xù)醫(yī)療健康軟件的真實有效的設(shè)計。
Chahua的健康管理軟件
細(xì)化明晰每個案例
醫(yī)學(xué)對普通人來講是復(fù)雜的學(xué)科，最好的方法反而是將醫(yī)療健康設(shè)計得相對簡單，以安撫用戶并讓他們保持專注。
“世人總將事物搞復(fù)雜，殊不知，簡單才是至理?！?——Richard Branson
想要給人留下深刻印象，將醫(yī)療UI設(shè)計得過于詳細(xì)是沒有意義的，最好的是界面和邏輯易于理解，即使軟件是專為醫(yī)務(wù)人員設(shè)計的（當(dāng)然，不要居高臨下）。
醫(yī)療App/檔案和活躍度-作者: Igor savalev
設(shè)計醫(yī)療健康軟件的UI，提供有益的新用戶引導(dǎo)流程，使界面可直觀理解。否則，用戶會對糟糕的體驗失望，甚至等不到進入核心功能就會退出。
所有相關(guān)方，不管是醫(yī)生還是患者，都會喜歡清晰極簡的軟件，這樣，你就不需要讓用戶學(xué)習(xí)如何操作軟件，這對醫(yī)療機構(gòu)來講是個解決辦法，他們已經(jīng)習(xí)慣了這些事。
幫助用戶穩(wěn)定發(fā)現(xiàn)功能，循序漸進地給予指導(dǎo)。以用戶引導(dǎo)流程開始，將app中每個動作劃分成可處理塊，一次提供一個操作說明。
使用恰當(dāng)?shù)念伾ǜM一步）
利用被動輸入和自動補齊功能限制用戶必須輸入的信息的數(shù)量，調(diào)整鍵盤，動態(tài)驗證字段值。這篇文章里還有更多表單設(shè)計相關(guān)。
所有醫(yī)療信息都得由擁有一定學(xué)歷和專業(yè)知識的專家提供，否則，這些內(nèi)容要么不完整，要么包含錯誤，這在醫(yī)療健康中是不容允許的。
醫(yī)務(wù)人員使用的醫(yī)療軟件-作者: yurig
功能的重要性（及特色）
醫(yī)療保健應(yīng)用程序的特性和功能類型取決于它的用途和目標(biāo)用戶。例如，醫(yī)療中心的應(yīng)用程序需要一個賬戶，病人可以在那里查看他們的就診、推薦和預(yù)約記錄。如果沒有安全加密的視頻會議和通信功能，遠(yuǎn)程醫(yī)療應(yīng)用程序就毫無用處。
與其他一般APP不一樣的地方，“首頁”是醫(yī)療類的app的主要功能的位置。先來回答一個問題: 為什么有人使用您的應(yīng)用程序(或類似的醫(yī)療類App) ，如果一個人訪問一個應(yīng)用程序來記錄或接收一些信息，聯(lián)系醫(yī)生，檢查他們的進展等，這個功能都放在“首頁”上？
呼應(yīng)前面的觀點，就是避免過多功能同時出現(xiàn)時的混亂。不可否認(rèn)，這種情況在傳統(tǒng)的醫(yī)療類App中更為常見，這些應(yīng)用程序有時候會分散注意力，不斷添加新的和新的功能，直到只有資深的用戶才能理解并熟練使用。
根據(jù)二八定律的法則告訴過你，80%的用戶傾向于使用不超過20%的功能。區(qū)分優(yōu)先次序，決定哪些功能對用戶最重要。
醫(yī)藥應(yīng)用App作者: Manoj Dalvadi
導(dǎo)航的研究和鑒賞
清晰的導(dǎo)航結(jié)構(gòu)是醫(yī)療應(yīng)用程序用戶界面設(shè)計的骨干必需組件。沒有它，這個App將會不再受歡迎。導(dǎo)航代表和易用，因此從用戶的角度來看是有價值的。一個醫(yī)療專業(yè)人士需要一個能輔助工具，因為他們已經(jīng)有太多的時間花在處理EHR（電子健康記錄）上了，【類似國內(nèi)的病歷本】。
經(jīng)斯坦福醫(yī)學(xué)院進行的調(diào)查發(fā)現(xiàn)，醫(yī)生花在每個病人身上的時間中，有62%的時間花在EHR（電子健康記錄）上。如果設(shè)計的導(dǎo)航不夠，那么這個App就沒有任何使用價值。就算病人目前在使用導(dǎo)航的頻率很低，但他們也不會樂意看到混亂的導(dǎo)航而放棄二次使用的機會。
重要的導(dǎo)航信息應(yīng)放在屏幕上顯眼的地方，并根據(jù)要求提供詳細(xì)信息。有一個“三次點擊規(guī)則”說系統(tǒng)的設(shè)計應(yīng)該使任何信息都可以在三次轉(zhuǎn)換中使用。如果用戶在三次點擊之后找不到他們想要的東西，他們可能會感到沮喪，放棄他們原本要做的任務(wù)。
目前采用標(biāo)準(zhǔn)的應(yīng)用程序?qū)Ш接校?/span>
-漢堡菜單
-標(biāo)簽欄
-導(dǎo)航抽屜
醫(yī)療應(yīng)用-作者: Alex Samofalov
色彩的運用方法
一般來說，應(yīng)用程序的顏色選擇取決于目標(biāo)用戶和應(yīng)用程序的主題來決定。
醫(yī)療保健應(yīng)用程序的設(shè)計通常是在中性色調(diào)與流行的冷色調(diào)的藍(lán)色和綠色，白色為背景。在大多數(shù)情況下，設(shè)計師這樣做是為了達(dá)到某些效果: 利用舒緩柔和的顏色與醫(yī)療保健行業(yè)的共同聯(lián)系，緩解焦慮，增加可信度。所以你很少能看到明亮的紅色或黃色在醫(yī)療類App的界面。
藍(lán)色為主的醫(yī)療類App，作者Adam Sokoowski
然而，考慮到醫(yī)療軟件的通用性，在顏色的選擇方面沒有特別的限制。要考慮到的是，應(yīng)用程序的整體外觀應(yīng)該創(chuàng)造一個積極的印象，而不是引起擔(dān)憂，恐懼，或其他不良情緒的感覺。
例如，下面這個健身應(yīng)用程序的深色調(diào)的設(shè)計看起來很漂亮，也不過時：
深色為主的醫(yī)療類App
健康與鍛煉應(yīng)用程序-作者: Saepul Rohman
或者用明亮的顏色來增加一些活力：
移動健身應(yīng)用-作者: Michal Parulski
追求個性
移動App的個性化設(shè)計是近年來最顯著的設(shè)計趨勢之一。某些功能需要適應(yīng)特定的用戶模式。
這樣設(shè)計的目標(biāo)是幫助用戶更地利用App解決他們的問題。這個系統(tǒng)提示了一個人接下來要指示的操作，否則這些可能會被忽略。要做到這一點，必須識別和分析用戶特征，并通過數(shù)據(jù)跟蹤用戶的行為變化。就像每個人都有自己不同的身體狀態(tài)一樣，他們也希望自己使用的App能根據(jù)他們的身體狀態(tài)提供相應(yīng)的差異化體驗。即使不是醫(yī)療保健行業(yè)，也有33% 的客戶會因為個性化不足而放棄某款產(chǎn)品。
在醫(yī)療App設(shè)計中，個性化定制選項有很多: 顏色主題、通知、交互元素、使用 AI 創(chuàng)建個性化推薦等等。
最大化可訪問性設(shè)計
易訪問性設(shè)計對于每個App設(shè)計都很重要，特別是醫(yī)療App。
醫(yī)療App的用戶通常有不同程度的視力和聽力，年齡，身體和心理障礙。醫(yī)療App的功能設(shè)計需要讓不同的用戶在使用過程中都有比較好的用戶體驗?？紤]不同用戶的局限性，并幫助他們努力克服局限性帶來的負(fù)面影響非常重要。例如，暈動病患者不太喜歡過多動效。
這并不意味著在醫(yī)療App設(shè)計中只能有兩種顏色，所有的字號都必須非常大，但這確實意味對于醫(yī)療App，設(shè)計師會面臨更多挑戰(zhàn)。不過這是一個額外鍛煉機會，而不是負(fù)擔(dān)。從WC3的網(wǎng)頁內(nèi)容無障礙指南開始，使用像這樣的色盲模擬器。
App無障礙設(shè)計的例子: 把主要元素放在拇指區(qū)，不要忘記選擇改變視圖為水平模式，字號需要更大，等等。
色盲模擬器-作者: keithar
積極態(tài)度的力量
醫(yī)學(xué)不僅復(fù)雜，而且通常讓人望而生畏。比較聰明的設(shè)計手法是讓你的應(yīng)用看起來和醫(yī)學(xué)毫無關(guān)系。這樣可以消除人們對醫(yī)學(xué)壓力的刻板印象，讓用戶體驗更加愉悅。
比如在用戶使用的不同階段運用積極的文案、有趣的圖片、舒緩的顏色或其他元素。醫(yī)療App界面設(shè)計中的圖片和圖標(biāo)需要能夠用戶調(diào)動積極、愉快的情緒，營造一種無痛感和安全感。
冠狀病毒APP-作者: Mahdieh Khalili
不要將App設(shè)計成網(wǎng)頁
在有醫(yī)療網(wǎng)站的情況下設(shè)計醫(yī)療App，老板甚至是設(shè)計師可能會將網(wǎng)頁頁面復(fù)制到App當(dāng)中，這樣通常會導(dǎo)致用戶放棄使用App。
移動端和網(wǎng)頁端的交互存在一定的差異性。手機的物理尺寸比電腦屏幕小。在手機上，我們的任何交互都是通過手指來完成，所以不愿意輸入冗長的文案，同時期望產(chǎn)品運行得更快。
在大多數(shù)情況下，人們使用網(wǎng)站獲取信息，使用App完成工作。此外，App集成了手機的功能，比如加速器和攝像頭，使App的設(shè)計不同于網(wǎng)頁。
健康醫(yī)療應(yīng)用-作者: Grace Saraswati
適得其反
保持吸引力與功能平衡都很重要。醫(yī)療保健應(yīng)用程序必須不能分散用戶對其內(nèi)容的注意力。仔細(xì)看看上面的要點，注意好分寸就行。
圖形元素、包括動效，應(yīng)該始終履行他們的使命，即數(shù)據(jù)輸入，并說明微交互的用戶與系統(tǒng)，而不是僅僅只為了使一個應(yīng)用程序看起來很炫酷。
不要過度使用漸變和陰影，只將用戶的注意力集中在主要文字信息上。只使用一種字體，你可以通過改變字體的大小和其他特征來改變它，比如斜體、粗體。
多使用簡單的配色可以獲得更清晰的品牌信息和導(dǎo)航。
健康與活動跟蹤互動-作者: Dibbendo Pranto
抄還是不抄？
你可能會在某個時候想，如果覺得抄這個方案有用的話？是不是應(yīng)該拿一些成功的競爭對手的應(yīng)用程序復(fù)制一份。
其實，照抄其他產(chǎn)品是不明智的行為，因為他們的設(shè)計可能很容易就不夠好。你最終可能正好抄了競爭對手的錯誤方案，從而阻礙未來應(yīng)用程序市場運作。
另一方面，你肯定應(yīng)該對其他應(yīng)用程序進行分析，進行競爭對手的研究。一個應(yīng)用程序應(yīng)該與用戶以前使用其他應(yīng)用程序的經(jīng)驗相關(guān)。如果事實并非如此，而且你添加了太多的原創(chuàng)性，那么使用這個應(yīng)用程序的用戶就會覺得很麻煩，用戶也不會容忍“一切都錯了”的設(shè)計。蘋果和谷歌都有人機界面指南和材質(zhì)設(shè)計。
用戶把大部分時間花在其他事情上 ——Jacob’s Law
有必要根據(jù)你的品牌、服務(wù)和產(chǎn)品的具體情況進行設(shè)計。好比如一個健身APP與一醫(yī)療APP，兩者使用方向有很大的差異。所以說必須完全符合目標(biāo)受眾的要求、細(xì)節(jié)，以及應(yīng)用程序的主題情況進行針對性設(shè)計。
藥物提醒程序-作者: Martyna Zielińska
實用性測試
最后，要記住最重要的一點，每個設(shè)計師都可以認(rèn)為這個決定是否合理。他們可能會對應(yīng)用程序的架構(gòu)和導(dǎo)航的一致性，深思熟慮的設(shè)計，以及最重要的實用價值深信不疑，以至于完全忘記了通過實踐進行測試，設(shè)計師可以提高他們的同理心水平，更好地感受客戶的需求。但事實上，這種陷阱會給應(yīng)用程序帶來很多負(fù)面影響。
只有在分析了與用戶與應(yīng)用程序界面交互相關(guān)的數(shù)據(jù)之后，才能得出結(jié)論。多進行一些測試將有助于及時地獲得反饋，解決應(yīng)用程序中的所有可出現(xiàn)陷阱一樣的場景。
積極的用戶參與是成功的關(guān)鍵。在年齡、職業(yè)、地理位置、性別、文化和宗教背景等方面，選擇盡可能接近目標(biāo)受眾的相關(guān)測試對象。越接近越好。讓他們執(zhí)行你的應(yīng)用程序的主要功能并收集反饋。
病歷本App應(yīng)用-作者: Alex Samofalov
最后
設(shè)計不單單是討論顏色搭配和字體的運用，而是能夠帶來價值和解決業(yè)務(wù)問題。健康和醫(yī)療類App是一個敏感而富有挑戰(zhàn)性的課題，需要特別關(guān)注。設(shè)計師們一直在努力平衡醫(yī)療應(yīng)用程序極高的安全性和可用性要求與其界面的美學(xué)性，經(jīng)過深思熟慮體驗和用戶界面設(shè)計成就一個很好的醫(yī)療類工具，讓用戶在一個簡單和直觀的界面的幫助下參與使用。
文章來源：花火圓桌（ID：huahuoyuanzhuo） 作者：Kate Shokurova
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
vue中關(guān)于插槽的文檔說明很短，語言又寫的很凝練，再加上其和methods，data，computed等常用選項使用頻率、使用先后上的差別，這就有可能造成初次接觸插槽的開發(fā)者容易產(chǎn)生“算了吧，回頭再學(xué)，反正已經(jīng)可以寫基礎(chǔ)組件了”，于是就關(guān)閉了vue說明文檔。
實際上，插槽的概念很簡單，下面通過分三部分來講。這個部分也是按照vue說明文檔的順序來寫的。
進入三部分之前，先讓還沒接觸過插槽的同學(xué)對什么是插槽有一個簡單的概念：插槽，也就是slot，是組件的一塊HTML模板，這塊模板顯示不顯示、以及怎樣顯示由父組件來決定。 實際上，一個slot最核心的兩個問題這里就點出來了，是顯示不顯示和怎樣顯示。
由于插槽是一塊模板，所以，對于任何一個組件，從模板種類的角度來分，其實都可以分為非插槽模板和插槽模板兩大類。
非插槽模板指的是html模板，指的是‘div、span、ul、table’這些，非插槽模板的顯示與隱藏以及怎樣顯示由插件自身控制；插槽模板是slot，它是一個空殼子，因為它顯示與隱藏以及最后用什么樣的html模板顯示由父組件控制。但是插槽顯示的位置確由子組件自身決定，slot寫在組件template的哪塊，父組件傳過來的模板將來就顯示在哪塊。
首先是單個插槽，單個插槽是vue的官方叫法，但是其實也可以叫它默認(rèn)插槽，或者與具名插槽相對，我們可以叫它匿名插槽。因為它不用設(shè)置name屬性。
單個插槽可以放置在組件的任意位置，但是就像它的名字一樣，一個組件中只能有一個該類插槽。相對應(yīng)的，具名插槽就可以有很多個，只要名字（name屬性）不同就可以了。
下面通過一個例子來展示。
父組件：
-
<template>
-
<div class="father">
-
<h3>這里是父組件</h3>
-
<child>
-
<div class="tmpl">
-
<span>菜單1</span>
-
<span>菜單2</span>
-
<span>菜單3</span>
-
<span>菜單4</span>
-
<span>菜單5</span>
-
<span>菜單6</span>
-
</div>
-
</child>
-
</div>
-
</template>
子組件：
-
<template>
-
<div class="child">
-
<h3>這里是子組件</h3>
-
<slot></slot>
-
</div>
-
</template>
在這個例子里，因為父組件在<child></child>里面寫了html模板，那么子組件的匿名插槽這塊模板就是下面這樣。也就是說，子組件的匿名插槽被使用了，是被下面這塊模板使用了。
-
<div class="tmpl">
-
<span>菜單1</span>
-
<span>菜單2</span>
-
<span>菜單3</span>
-
<span>菜單4</span>
-
<span>菜單5</span>
-
<span>菜單6</span>
-
</div>
最終的渲染結(jié)果如圖所示：
-
-
注：所有demo都加了樣式，以方便觀察。其中，父組件以灰色背景填充，子組件都以淺藍(lán)色填充。
匿名插槽沒有name屬性，所以是匿名插槽，那么，插槽加了name屬性，就變成了具名插槽。具名插槽可以在一個組件中出現(xiàn)N次。出現(xiàn)在不同的位置。下面的例子，就是一個有兩個具名插槽和單個插槽的組件，這三個插槽被父組件用同一套css樣式顯示了出來，不同的是內(nèi)容上略有區(qū)別。
父組件：
-
<template>
-
<div class="father">
-
<h3>這里是父組件</h3>
-
<child>
-
<div class="tmpl" slot="up">
-
<span>菜單1</span>
-
<span>菜單2</span>
-
<span>菜單3</span>
-
<span>菜單4</span>
-
<span>菜單5</span>
-
<span>菜單6</span>
-
</div>
-
<div class="tmpl" slot="down">
-
<span>菜單-1</span>
-
<span>菜單-2</span>
-
<span>菜單-3</span>
-
<span>菜單-4</span>
-
<span>菜單-5</span>
-
<span>菜單-6</span>
-
</div>
-
<div class="tmpl">
-
<span>菜單->1</span>
-
<span>菜單->2</span>
-
<span>菜單->3</span>
-
<span>菜單->4</span>
-
<span>菜單->5</span>
-
<span>菜單->6</span>
-
</div>
-
</child>
-
</div>
-
</template>
子組件：
-
<template>
-
<div class="child">
-
// 具名插槽
-
<slot name="up"></slot>
-
<h3>這里是子組件</h3>
-
// 具名插槽
-
<slot name="down"></slot>
-
// 匿名插槽
-
<slot></slot>
-
</div>
-
</template>
顯示結(jié)果如圖：
可以看到，父組件通過html模板上的slot屬性關(guān)聯(lián)具名插槽。沒有slot屬性的html模板默認(rèn)關(guān)聯(lián)匿名插槽。
最后，就是我們的作用域插槽。這個稍微難理解一點。官方叫它作用域插槽，實際上，對比前面兩種插槽，我們可以叫它帶數(shù)據(jù)的插槽。什么意思呢，就是前面兩種，都是在組件的template里面寫
-
匿名插槽
-
<slot></slot>
-
具名插槽
-
<slot name="up"></slot>
但是作用域插槽要求，在slot上面綁定數(shù)據(jù)。也就是你得寫成大概下面這個樣子。
-
<slot name="up" :data="data"></slot>
-
export default {
-
data: function(){
-
return {
-
data: ['zhangsan','lisi','wanwu','zhaoliu','tianqi','xiaoba']
-
}
-
},
-
}
我們前面說了，插槽最后顯示不顯示是看父組件有沒有在child下面寫模板，像下面那樣。
-
<child>
-
html模板
-
</child>
寫了，插槽就總得在瀏覽器上顯示點東西，東西就是html該有的模樣，沒寫，插槽就是空殼子，啥都沒有。
OK，我們說有html模板的情況，就是父組件會往子組件插模板的情況，那到底插一套什么樣的樣式呢，這由父組件的html+css共同決定，但是這套樣式里面的內(nèi)容呢？
正因為作用域插槽綁定了一套數(shù)據(jù)，父組件可以拿來用。于是，情況就變成了這樣：樣式父組件說了算，但內(nèi)容可以顯示子組件插槽綁定的。
我們再來對比，作用域插槽和單個插槽和具名插槽的區(qū)別，因為單個插槽和具名插槽不綁定數(shù)據(jù)，所以父組件是提供的模板要既包括樣式由包括內(nèi)容的，上面的例子中，你看到的文字，“菜單1”，“菜單2”都是父組件自己提供的內(nèi)容；而作用域插槽，父組件只需要提供一套樣式（在確實用作用域插槽綁定的數(shù)據(jù)的前提下）。
下面的例子，你就能看到，父組件提供了三種樣式(分別是flex、ul、直接顯示)，都沒有提供數(shù)據(jù)，數(shù)據(jù)使用的都是子組件插槽自己綁定的那個人名數(shù)組。
父組件：
-
<template>
-
<div class="father">
-
<h3>這里是父組件</h3>
-
<!--第一次使用：用flex展示數(shù)據(jù)-->
-
<child>
-
<template slot-scope="user">
-
<div class="tmpl">
-
<span v-for="item in user.data">{{item}}</span>
-
</div>
-
</template>
-
-
</child>
-
-
<!--第二次使用：用列表展示數(shù)據(jù)-->
-
<child>
-
<template slot-scope="user">
-
<ul>
-
<li v-for="item in user.data">{{item}}</li>
-
</ul>
-
</template>
-
-
</child>
-
-
<!--第三次使用：直接顯示數(shù)據(jù)-->
-
<child>
-
<template slot-scope="user">
-
{{user.data}}
-
</template>
-
-
</child>
-
-
<!--第四次使用：不使用其提供的數(shù)據(jù), 作用域插槽退變成匿名插槽-->
-
<child>
-
我就是模板
-
</child>
-
</div>
-
</template>
子組件：
-
<template>
-
<div class="child">
-
-
<h3>這里是子組件</h3>
-
// 作用域插槽
-
<slot :data="data"></slot>
-
</div>
-
</template>
-
-
export default {
-
data: function(){
-
return {
-
data: ['zhangsan','lisi','wanwu','zhaoliu','tianqi','xiaoba']
-
}
-
}
-
}
結(jié)果如圖所示：
轉(zhuǎn)載地址：https://segmentfault.com/a/1190000012996217
轉(zhuǎn)載作者/云荒杯傾
手機UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強體驗感和沉浸感。
APP UI設(shè)計一直在變化，就像網(wǎng)頁設(shè)計一樣，不停的創(chuàng)作新鮮、友好的產(chǎn)品，設(shè)計師要跟上這個趨勢，最好的方式就是多看優(yōu)秀案例，下面大家一起來看看今天的精選，建議訪問官網(wǎng)查看更詳細(xì)的展示哦！
手機UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強體驗感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計注入靈感。
精美的天氣app賞析
--手機appUI設(shè)計--
--精美的天氣app設(shè)計--
（以上圖片均來源于網(wǎng)絡(luò)）
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
更多精彩文章：
每年的雙11在設(shè)計師們的眼里，都不僅僅是購物狂歡節(jié)還是一場視覺盛宴。這不，今年的雙11重頭戲來了。
天貓聯(lián)合各品牌發(fā)布了超級符合“貓頭海報”，一共55家下面讓我們一次看個夠。
1. 泡泡瑪特，很有意思的創(chuàng)意
2. The North Face場景感十足
3. 好奇很溫馨的設(shè)計
4. 外星人，一直都想買的電腦
5. VANS，我喜歡他家的黑格子鞋
6. Levi’s，我服了
7. 麥當(dāng)勞，煙霧的創(chuàng)意很契合產(chǎn)品
8. 惠氏鉑臻3，一團線織出來的創(chuàng)意
9. 拉面說，來碗面
10. 宜家家居，仔細(xì)看，是購物袋
11. 巴黎歐萊雅，萬能的C4D
12. 朗仕，細(xì)節(jié)很多
13. 華為，冷暖對比很有沖擊力
14. 樂高，積木的海洋
15. Marshall，燥起來
16. Jordan，喬丹
17. 肯德基，WOW好吃！
18. 林氏木業(yè)，俯視的構(gòu)圖角度，空間感很強
19. 元氣森林，故事性很強
20. 強生，滿是愛
21. fresh，高端的護膚品牌
22. 萬代，為“酷”而生
23. 始祖鳥，化石來了
24. 三生花，旗袍肯定很漂亮
25. HOLLISTER，一起沖浪
26. 施華洛世奇，每個女孩都值得擁有
27. PINKO，亂的有創(chuàng)意
28. MINI，我有個進MINI車友群的夢
29. 孩之寶變形金剛，汽車人變形
30. Onisuka Tiger，日本的運動產(chǎn)品品牌
31. 優(yōu)衣庫，線下實體店的貨架創(chuàng)意
32. 三頓半
33. OLAY
34. Dyson，很親切的表達(dá)方式
35. 迪士尼商店，可愛、好玩
36. NIKE
37. 法國嬌蘭，看起來很貴氣
38. 榮耀
39. LINE FRIENDS
40. M.A.C
41. 紅星美凱龍，空間感很強
42. NET-A-PORTER，泡泡龍的感覺
43. 稀奇，太喜感了
44. 百威，喲喲切克鬧
45. 芭比
46. 李子柒，依然還是熟悉的味道
47. 愛他美3，陽光帥氣
48. 花西子，雕刻工藝品
49. 伊利谷粒多，太美了
50. Apple，表情包集合
51. 滴露，傳統(tǒng)國風(fēng)的感覺
52. Moleskine
53. 大疆，很喜歡無人機，有一起拼單的嗎？
54. 繪兒樂，這個創(chuàng)意現(xiàn)實中我玩過
55. 樂事，好吃
每個品牌對于貓頭的創(chuàng)意表達(dá)都不一樣，很多都是生活中隨處能見到的，但在設(shè)計師的眼中，就是創(chuàng)意靈感來源。
下面還有視頻版，大家一起看看：
以下視頻來源于
看完今年的貓頭海報，讓我更加期待接下來各品牌雙11活動的玩法和創(chuàng)意。接下來讓我拭目以待吧。
文章來源：優(yōu)設(shè) 作者：美工美邦
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
手機UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強體驗感和沉浸感。
手機UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認(rèn)知布局，增強體驗感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計注入靈感。
還有精美的天氣app賞析
--手機appUI設(shè)計--
--精美的天氣app設(shè)計--
（以上圖片均來源于網(wǎng)絡(luò)）
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
更多精彩文章：
編輯導(dǎo)語：移動互聯(lián)網(wǎng)，是PC互聯(lián)網(wǎng)發(fā)展的必然產(chǎn)物，將移動通信和互聯(lián)網(wǎng)二者結(jié)合起來，成為一體。目前，移動互聯(lián)網(wǎng)正逐漸滲透到人們生活、工作的各個領(lǐng)域，微信、支付寶、位置服務(wù)等豐富多彩的移動互聯(lián)網(wǎng)應(yīng)用迅猛發(fā)展，正在深刻改變信息時代的社會生活。我們總能聽到、看到移動互聯(lián)網(wǎng)這個詞，但是你知道其發(fā)展歷程嗎？
2007年1月9日，第一代iPhone誕生：3.5英寸全觸控屏幕、金屬機身以及iPhone OS推開了智能手機時代的大門。
iPhone的發(fā)布給了雷軍極大的震撼，他買了很多iPhone，到處送人。
同時，遠(yuǎn)在珠海的黃章也注意到了這款與眾不同的手機。此時魅族MP3風(fēng)頭正盛，取得了巨大的成功，但黃章卻選擇放棄了MP3的業(yè)務(wù)，將精力資源轉(zhuǎn)向了智能手機的研發(fā)。
創(chuàng)立于2007年的Twitter，可以讓用戶更新不超過140個字內(nèi)容，在美國一炮而紅，同時也讓中國創(chuàng)業(yè)者看到了機會。王興與穆榮均（現(xiàn)任美團聯(lián)合創(chuàng)始人、美團大學(xué)校長）在華清嘉園的一棟民居里，創(chuàng)建了類似Twitter的網(wǎng)站，取名叫“飯否”。
2009年，飯否用戶已經(jīng)增至100萬，包括微信之父張小龍也在飯否上匿名發(fā)表了2359條日記，讓大家看到了他的另一面。后來飯否被關(guān)，核心團隊卻沒有散，他們繼續(xù)做了美團網(wǎng)。
當(dāng)時只走了兩個人，其中一位就是張一鳴，也是王興福建龍巖老鄉(xiāng)，這個年輕人后來創(chuàng)建了今日頭條。
2010年11月，飯否再次上線，但大勢已去，飯否項目就此終止。2008年7月份，我國網(wǎng)民數(shù)量達(dá)2.53億，首次大幅超過美國。但互聯(lián)網(wǎng)普及率只有19.1%，畢竟有電腦的人還是少數(shù)。
接下來的移動互聯(lián)網(wǎng)的到來，讓每個人隨時隨地上網(wǎng)成為可能，一個新時代開始了。
同年9月，谷歌正式發(fā)布了Android 1.0系統(tǒng)，這是Android系統(tǒng)最早的版本；同年10月份，世界上第一款使用Android操作系統(tǒng)的手機HTC G1誕生，可支持觸屏操作，并內(nèi)置了310萬像素攝像頭，同時支持3G網(wǎng)絡(luò)。
除手機之外，Android系統(tǒng)逐漸擴展到平板電腦、電視、手表等其他設(shè)備。
同樣在這一年，還在上海交大讀研究生的張旭豪與同學(xué)一起創(chuàng)建“餓了么”，早期的餓了么采用的是原始電話接單形式，用戶打來電話，他們?nèi)ジ宛^下單，然后取餐送到用戶手里并收錢，賺取中間的差價，這個模式贏得了許多大學(xué)生用戶的認(rèn)可。
2009年1月7日，中國移動、中國電信和中國聯(lián)通獲得3G牌照，標(biāo)志著中國進入3G時代。相比2G，3G技術(shù)可以處理圖像、音樂、視頻等多種媒體形式，移動上網(wǎng)逐漸成為可能。
同樣在2009年，程一笑還是人人網(wǎng)的 iPhone 客戶端的開發(fā)，兩年后他離職創(chuàng)業(yè)做了一款工具產(chǎn)品-GIF快手，這也是快手的前身，是一款用來制作、分享GIF圖片的手機應(yīng)用，當(dāng)時在微博逐漸流行開來。
2009年7月，新浪管理層決定要做微博這個產(chǎn)品，由時任桌面產(chǎn)品事業(yè)部主管彭少彬帶隊，團隊每天幾乎都是干到凌晨才回家。
2個月后，新浪推出“新浪微博”內(nèi)測版，成為門戶網(wǎng)站中第一家提供微博服務(wù)門戶網(wǎng)站，之后又添加了添加了@ 、私信、評論、轉(zhuǎn)發(fā)功能。
2010年，騰訊、網(wǎng)易、搜狐都推出了自己的微博產(chǎn)品，微博大戰(zhàn)打響，新浪微博結(jié)合自己媒體資源優(yōu)勢，通過邀請明星和名人入駐策略，最終戰(zhàn)勝了其他產(chǎn)品，后來新浪微博成功去掉了前綴變?yōu)椤拔⒉?，成為“微博”賽道的唯一玩家?
2010年4月6日，在中關(guān)村保福寺橋銀谷大廈，小米正式宣告成立，黎萬強的父親一大早起來熬了一鍋小米粥，每人喝了一碗小米粥便開始工作了。
2010年9月22日中秋節(jié)，周鴻祎邀請了李開復(fù)以及創(chuàng)新工廠的幾位骨干在懷柔農(nóng)家院吃飯，突然接到了報告：騰訊將“QQ醫(yī)生”升級為了“QQ電腦管家”，并且具備云查殺木馬、漏洞修補、安全防護、系統(tǒng)維護和軟件管理等功能，涵蓋了360安全衛(wèi)士的主流功能。
而且QQ醫(yī)生通過后臺靜默安裝的方式，神不知鬼不覺的進入用戶電腦，直接威脅360在安全領(lǐng)域的地位。周鴻祎當(dāng)即給馬化騰打了一個電話，希望能停止強制安裝，但是最終溝通無效。
隨后，在中秋節(jié)結(jié)束后的一周，360發(fā)布了迎戰(zhàn)QQ進攻的武器-360隱私保護器幫助用戶監(jiān)控電腦中軟件在后臺的所有行為。
針對360隱私保護器曝光QQ偷窺用戶隱私事件，騰訊正式宣布起訴360不正當(dāng)競爭，要求360公開道歉賠償，停止侵權(quán)行為。
之后針對騰訊刊登《反對360不正當(dāng)競爭及加強行業(yè)自律的聯(lián)合聲明》，在2010年10月29日，360推出了“扣扣保鏢”，可以過濾廣告、清理垃圾、提升QQ的運行速度、防止QQ盜號、同時不顯示IP保護用戶隱私。
發(fā)布72小時內(nèi)，裝機量就突破了1000萬，馬化騰在這一天也度過了他難忘的40歲生日。終于，矛盾全面爆發(fā)，騰訊通過彈窗發(fā)布了“艱難的決定”-在裝有360軟件的電腦上停止運行QQ軟件，給上億用戶出了一道選擇題。
后來政府部門介入之后，QQ和360恢復(fù)兼容，并對外做了道歉說明，一場生死大戰(zhàn)正式結(jié)束。
通過3Q大戰(zhàn)，讓360一戰(zhàn)成名，而騰訊也開始反思過去的商業(yè)模式，變得更加開放，不是每個產(chǎn)品都親自去做，而是通過投資、并購等形式搭建自己的產(chǎn)業(yè)生態(tài)圈，走上了一個新的高度。
2010年10月，一款名為kik的APP流行起來，可以直接跟通訊錄的人免費聊天，當(dāng)然前提是另一個人也安裝了kik，上線15天便斬獲了100萬用戶。而這款新產(chǎn)品的出現(xiàn)，也吸引了雷軍跟張小龍的注意。
一個月后米聊誕生了，雷軍也曾想到到騰訊會介入，在米聊發(fā)布之后，他曾經(jīng)對內(nèi)部員工說：
“如果騰訊介入這個領(lǐng)域，那米聊成功的可能性就會被大大降低，介入得越早，我們成功的難度越大。據(jù)內(nèi)部消息，騰訊給了我們3個月的時間”。
但是，騰訊沒有留給雷軍3個月的時間。
張小龍看到kik這款產(chǎn)品之后，立即給馬化騰寫郵件，建議由他的廣州團隊做一個類似kik的產(chǎn)品，馬化騰當(dāng)即回復(fù)同意。
當(dāng)時騰訊內(nèi)部有三個團隊同時在做，都叫微信，誰跑贏了就上誰的。最終張小龍帶領(lǐng)的Email團隊勝出，僅僅比米聊晚了一個月。
2010年，來自香港的郭秉鑫團隊，針對開車不方便接電話場景和盲人開發(fā)了全球第一款語音IM應(yīng)用Talkbox。
2011年1月份上線，僅3天就在App Store下載達(dá)100萬，掀起了語音聊天的浪潮。前段時間熱播的互聯(lián)網(wǎng)創(chuàng)業(yè)題材劇《創(chuàng)業(yè)時代》正是取材于此。
緊接著米聊、微信都迅速加入了語音對講功能，用戶量猛增。隨著大公司的入場，Talkbox的“活路”被斷了，用戶量從四五百萬跌落到僅有100萬，最后退出大陸，轉(zhuǎn)向海外市場。
360公司在2011年也推出了一款I(lǐng)M產(chǎn)品-“口信”，可以基于手機通訊錄的熟人免費發(fā)短信、照片，也允許用戶發(fā)語音消息，主打穩(wěn)定跟安全，最終也不了了之。
得益于騰訊QQ巨大的流量導(dǎo)入以及背后的關(guān)系鏈、自身的社交基因以及綜合技術(shù)能力，微信迅速成長。在米聊還在糾結(jié)做熟人社區(qū)還是陌生人交友時，微信通過附近的人、搖一搖、漂流瓶等一系列交友功能，獲得了大量用戶。
2011年底，微信用戶已超過5000萬，2012年3月，微信用戶數(shù)突破1億大關(guān)。米聊漸漸淡出了人們的視野，雷軍也將主要精力放到智能手機的研發(fā)上，并于2011年8月16日，正式發(fā)布小米手機。
同樣在2010年，來自美國的團購網(wǎng)站Groupon大火，成立僅7個月便實現(xiàn)了盈利，并且融資了1.4億美金，谷歌向也Groupon發(fā)出收購邀約，報價一路路上漲至60億美元。
Groupon的火爆也讓國內(nèi)創(chuàng)業(yè)者看到了機會，一時間各類公司紛紛涌進團購領(lǐng)域。
第三次創(chuàng)業(yè)的王興創(chuàng)辦了美團網(wǎng)、人人公司旗下團購網(wǎng)站“糯米網(wǎng)“宣布上線、淘寶也推出了聚劃算、拉手、24券、團寶網(wǎng)、滿座網(wǎng)、窩窩團等紛紛上線。
截止到2011年5月，國內(nèi)的團購網(wǎng)站達(dá)5000多家，“千團大戰(zhàn)”正式打響。
這一年3月，與唐巖私交甚好的方三文從網(wǎng)易離職創(chuàng)辦了雪球。一年后，時任網(wǎng)易總編輯的唐巖也宣布離職，創(chuàng)立陌陌科技，他們想做一個基于地理位置的社交工具。
團隊最開始有三個人，除了唐巖，還有一個產(chǎn)品經(jīng)理與一個技術(shù)人員，后來又通過QQ群里貼小廣告招來一位開發(fā)工程師。
2012年大年初七，時任九九房CEO的張一鳴跟投資人見面，他想在九九房之外再做點別的有意思的事情：能根據(jù)個人的興趣，推薦符合口味的內(nèi)容。
之后張一鳴辭去了CEO的職務(wù)，開始了自己的第五次創(chuàng)業(yè)，成立了字節(jié)跳動公司（bytedance），除了今日頭條之外，還推出了“內(nèi)涵段子”、“內(nèi)涵漫畫”等產(chǎn)品。
2012年6月，在阿里巴巴任職八年、時任支付寶B2C事業(yè)部副總經(jīng)理的程維離職，創(chuàng)立小桔科技，他們做的產(chǎn)品叫滴滴打車，9月9日，滴滴打車在北京上線。
而早在一個月前，位于杭州的一家公司也上線了一款智能打車應(yīng)用-快的打車。
之后兩家公司在智能出行領(lǐng)域開啟了補貼大戰(zhàn)，滴滴背靠騰訊，快的背靠阿里，馬化騰曾在一次會上表示最多的時候一天投入4000萬元，但大家都不敢收手，否則就前功盡棄了。
2015年02月14日，情人節(jié)，在各方力量的博弈下，快的打車與滴滴打車聯(lián)合發(fā)布聲明，宣布兩家實現(xiàn)戰(zhàn)略合并。
2013年12月4日工信部正式向三大運營商發(fā)布4G牌照，中國移動、中國電信和中國聯(lián)通均獲得TD-LTE牌照，標(biāo)志了中國移動互聯(lián)網(wǎng)正式邁入4G高速時代。
2014年1月26日，來源于線下發(fā)紅包的靈感，微信推出了推出了“新年紅包”，一經(jīng)推出就在各大微信群中傳播。
據(jù)騰訊發(fā)布的數(shù)據(jù)顯示，從除夕開始，截至大年初一下午4點，參與搶微信紅包的用戶超過500萬，總計搶紅包7500萬次以上，領(lǐng)取到的紅包總計超過2000萬個，平均每分鐘領(lǐng)取的紅包達(dá)到9412個。
因為紅包最終提現(xiàn)需要綁定銀行卡，微信綁卡的數(shù)量呈指數(shù)級增長，微信紅包一夜之間打進了支付寶后院，也奠定了微信支付的江湖地位。
2014年11月，15歲考上中科大，28歲擔(dān)任聯(lián)想中國區(qū)最年輕的事業(yè)部總經(jīng)理的徐正，與曾斌在創(chuàng)立每日優(yōu)鮮，為用戶提供自營生鮮電商服務(wù)，推出之后發(fā)展迅速，領(lǐng)跑行業(yè)。
同樣在該月，易車創(chuàng)始人李斌與劉強東、李想、騰訊、高瓴資本、順為資本等聯(lián)合發(fā)起創(chuàng)立蔚來汽車。一年后，李想卸任汽車之家總裁，創(chuàng)辦了車合家，并在2018年推出了理想ONE智能電動車。
2015年7月的一個晚上，王思聰與黃立成第一次見面，并決定投資一款名叫17的手機直播產(chǎn)品。
在接下來的幾個月里17相繼在臺灣、香港、新加坡、美國等蘋果App Store排行榜登上榜首，并在2015年9月沖到中國免費榜第一。同時王思聰在微博上發(fā)布了一條帶有17 ID界面的微博，雖然后來17因為涉黃被下架，但這并不能阻擋17的知名度迅速在國內(nèi)傳播開來。
市場的火爆，智能手機性能與網(wǎng)絡(luò)速度提升，也讓國內(nèi)創(chuàng)業(yè)者嗅到了商機，不管是大公司還是小的創(chuàng)業(yè)團隊紛紛擠入到直播當(dāng)中來，妄圖在中間分一杯羹。
一時間市面上的直播產(chǎn)品多達(dá)百款，映客、花椒、NOW直播、虎牙、斗魚、熊貓等等，直播行業(yè)頓時硝煙四起。
而直播戰(zhàn)場最后活下來的卻寥寥無幾，映客成功實現(xiàn)上市、花椒與六間房合并、熊貓直播在2019年倒閉，斗魚與虎牙也在2020年宣布合并。
2016年4月22日，胡瑋煒創(chuàng)立摩拜單車，易車公司董事長，蔚來汽車創(chuàng)始人李斌是她的天使投資人。
用戶只需在APP上實名注冊，并繳納299元保障金，即可租用。而在一年前，戴威與4名合伙人在北大投放了2000輛單車，他們做的也是共享單車平臺，名字叫ofo，主要面向校園市場。
共享單車的出現(xiàn)也吸引了大批資本涌入，一時間各種五顏六色的單車出現(xiàn)在城市的街頭：小藍(lán)單車、優(yōu)拜單車、小鳴單車、悟空單車、町町單車等等，讓人應(yīng)接不暇。
在共享經(jīng)濟的帶動下，創(chuàng)投界也掀起了一股共享風(fēng)，一時間共享充電寶、共享雨傘、共享籃球也都紛紛獲得融資。
然而混戰(zhàn)過后，最終幸存的寥寥無幾：
2016年5月，Musical.ly開啟了新一輪的融資，計劃融資金額約為1億美元。
Musical.ly可以讓用戶將自己的視頻配上自己喜歡的音樂，通過對口型以及肢體語言來制作15秒的MV，這款由中國團隊開發(fā)的產(chǎn)品，在歐美青少年之間迅速流行開來。
同年7月，登上了蘋果應(yīng)用商店美國地區(qū)的榜首。
2015年6月，已經(jīng)轉(zhuǎn)型為短視頻社區(qū)的快手用戶數(shù)破1億，而在3個月之后，抖音才開始入場，很快成為今日頭條的戰(zhàn)略級產(chǎn)品，逐漸縮小與快手之間的差距，之后今日頭條又推出了西瓜視頻、火山小視頻等產(chǎn)品，滿足不同人群觀看需要。
抖音快手等產(chǎn)品的出現(xiàn)，也讓個體有了更多表達(dá)自己的方式，自媒體不再是專業(yè)人士的專屬，許多人將自己普通的日常生活拍成短視頻，也收獲了大量粉絲。
2017年11月10日，今日頭條宣布10億美元收購Musical.ly，并與抖音合并。
一年后，Musical.ly 全面整合至 TikTok（抖音海外版），Musical.ly現(xiàn)有用戶更新應(yīng)用后，會自動升級至新TikTok，這也宣告Musical.ly的品牌使命正式終結(jié)。
2018年7月26日，社交電商平臺拼多多，正式登陸納斯達(dá)克，股票代碼“PDD”，市值一度超過京東、百度。
在國內(nèi)電商基本被淘寶、京東兩大巨頭壟斷情況下，拼多多瞄準(zhǔn)下沉市場，依托社交拼團的形式，迅速占領(lǐng)市場，從2015年4月上線到上市僅僅用了3年時間。
拼多多上市也讓創(chuàng)始人黃崢身價大漲，憑借776億元財富躋身于2018年中國福布斯排行榜第12位，僅次于丁磊跟雷軍。
畢業(yè)于浙江大學(xué)的黃崢，2004年獲得美國威斯康星大學(xué)麥迪遜分校計算機碩士學(xué)位，在段永平（現(xiàn)任步步高集團董事長）的建議下，選擇了加入谷歌做碼農(nóng)、產(chǎn)品經(jīng)理，并且拿到了原始股，隨著谷歌的上市，黃崢也賺到了人生中的第一桶金。
之后黃崢與李開復(fù)一起，回到中國參與并創(chuàng)建了谷歌中國，在谷歌呆了3年，黃崢就加入了創(chuàng)業(yè)隊伍中，先后創(chuàng)辦手機電商、電商代運營和游戲公司，最后孵化出了拼多多。
兩個月后，另外一家公司也正式掛牌納斯達(dá)克交易所，它就是趣頭條。
趣頭條重點面向三線及以下城市，基于金幣體系，通過看資訊賺金幣、邀請好友得獎勵等一系列形式，收獲了大量下沉市場的用戶，從成立到上市，僅僅用了兩年多的時間。
移動互聯(lián)網(wǎng)時代，一個個移動應(yīng)用如雨后春筍般出現(xiàn)，開始了用戶時長爭奪戰(zhàn)，音頻社交、社區(qū)團購、社交電商、視頻娛樂等領(lǐng)域誕生了一大批優(yōu)秀的應(yīng)用。
隨著網(wǎng)民數(shù)量增速放緩，人口紅利優(yōu)勢逐漸消失，獲客成本也水漲船高，企業(yè)除了提升精細(xì)化運營能力之外，也都在尋找新的增長點。
有的公司趕上了新一波的浪潮，尋找到了新的增長點，煥發(fā)新的生機與活力，有的公司則錯失了移動互聯(lián)網(wǎng)時代，仍舊靠著之前的業(yè)務(wù)維持運轉(zhuǎn)，有的公司則經(jīng)營不善，黯然離場。
公司與公司之間也紛紛開始了收購與整合：
2019年6月6日，工信部向中國電信、中國移動、中國聯(lián)通、中國廣電發(fā)放了5G商用牌照。5G的誕生將加速物聯(lián)網(wǎng)、車聯(lián)網(wǎng)、AR/VR、智慧城市、智慧醫(yī)療、工業(yè)4.0等領(lǐng)域發(fā)展。
科技不斷發(fā)展，時代不斷進步，我們國家也提出了“新基建”的發(fā)展理念，重點發(fā)展5G基站建設(shè)、大數(shù)據(jù)中心、人工智能、工業(yè)互聯(lián)網(wǎng)、特高壓、城際高速鐵路和城市軌道交通、新能源汽車充電樁、七大領(lǐng)域。
而且隨著人工智能技術(shù)的發(fā)展，21世紀(jì)將進入智能時代。
對于我們個人來講，我們能做的就是順勢而為，找好自己的方向，做好自己的選擇，在新一波浪潮來臨之時，能抓住屬于自己的機遇，實現(xiàn)你人生的迭代升級。
文章來源：人人都是產(chǎn)品經(jīng)理 作者：HQ
藍(lán)藍(lán)設(shè)計( sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://sillybuy.com