下面來分享幾個扁平化風格圖標。
扁平化的概念最核心的地方就是去掉冗余的裝飾效果,意思是去掉多余的透視,紋理,漸變等等能做出3D效果的元素。讓“信息”本身重新作為核心被凸顯出來。并且在設計元素上強調抽象、極簡、符號化。
例如,Windows、Mac OS、iOS、Android系統的設計已經往扁平化設計發展。其設計語言有Material Design、Metro UI等。
扁平化尤其在手機上,更少的按鈕和選項使得界面干凈整齊,使用起來格外簡潔??梢愿雍唵沃苯拥膶⑿畔⒑褪挛锏墓ぷ鞣绞秸故境鰜?,減少認知障礙的產生。
扁平化不僅界面美觀、簡潔,而且達到降低功耗,延長待機時間和提高運算速度。
文章來源:優設網 作者:牙線y2x
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
這幾年私域流量這個詞很火熱,很多企業都開始做私域流量,特別是在微信場景下進行的社群運營;一個優質的社群運營能讓社群一直處于活躍狀態,并且可以提高轉化率;本文作者分享了關于微信的私域流量生意,我們一起來了解一下。
最近這兩年,隨著在線教育和社區團購行業的興起,私域流量這個詞越來越被大家所熟知。不過我很討厭私域流量這種說法,仿佛不把人當人看,而僅僅是一種流量數據指標而已。
那么什么是私域流量呢?用一句話來說,私域流量就是一個能與顧客拉近距離,離用戶最近、最方便觸達的方式而已。
在這之中,人情味是核心,比拼的是執行力,是一個慢工出細活的事情。
做好一個私域的內核是用戶和內容的運營。
我今天來說說私域中的一個類目,社群運營
整個體系涉及到了打磨產品、如何做好增長、如何做好用戶的活躍、和內容的產出以及如何服務好用戶的多元化需求。
我相信在座的各位,在私域中與用戶打交道的時候或多或少的溝通問題。
解決溝通問題有一個核心思路:你說出去的每一句話,做出來的事兒,都要真誠。
我們今天拆解的兩個案例,一個是目前互聯網最大的創投類科技媒體同時也是納斯達克的上市公司;另一個則是目前國內規模最大的針對于企業高管的知識付費課程。
還有一系列的私域案例,有我深度參與的,有我日常打輔助的,也有也有我們進行代運營工作的(但是由于客戶的隱私問題,有的案例我不方便透露具體的名稱)。
我敢保證,今天的兩個案例在座的人80%的人都或多或少使用過他們的產品,或者聽過他們的名字。
為什么我把冷啟動放在第一位?
因為一個冷啟動好與壞直接關乎于后期的分銷變現的效果。
先說一下XX創新大學。
目前市面上很多頭部知識付費的公司,他們開始做上市輔導的IPO工作了,不要天真的以為這些公司都是靠單打獨斗起來了,其實他們在很多的城市都有地方站的布局。
看似很牛逼,但是你知道他們在早起布局的過程中,也栽了不少的坑。
知識付費的地方站本質是一個代理生意,由于這是一個代理的生意,執行人員很容易按照原先設定話術和引流的一些行為ctrl+v 進行運營工作,但很快就發現了問題。
一是因為地方的認知與一線城市的差距很大。
不知道大家在過年回家的時候,跟身邊的朋友或者當地的企業家前輩聊天的時候,能發現的明顯的代溝。
我認識的很多當地傳統企業的老板他們對于互聯網和新媒營銷的認識差距還是很大的。
其次,是因為當地年齡代溝的問題。
我們發現當地企業領導和公司高管都是將近四五十歲的人,線上時間較短,更不要提成交轉化了。
基于這兩個問題,我們開展了一系列攻艱克難的嘗試。
首先,我們通過了很多人脈在線下對接到了很多地方優秀的創業者,在接觸的過程中發現,大家在疫情時期對于傳統行業如何轉型有著迫切的需求,而且他們泡在線下的時間遠比線上的時間多。
針對于這一點,我們打算從線下的交流分享會進行切入,將交流會的服務搭配著虛擬會員一起售賣,不僅提升了客單價還可以發展很多線下的分銷渠道。
那我們是如何做線下的冷啟動呢?
因為對我們而言,線下流量的多少,直接關系到我們的成交,以及品牌勢能,包括后期分銷渠道的搭建。
因為我們針對的更多的是企業家,也就是B端的用戶,他不像C端的流量可以進行投放去算ROI。一個好的冷啟動是非常關鍵的。
當時我們想了很多花里胡哨的操作,最終讓我們醍醐灌頂的是王興說過的一句話。
王興最喜歡講的一句話,結硬寨,打呆仗,你知道這句話誰說得嗎,是曾國藩。
曾國藩曾給清廷上奏,原文是這樣寫的:
“臣不善騎馬,未能身臨前敵,親自督陣。又行軍過于遲鈍,十余年來,但知結硬寨、打呆仗,從未用一奇謀、施一方略制敵于意計之外?!?
說白了,這里講的就是步步為營,穩扎穩打,不出奇兵,戰勝對方。
我們經常說一句老話,就是:聽了這么多道理卻依然過不好這一生。
我問一下大家,大家有多少人堅持100天來履行自己的健身計劃呢?所以說,大家抓執行的能力的度待提升的,因為大部分人是不一定具備躬身入局的能力。
就拿我們老家,河北省的地方運營中心來說。我們也算是把細節做到了極致。
我們前期,通過人脈關系讓所有人都免費參加,來增強線下的初期勢能。
針對地方已購買產品卻長期沉默的用戶我們人工電話一個個電話或者線下一對一的去進行召回的。在這里說一點,一個聲音好聽的妹子,確實可以讓用戶多聽你BB一分鐘。
那個時候一天在線下能見30多個人,嗓子都干了,確實累,不過,只要有效,莽就完事了。
用盡一切的能力去找到聯運方,那個時候我們很榮幸的找到一個很有名的讀書的地方代理,但是大家要記住,在聯運的前期,一定要把雙方的權益寫清楚,否則后期會遇到很多麻煩的事情。
動用你所有邀請到的人,讓他們去發發朋友圈,因為他們企業家的朋友圈還是比較精準的。
那個時候我們通過大半個月的時間基本把當地的創業者跑了一遍,初次召集了2000多號的人。
試想一下當地上千號的大小老板在同一時間的發朋友圈幫你宣傳,是一種什么樣的影響力。
利用個人IP好好的去做內容,保持個人的內容輸出。
通過這種方式我們在前期基本上能在當地進行小規模的刷屏。
后期我們又不斷提升線上的影響力。我們在抖音、快手和視頻號的平臺選擇中,最終選擇了全力做視頻號;我們利用手中已有的企業家資源,進行微信視頻號的連麥直播,通過社交關系,很快的就覆蓋了市內的大部分企業家,不僅增強了品牌的影響力,也慢慢的增強了他們對于線上的使用習慣。
到此為止我們才慢慢的開始利用品牌的影響力開始裂變分銷。
我相信很多人都在意社群的轉化,在意分銷體系的搭建;只不過一口吃成一個胖子,這是不現實的。
在分銷轉化之前還有很重要的一步,就是活躍。
這個案例是一個行業媒體的社群。
在上文中我們列舉了冷啟動做起來的種種方法,在啟動后相信很多人都遇到了一個問題,社群是有生命周期的,我們拿這個行業媒體的社群給大家拆解一下生命周期活躍的這個事兒。
作為行業媒體來說,大家更看重其自身所帶的內容,所以在社群的活躍方面,用戶的忠誠度一定是以內容的價值來衡量的。
那么針對于一家互聯網創投媒體來說什么是有價值的內容呢?
創投媒體的受眾大部分是以互聯網、廣告營銷、金融為主的人,還有一部分的創業者和對商業科技感興趣的學生;所以在話題的選擇上也是圍繞這些去做文章,盡量的找一些大家感興趣的話題引起討論。
如何做一個社群交流的話題呢?
按照我的總結就是:信任感+信息差。
所謂的信任感,來源于用戶對于品牌信任,以及群友對于群主的信任。絕大多數人不具頭部品牌的影響力,那么就更要專注于你與群友之間的信任建立。
信息差是什么?俗話說:三日不見當刮目相看。
為什么人和人拉開距離的速度會非常的快?這背后的原因就是是彼此的認知和信息差不一樣。
國與國之前有信息差,行業之間有信息差。那么信息差呢?
我來舉個例子!
我問大家兩個問題:
這些看似是討論移動支付或互聯網金融的商業問題,但這個簡單的問題底下是我們通過詞云埋藏了十多個話題點供大家討論。
每一個詞云點里至少有大于三種的討論方向,大家想想海王為什么和姑娘總有的聊。
那么當這種內容進行發散輸出的時候,這就是大家所期待的有價值的內容。
作為一個好的群聊話題,它是有節奏性的,從拋出話題,再到討論話題,再到最后話題的總結,它是一個有始有終的過程;所以說,作為群主,想好這個話題的討論點,把控好每一個環節,不要讓這個環節里面出現過于激烈的爭論。
如果有的話,你需要動用自己的情商去好好的緩解;千萬不要評判這個人說的是對的還是錯的,其實世界上所有東西在我看來沒有對和錯,只有說合適和不合適。
分享的形式有兩種:一種是邀請嘉賓,另一個是主題討論。
我們會利用客戶平臺資源去邀請一下嘉賓?;蛘哐埲河堰M行分享。
有的群友可能沒有那么系統性的輸出,那么就可以進行一個主題會,比如我曾經就邀請了關于電商平臺的運營人員、MCN以及品牌方從各個角度來講解關于品牌營銷的主題演講。
那在群里,什么樣的人符合KOL的標準呢?
當一個合格的 KOL,其實并不容易,既要上知天文又要下知地理,又要能文善武,既要保持調性,還要平易近人,不能讓群友太過仰視,離群友距離太過遙遠;更不能讓群友們俯視,變成單獨服務向的“客服小妹”。
那我們篩選的漏斗模型是什么呢?
大家一定要好好服務好這些人,無論是做一筆生意也好,還是交朋友也罷,這些挖掘到的kol都是你在數字世界開疆拓土的戰略盟友。
他們獨樹一幟的思想一定是能夠在未來引起別人的關注。
在分享的過程中,一定要對分享者多多鼓勵,畢竟誰不喜歡被表揚呢,無論這個分享是怎樣的,能分享就是好的;一定要讓分享,成為群內的良性循環。
不過再怎么活躍,各位一定也會遇到死群的問題;很多做微信生態的人都非常的擰巴,總覺得解散社群是一件非常抹不開面子的事情。
對于一些死群,我會利用解散社群重組的方式重新活躍。
每一次換血都意味著生命體細胞的再造。
這句話話怎么理解呢?
其實社群生命周期的本質跟細胞的組成是一樣的,按照生物學的角度來說:人體細胞是有壽命的,每天都在更新,衰老死掉的細胞會被新的代替。
但是,人的大腦細胞是永久不變的,就算過了7年的周期,你的腦子依然還是同一個。
那么針對于社群來說,群主就是這個生命體的大腦,群員就是細胞,你的信息與內容就是流動的血液。
不要害怕社群的生命周期,作為一個生命體來說,攝取更多的氨基酸和維生素,尋找新的細胞來源,才是大腦應該考慮的事情。
當社群到了無話不談的時候,就會出現新的交流需求。
群中有的人聊生活,有的人聊工作,有的人聊行業。
大家從陌生到熟悉是需要時間去建立的,每一個愿意在群里聊天的人都有他存在的意義,每一位發言的群友都值得被認真對待。
對于絕大多數人來說,剛開始進入一個行業,最佳的方式不是創新,而是復制頭部玩家成熟的模式,以保證自己能夠在行業理解、團隊結構、 技術運營等能力上迅速度過冷啟動期;所以每一個互聯網人,都應該有分析項目、拆解項目、復制項目的能力。
我們需要對于行業頭部的打法保持敏感,同時想把辦法跨行業的知識進行融合。
群主本身即群員,我們既是社群的運營者,同時也是別人社群的群友。
當你脫離出kpi的數據視角,用人本主義的視角和同理心去理解社群,你會發現更大的世界。
求知欲就是對一切事物保持好奇。
我特別喜歡的一句話就是:好奇心是我對這個世界永不停歇的熱情。
在人類的進化史中,人類之所以為人,是因為人會使用火。在數字世界中生存進化,我們也需要利用好一切可以輔助運營的工具,方便我們進行事半功倍的管理。
我時常問自己一個問題:一個知識社群的終局是什么?社群模式的天花板又在哪里?
先直接說一個結論,從長期來看,社群必然走向沉默。以社群為主的商業模式也注定會有天花板。
社群經濟更多的是以服務成年人,以活躍的角度來說,沒有一個人有時間在群里面天天扯閑。而且隨著社群的發展,會逐漸導致流量的不精準,群里面也會逐漸“水”化,這是其一。
其二是因為,隨著社群規模的擴大,就必須要做標準化的流程。
大家知道標準化是什么嗎?
標準化意味著工業化,工業化的過程中就很難讓底下的執行人兼顧到互動和情感。
但是,互動與情感其實是在數字社會中是尤為可貴的,這也是主辦方伴我們召集在線下的原因,我們在線下的每一個點頭,每一次眉頭緊鎖,都是很好的情感交流,這其實是在一個工業化的社群中很難做到的。
但這不意味社群的生意不賺錢,一個高效率的社群一定要講究標準化,只有足夠穩定的SOP才能做起來規模;所以社群組織的機體再生能和情感傳遞力才是我們應該多思考的思路。
解題不一定在當下,當大家好在嘲諷拼多多的拼一刀的時候,黃崢已經在思考生命科學和糧食安全的事情。
我粗淺地認為,這個事情,是從他22歲和段老師一起會面巴菲特的時候,就已經注定。
做一個砍一刀的電商并不性感,利用科學為社會提供價值才是性感;做一個數據導向的社群不性感,讓社群有生命力有再生能力,才是真正的性感。
文章來源:人人都是產品經理 作者:紙皮小火車
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
導語:TMS(運輸管理系統)是一個物流運輸平臺,它是供應鏈管理系統(SCM)的一部分。廣義的TMS平臺涉及面較廣,不同企業的業務模式不一樣。本文所探討的TMS是具有實際運營能力的第三方物流運營平臺,它主要是一種通過技術的手段整合社會物流信息,優化配置物流資源,幫助貨主降低物流成本并提供管理運輸業務。下面從業務描述、系統架構和功能模塊三個方面作一個簡單的分析,一方面是梳理業務的作業場景,另一方面宏觀認識產品的整體框架,分析具體功能解決的問題點。
通常來說,整個運輸階段分為三個階段來完成:
貨主提出運輸需求,建立任務訂單推給運營方。
客戶下訂單的方式有很多,比如電話、郵件、發信息、TMS系統、其他平臺等。提出的任務需求,也稱客戶訂單,它是貨主和運營方的交互憑證,承擔著需求描述、運單跟蹤、應收結算等功能。
貨主訂單主要包含4方面的信息,收發貨地信息、貨物信息、用車信息、增值服務。
運營方按照一定的運輸規則處理,做這個規則處理的過程,一般稱之為計劃,計劃的形式有多種,主要有拼單、拆單、規劃線路圖、地圖合單等,然后再將計劃好的這個訂單分派給合適的承運方。
最常見的手段是拼單,又稱零擔運輸。將多個貨主訂單合并拼成一個派車訂單,一般規則的處理條件有:訂單量、裝載能力、價格、路線、發貨時間、收貨時間等。
計劃的手段除零擔集貨外,還有大單拆分、長單分段等,主要目的來達到成本分攤的作用。計劃的手段有智能計算,和人工處理+半自動計算。
承運方接受訂單,并將訂單分配給司機,由司機執行完成運輸任務,這個階段又稱之為調度。運營方將計劃的訂單分配給承運方,生成最終的運輸訂單,它是運營方同下游承運方的唯一標識,這個憑證會關聯到訂單的跟蹤監控和應付結算等功能。
基礎資料的建立,對TMS的需求任務單和調度非常重要,只有建立了合作關系,才能在客戶需求訂單上選擇到正確(有合作關系)的客戶,在計劃調度的時候才能匹配到正確(有合作關系)的承運方。
錄入貨主、承運方的信息,以便于后期訂單的生成, 這些信息的維護可以保證每個訂單都有歸屬客戶,方便訂單的管理。
1)貨主管理
客戶資料會有專門的CRM維護。
2)承運方管理
有承運商、自營車輛和2C車主三種。 2C車主,個人司機管理模塊,沒有合作關系。個體司機加入平臺,需要進行注冊認證,只有認證通過后才能給這些司機派發運輸訂單。
司機的信息維護除了注冊認證外,還有在平臺的所有活動數據記錄等。和承運方相比,此前不需要有固定的協議合同,相當于臨時工的概念。
3)用戶管理
運營方用戶之間建立的合作權限關系。
在第一階段,貨主提出用車需求。需求訂單信息包括收發貨人信息、貨物信息、用車信息和增值服務,詳細描述在上面的「業務描述」中有說明。具體到TMS系統中,這里不但只是貨主的信息錄入,它還包括收發貨人信息關聯、地圖定位、里程預估、上下游價格等。
客戶訂單它是貨主和運營方的唯一標識,貨主的訂單狀態有,待計劃、待調度、已調度、等待提貨,取貨中、運輸中、已完成等多個狀態。
客戶需求訂單創建成功以后,就開始進入到運輸業務的第二階段,運營根據一定的規則處理,將訂單進行自營車輛運輸、派送給承運方或者轉給2C車主,這邊的基本流程為:
1)審單
TMS系統對客戶的需求訂單做分析,分析出有問題的訂單,比如信息填寫不完整、地址解析錯誤等。
2)計劃
計劃和調度是運輸業務的第二個階段,它關系到整個運輸的最終成本控制,是整個運輸過程最重要的核心組成部分。
計劃的目的,是為了解決時效優先還是成本優先,更多的作業場景是在這兩者間作一個平衡處理。運營方作計劃的規則處理,會受到以下3個條件約束:
常見的計劃優化手段有:裝載優化、路線優化。 運輸計劃的方式有很多,總之在滿足時效的同時,成本最低是計劃的主要目的,主要手段有三種:
關于城配:
考慮到TMS中訂單量大、位置信息較為復雜,純人力計劃效率低,有時不能夠滿足客戶的需求。
所以一些企業會根據訂單結合計劃承運方作出進一步的優化「智能調度」,利用算法圍繞貨物、車、路線、時間合理規劃策略,實現最優資源的分配方案,完成最終的運輸工作。
3)調度
把計劃的訂單進行派發給相應的承運方,這個過程稱之調度。派發的渠道有三個,分別是自營、合作承運商和2C車主。
承運方接單后,會將調度的信息同步到WMS,包含車輛提貨時間、運送車型等。告知到倉庫的目的 ,可以讓倉庫可以提前備貨,節省提貨時間。下面所說比價計價模式,就是在調度的時候,根據各個承運方給出的報價,會選擇合適的、性價比高的承運方。
4)跟蹤
訂單跟蹤是運輸業務的第三個階段,承運方已經開始執行配送任務,實時跟蹤訂單狀態,并將狀態信息回傳給運營方和貨主。實時獲取訂單的當前狀態,比如位置信息、貨物的溫度等,也方便平臺管理司機,以保障訂單任務的順利完成。
提貨:
跟蹤監控:
簽收:
中轉站:
5)回單
一種發貨的憑證,證明對方已收到貨,也是最終貨主結算的憑證。
收貨方簽收訂單后,司機需要上傳回單并更改狀態完結訂單,考慮到線下是作業,回單的照片清晰、其他敏感信息等原因外,運營方需要再次確認后將回單再返回給貨主。
回單也分電子回單和紙質回單,電子回單:大部分情況下都采用這種,司機將簽收方的訂單,拍照上傳即可;紙質回單,需要將回單寄回給貨主,當然回單還是會掃描記錄到TMS系統中。
在客戶訂單簽收之前,都可以上報異常,上報異常需要對異常情況進行詳細說明,比如貨損損壞情況,進而進行協調處理,界定賠償責任等。
上報異常的渠道可以通過電話聯系運營方,由運營方的客服部門進行對接,異常訂單也會進入到TMS異常管理中,并對異常進行記錄、處理、跟蹤工作。比如上述所說簽收方在簽收的同時發現問題,也可進行異常上報。
根據不同需求維護不同的價格模板,方便使用和管理。上游價格模板,對商家進行收款的計價規則; 下游價格模板,對承運方進行付款的計價規則。
根據制定好的價格模板,規定價格模板的應用條件。對符合該條件的商家套用模板進行計算,價格模板的調用可以從不同維度,比如:線路、商家、貨物類型等。不管下游承運商,還是上游的貨主,不同的客戶都會應用不同的報價模板。
在結算管理中,對生成的訂單費用進行審核,實際業務的變動對最終賬單核算也會有調整,審核無誤后生成最終的賬單,然后由財務人員對照賬單進行上下游的收款和付款。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
文章來源:人人都是產品經理 作者:亦果兒
用戶的體驗感對于一個產品來說,是至關重要的。一個好的產品能夠充分照顧到用戶的感受,從而擁有大批的忠實用戶。用戶體驗地圖是幫助產品設計者站在用戶維度思考體驗優化,提升用戶體驗的重要工具。
那么,應該如何打造用戶體驗地圖及如何落地呢?我們在本文給出了解答。(本文對用戶調研、用戶行為路徑、使用場景等也做出了詳細解析)
它以可視化的形式,來表現一個用戶使用產品或接受服務的體驗情況,來發現用戶在整個體驗過程中的問題點與情緒點,從中提取出產品的優化點。
對于1-∞的產品來說,用戶體驗地圖是用戶增長策略的一部分,是產品優化的重要工具。
用戶體驗地圖一般由以下幾個部分組成:
用戶體驗地圖的組成部分大同小異,可以根據自身分析內容增加或簡化。小伙伴可以保存這張空白模板,直接拿去填內容哦~
我們給出了簡潔明了的回答:
背靠著中國鐵路總局,12306在基礎票務預訂服務上有著得天獨厚的優勢,但基于用戶日益增加的多樣化需求,以及越來越多的用戶愿意為優質體驗買單,競爭激烈的OTA們日益精進,與官方12306形成鮮明對比,本次優化就圍繞12306流失最多的年輕用戶群體展開。
本文以12306為例,主要針對購票流程(核心功能),提升交互易用性和用戶體驗,演示用戶體驗地圖如何落地。首先我們來看一下用戶體驗地圖的原型模板。
(上圖建議保存)
根據地圖原型的ABC區域,分別對應著A區的用戶特征與需求,B區是用戶行為、思考、情緒,以及C區的總結分析。A區+B區得出C區,A和B都基于用戶,所以,了解用戶——是梳理用戶使用問題的基礎和第一步。
經過我們團隊的經驗總結,得到繪制前的流程步驟如下圖,下文會拆分步驟一一講解。
體驗地圖的“用戶”不是主觀腦補出來的,而是通過定性調研和基于數據支撐所得出的,所以收集用戶的信息是十分必要的。
以下我們通過用戶群體數據和問卷調研數據(包括用戶畫像)來確定用戶模型。
本文根據以上數據,僅鎖定一線城市的主要用戶群體,也就是高線年輕人群的購票流程優化。
籠統的“對某類用戶使用產品的情況調研”是無法提供有價值的調研內容的,調研目的一定是顆粒度可細化的存在。
12306平臺的下單耗時長,年輕用戶流失率上升,對官方軟件槽點頗多,品牌影響較為負面。本次調研,主要針對年輕用戶在平臺的購票路徑,分析該用戶群體,在下單過程中的操作節點與關注點,探索用戶流失與差評的原因。
我們把社會屬性相關的樣本數據按不同維度歸類,劃分用戶人群。比如按年齡、行業、職位等維度的典型特征,可以將12306APP的主要用戶劃分為:在校學生、企業白領、自由職業。
再加以問卷結果描述,得到了高線年輕產品使用者的虛擬畫像。
在列問卷內容時,要注意12306是火車購票工具類軟件,用戶目的明確——剛性需求,所以問卷無需過多挖掘需求,而是鎖定調研目的,研究APP體驗本身,精準投放顆粒度較細的具體問題。如下:
團隊花了2天時間,總共發了335份問卷,回收率80%,拿到了268份。圖表較多就不詳細展示過程了,重在方法。
根據統計結果,我們最終總結出了下列重點問卷結論:
把這些痛點、滿意點,包括用戶實際接觸的界面或功能模塊,都歸納記錄下來,方便后續將這些痛點進行優化改進。
保存以上部分的相關數據和結論,我們已經了解了用戶(進入角色),接下來要確定用戶體驗場景了(模擬人生)。
在做使用場景前,先通過產品設計者視角梳理出產品目前的用戶行為路徑,這個步驟的主要目的是找出復雜節點,降低操作成本。
它需要我們對操作流程進行拆解,將一個流程拆解成幾個階段,階段又可以拆解成具體的操作節點。這樣一來,我們可以分析每個動作節點存在的必要性。
根據上圖的4步法,第一步——我們在確認主流程的情況下,羅列所有操作節點:
一定不能怕麻煩,用戶所有的動作節點都要羅列。
然后我們要找出復雜的操作節點,也就是可以優化用戶操作的節點,當然也不能主觀地“我覺得”,用交互量化的方法可以快速幫助我們找到問題點:
1. 把每個操作交互定一個數值,即為操作成本。越是高階越是隱藏的交互手勢越復雜,所謂的“交互成本”也越高。這里我們規則為:
2. 通過簡單的加減計算,就可以直觀地看到復雜節點在哪里。
3. 通過計算,我們能夠直觀地看到用戶操作最繁雜的部分集中于“選擇站點城市”“車次查詢”“選擇乘車人”這三個操作流程中。此時,重新審視這幾項繁雜操作節點,讓用戶在更少的步驟內完成操作是我們的目標,能一次點擊完成的操作絕不讓用戶點擊兩次。
4.降低操作成本,可以從2個方面入手優化:對于復雜的節點,降低操作難度,用簡單的操作替換復雜的;對于可有可無的節點,大膽地刪除,減少操作步驟。
(由于精力有限,這塊內容暫時不過多展開,因為還涉及很多知識點,以后慢慢講解。當然,感興趣的同學也可以自行查找資料,或在文章下方評論交流哦~)
明確了目標用戶后,接下來需要我們發揮共情能力,代入用戶視角走查產品。
從“帶著需求”來(我要買車票),到“完成目標”(買到票)走的核心場景路徑,梳理出來粗顆粒度的故事場景 。
【舉個栗子】:
場景的梳理,先從顆粒度大的骨干場景出發,舉個栗子:假如我們起床到公司這個場景,可以回想一下,在整個過程中我們經歷了哪些大的階段?
——經歷了:起床—洗漱—出門—路上—到達。
基于大的階段,我們可以繼續拆分出顆粒度較小的二級故事場景,比如“洗漱”還可以拆解:換衣服—刷牙—洗臉—梳頭。
拿到實例中,12306的購票流程是:查詢車次—篩選車次—填寫乘車信息—提交訂單付款—買到票了
切忌在使用場景時流程顆粒度過細,忽略用戶使用目的。
【加餐知識點】
這里先講解一下,場景設計主要分為2類:一是挖掘需求,挖掘用戶使用目的及動機;二是研究需求,在已有需求上深入研究和優化。
12306是從1-∞的出行工具類產品,用戶的使用目的非常明確——買車票,因此使用場景一定是圍繞【研究需求】展開。
運用4W1H場景分析法,我們得到用戶使用場景:
在已經了解用戶和確認了用戶使用場景的基礎上,根據以上得到的結論和機會點等資料,開始繪制用戶體驗地圖。
文章開頭拆解的組成內容還記得嗎?
現在召集團隊不同崗位的人員,共同努力填補網格空白處。最好從上到下從左到右開始,不用強求全部填滿,因為用戶體驗地圖并不是一錘定音的,它是不斷分析和反復更新迭代的。
我們得到了用戶體驗地圖成品:
用戶體驗地圖是產品用戶增長的策略工具之一,繪制完成后根據地圖針對用戶體驗情緒與機會點探索解決方案。
繪制好體驗地圖后,工作并沒有結束,還有2項重要的工作:
優化機會點:展開頭腦風暴,討論是否能有最佳方案,來滿足用戶的目標,提升用戶滿意度、優化體驗
安排后續工作:按照情緒曲線、機會點價值大小,梳理優先級,安排后續工作
然后根據用戶體驗地圖,按照用戶情緒的低(解決痛點)、高(放大爽點)、中(思考分析),分別探索優化。
把所有問題點按照上述分類,首先解決用戶情緒最焦慮的痛點問題,其次思考是否能把情緒高點繼續優化到極致,讓用戶更嗨,而用戶情緒平緩的地方,要研究分析,繼續思考優化空間。
· 中轉功能操作繁瑣,推薦方案不夠智能——減少交互步驟+增加智能方案推薦
· 視覺層級冗雜、票價信息不直觀——F型分析法優化+增加票價顯示
· 列表頁排序算法升級(與產品開發相關,不做案例展示)
我們增加了智能方案推薦,并把中轉車次與直達車次劃在同一頁面,優先展示直達車次。極大地增加了用戶操作的易用性,可直觀對比,減少頁面跳轉和加載等待時間。
通過多稿權重對比,在信息層級、功能突顯和視覺樣式中,擇優選擇了最終稿。
復雜節點降低操作成本,切換動效能直觀看出閱讀效率和易用性的提高。
通過F型視覺模型和十字交叉法梳理了信息層級,極大的提高了閱讀效率。
日期選擇由展開點按切換改為滑動切換,提高屏幕利用率的同時,更方便用戶操作。
——情感化設計,魅力型功能,讓嗨點更嗨。
情緒中線以下,都有優化空間。比如,
添加乘車人操作重復、耽誤搶票——默認常用已選+頁內抽屜拉起
篩選功能視覺較弱、觸點易錯——增加視覺識別與觸點面積
……
這是一部分可以不斷思考打磨的空間,雖然緊要程度低于用戶情緒低點,但是花時間將產品從滿足80%的用戶到滿足99%的用戶,即使在大多數人看來是一種性價比很低的行為,但卻是提升用戶體驗的絕佳方式。這也是大廠產品體驗良好的原因。
文章有點長,感謝閱讀。下面概括了一些文中的方法論知識點,方便讀者回顧。
市面上有很多關于產品體驗地圖的文章,但多數是基于已有產品的劣勢去直接繪制地圖,繪制地圖并不是目的,繪制好體驗地圖之后怎么分析優化才是目的,用戶體驗地圖本身只是一個可視化工具。我們努力去剖析過程、記錄方法論,希望初學者能夠知其然并知其所以然。
文章來源:站酷 作者:挖設
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
CDEC中國數字智能生態大會的前身為中國軟件渠道大會,至今已經走到第十四屆。覆蓋20座城市,匯聚10000+優秀廠商、5000+渠道商,覆蓋行業人群500000+,100+媒體深度報道,100+業界KOL參與演講,促成合作數千家,大會發布權威研究報告《企業服務生態發展狀況研究報告》十多本,打通企業數字化轉型服務最后一公里。
2021年我們重新定義了CDEC的品牌視覺形象,以適應中國數字智能生態大會的全新定位。
Web前端基礎:
Web前端工具:
jQuery是一個JavaScript函數庫。jQuery是一個輕量級的"寫的少,做的多"的JavaScript庫。 jQuery庫包含以下功能:
提示: 除此之外,jQuery還提供了大量的插件。
目前網絡上有大量開源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的擴展。
jQuery版本有很多,分為1.x 2.x 3.x
1.x版本:能夠兼容IE678瀏覽器
2.x版本:不兼容IE678瀏覽器
1.x和2.x版本jquery都不再更新版本了,現在只更新3.x版本。 3.x版本:不兼容IE678,更加的精簡(在國內不流行,因為國內使用jQuery的主要目的就是兼容IE678)
國內多數網站還在使用1.x的版本
該總結中所用版本為1.1的版本
jQuery有兩個版本:
生成環境使用的和開發測試環境使用的。
Production version - 用于實際的網站中,已被精簡和壓縮。
Development version - 用于測試和開發(未壓縮,是可讀的代碼)
以上兩個版本都可以從 jquery.com 中下載。
這里給個國內的下載地址:
JQuery 下載
jQuery 庫是一個 JavaScript 文件,我們可以直接在 HTML頁面中通過script 標簽引用它,跟引用自己的 外部JavaScript腳本文件一樣的語法。
//將第一步中下載好的jQuery資源包進行解壓,然后就可以飲用解壓好的.js文件 <head> <script src="jquery-1.11.1.js"></script> </head>了。
jQuery 語法是通過選取 HTML 元素,并對選取的元素執行某些操作(actions)
$(selector).action() 說明:美元符號定義 jQuery 選擇符(selector)"查詢"和"查找" HTML 元素
jQuery 的 action() 執行對元素的操作
文檔就緒事件,實際就是文件加載事件。
這是為了防止文檔在完全加載(就緒)之前運行 jQuery 代碼,即在 DOM 加載完成后才可以對 DOM 進行操作。
如果在文檔沒有完全加載之前就運行函數,操作可能失敗。 所以我們盡可能將所有的操作都在文檔加載完畢之后實現。
寫法一:
$(function(){ // 開始寫 jQuery 代碼... });
寫法二:
$(document).ready(function(){ // 開始寫 jQuery 代碼... });
jQuery的ready方法與JavaScript中的onload相似,但是也有區別 :
區別 | window.onload | $(document).ready() |
---|---|---|
執行次數 | 只能執行一次,如果執行第二次,第一次的執行會被覆蓋 | 可用執行多次,不會覆蓋之前的執行 |
執行時機 | 必須等待網易全部加載挖完畢(包括圖片等),然后再執行包裹的代碼 | 只需要等待網頁中的DOM結果加載完 畢就可以執行包裹的代碼 |
簡寫方式 | 無 | $(function(){ }); |
jQuery 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"(或選擇)HTML 元素。 它基于已經存在的 CSS 選擇器,除此之外,它還有一些自定義的選擇器。
jQuery 中所有選擇器都以美元符號開頭:$()。
Query 元素選擇器基于元素/標簽名選取元素。
語法:$("標簽名稱")
<div>div1</div> <div>div2</div> <div>div3</div> <script type="text/javascript" src="js/jquery-1.11.1.js" > <script> //文檔就緒事件: $(document).ready(function(){ //編寫jQuery }); $(function(){ //1、標簽選擇器: //獲取所有的div元素(集合) var divList=$("div"); console.log(divList);//jQuery的對象 console.log(divList.length); for(var i=0;i<divList.length;i++){ console.log(divList[i]);//js的對象 //將js對象轉換為jQuery的對象 console.log($(divList[i])); } }); </script>
jQuery #id 選擇器通過 HTML 元素的 id 屬性選取指定的元素。
頁面中元素的 id 應該是唯一的,所以在頁面中選取唯一的元素需要通過 #id 選擇器。
通過 id 選取元素語法如下:
$("#p1")
jQuery 類選擇器可以通過指定的 class 查找元素
$(".mydiv")
匹配所有元素
$("*")
將每一個選擇器匹配到的元素合并后一起返回
$("div,ul,li,.mydiv")
在給定的祖先元素下匹配所有的后代元素
$("form input"
在給定的父元素下匹配所有的子元素
$("form > input")
匹配所有緊接在 prev 元素后的 next 元素
$("label + input")
匹配 prev 元素之后的所有 siblings 元素
$("form ~ input")
頁面對不同訪問者的響應叫做事件
事件處理程序指的是當 HTML 中發生某些事件時所調用的方法
鼠標事件 | 鍵盤事件 | 事件 | 文檔/窗口事件 |
---|---|---|---|
click | keydown | submit | load |
dblclick | keyup | change | |
mouseover | focus | ||
mouseout | blur | ||
hover |
在 jQuery 中,大多數 DOM 事件都有一個等效的 jQuery 方法
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
大屏可視化界面設計可謂是當今行業、企業發展的見證,生動直觀地再現了行業、企業的全貌。不僅作為展示,方便了解、監督;同時可以作為一個有效的管理平臺,帶來效益。大屏界面面向范圍廣,協同性好,易于被采用。下面幾個大屏的界面設計,沉穩的背景上,加上亮色作為點綴和強調。既不失其風格,又富有靈動性。
接下來為大家分享精美的大屏 UI設計案例:
藍藍設計(北京蘭亭妙微科技有限公司)是一家專注而深入的UI設計公司,公司對UI設計的追求一向很高,致力于為卓越的國內外企業提供卓越的手機 ui設計、軟件界面設計、網站設計,用戶研究、交互設計等服務。
圖片均來源于網絡)
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
更多精彩文章:
大數據可視化界面設計賞析(一)
大數據可視化界面設計賞析(二)
大數據可視化界面設計賞析(五)
這篇文章主要分享怎么做一套毛玻璃擬態圖標,以及在這基礎上如何發散創意。帶著這個想法,我開始逛“避寒寺”和“追波”,找可以參考的作品。這套作品我挺喜歡的,作者還做出了 3D 視角的。
先分析一下圖標的結構。圖標有三層:底部幾何色塊、毛玻璃主造型,帶有含義的白色圖形。
再分析俯視角度時圖標的表現,方便用工具表現。
最后是顏色的歸納。作者用了飽和度非常高的顏色,基本都在右上角最尖尖的位置。
分析完以后可以開始臨摹了…因為造型比較簡單,我沒有臨摹,直接創意發散做了另一套。選主題的時候我隨便開了個 APP(當時打開的是微博),覺得個人中心的快捷入口圖標主題可以拿來試試。我選了深色作為背景,所以這套圖標用到界面會比較難適配,和原 APP 風格也不符合。在這里單純利用主題來做練習。
做底部的幾何色塊時,形狀可以盡量跟主圖形相關性大一些,加強它們之間的關聯性,如果實在沒法關聯的也不必勉強。
我降低了幾何色塊的面積,增加了多一層毛玻璃形狀層,并且讓白色的圖形更靈活,而不是雕刻在毛玻璃層上。這是我理解了原作者圖標的結構之后,自己進行的改變,效果還行。
做的過程中,發現草稿箱如果里面放一張白色的卡紙,視覺效果還不錯,所以我又做了另一種效果。最終呈現出來的效果只有草稿箱比較出彩,其它很牽強。
拿「照片」這個圖標來進行拆分,參數分別如下:
這是最后呈現的效果:
封面圖參考了小米的屏保。我用 sketch 做的,效果一般,可能用 ps 做會更逼真吧。
臨摹一套圖標的時候,要帶著目的去臨摹,分析原作者每一步的處理。然后把圖標拆分成不同的變量,修改這些變量的時候或許會得到不錯的想法。
文章來源:優設網 作者:牙線y2x
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
作者 新手如何做seo · 來源 新手怎么做seo
藍藍設計的小編 http://www.syprn.cn