路野TK

?設計師的競爭力到底是什么 ?未來設計師競爭力一定要具備設計思維,設計技法,設計風格每年都在變,如果只專注設計風格層面沒有思維層面提高,很難往上一個臺階,未來公司肯定是買你的設計思維,你思考問題的方式,解決問題的邏輯,這些才是你的核心競爭力!

 

前幾天和朋友聊天,聊到設計師價值是什么?目前我們都是做著一個流程線上特定的一些設計!未來競爭力在哪里,設計手法?現在設計趨勢研發技術發展很快,每天都有新的東西出現,每個都需要去學么?之前的工作經驗都沒用了嗎?想到這些不免有些焦慮,后來我們聊到有一個恒定不變的,就是設計思維。

未來設計師競爭力一定要具備設計思維,設計技法,設計風格每年都在變,如果只專注設計風格層面沒有思維層面提高,很難往上一個臺階,未來公司肯定是買你的設計思維,你思考問題的方式,解決問題的邏輯,這些才是你的核心競爭力!

現在絕大多數設計師每天在做的事情,研究界面設計,交互動效,但是這個能做一輩子么?很顯然是不夠的,趨勢,方法都會變化,未來會有比你更年輕的設計師,更快的方法流程,那么設計師到底應該如何找到屬于你的競爭力?

我覺得答案是思維模型,決定未來設計能走多遠,設計技能固然很重要,但設計思維更重要,上圖是我梳理的一些主流設計思維模型,再去看看身邊優秀的設計師,都是在用這些思考模型在做設計,未來我都會將這些分享給你。今天先教你們一個思維-情景設計。

 

什么是情景設計

很多人對這個詞語可能比較陌生,情景映射就是將線下人們對日常生活,空間,情景的真實事件,映射到線上的體驗中去,通過設計的提取提煉與表達,向用戶傳遞想法,感覺和情緒。

 

案例:買眼鏡

▲?現有場景:購買眼鏡時候,還是傳統的選擇眼鏡類型及商品參數屬性。

▲?生活情景:平時日常我們購買眼鏡場景,可以去從店鋪試戴,可以根據臉型,顏色去選擇適合自己的眼鏡。

▲?情景映射:線上試戴眼鏡,選擇眼鏡款式,利用攝像頭,能做到所見即所得。

 

案例:AR試鞋

▲?現有場景:購買鞋的時候,還是傳統的選擇鞋子款式及商品參數屬性

▲?生活場景:店里買鞋,一般可以看到鞋的質感,顏色,和衣服搭配的感受。

▲?情景映射:Wannna Kicks通過AR增強現實效果,可以在線試穿鞋子,隨時切換鞋子顏色,款式。

 

案例:地圖導航

▲?現有場景:地圖尋找餐廳時候,只能虛擬地圖上看見餐廳位置

▲?生活場景:平時我們找店,都沿著馬路逛,搜尋

▲?情景場景:打開手機攝像頭,就能準確的標識出附件的店鋪信息,減少尋找

▲?現有場景:地圖導航,跟著手機里面內置地址行走

▲?生活場景:開車導航主要以馬路指示牌為主

▲?情景影射:地圖導航和實際線上路況結合起來做導航匹配,更加精準直觀,同時不用時刻都盯著手機。

?

有哪幾種情景?

 

物理情景

受環境元素影響,比如大風,噪音,天氣等等,這些環境下的設計體驗,一定要充分考慮,比如陽光直射下的iPhone手機可以自動調整亮度,黑夜中iPhone可以當手電筒使用等等。

▲?陽光下和黑暗中,iPhone自動調整亮點讓用戶使用方便。

▲?Facebook Messenger聊天功能的夜景模式,防止晚上對眼睛刺激太大。

▲?網易新聞白天夜景模式設計,用戶閱讀體驗更舒服。

 

生活情景

生活中直接與用戶交互的人和事件:

▲?生活中用戶玩的游戲機和老虎機,模擬到現實線上場景,在一起H5營銷活動中經常遇見。

▲?在電商中我們經常提到的樓層概念也是如此,也是對線下逛商場一層一層逛的場景映射。

 

時間情景

不同時間點的場景切換,比如電商中大促一般都有預售-付訂金-購買-收貨等不同時間節點設計,那么我們在設計時候也需要充分考慮用戶不同時間節點的需求變化。

▲?滴滴打車,設計時就需要考慮時間情景,打車之前-上車后-車到達后的整體設計。

▲?金融產品,需要考慮用戶買之前,買過程中,買完后收益情況,都需要每個細節考慮到位。

情景影射基本分為以上3個情景,物理情景,生活情景,時間情景,那么這些情景我們怎么運用到設計中去呢,如何去挖掘好的情景到平時設計中呢?

?

怎么挖掘情景

 

1.發現

一定要養成豐富的洞察力,能很好發現生活中有儀式感有趣的事情,記錄下來,我一般通過花瓣或者pinterest記錄下來這些有關鍵詞特征的場景,建立好情緒板,一般從三個緯度洞察,人,事,物。

▲?之前組織刻意練習的一個小項目,關鍵詞是潮流,那么通過去挖掘,潮流的人,潮流的事,潮流的物去尋找映射場景。

▲?潮流感的人是什么樣的,有哪些特征

▲?潮流感的事物有哪些,有哪些值得記錄的。

另外記錄,對平時生活中有儀式感的事情,有場景感事情進行記錄,并思考,這種有場景感事情我們如何運用到線上場景。

 

2.提取

大量收集生活中有趣的場景,就需要運用我們的同理心去提取,挖掘出來,需要去思考如何和線上進行匹配。

▲?舉例:我們生活中收到信件,賀卡都是比較有場景感儀式感的事情,那么如何提取這些元素到線上呢?

▲?這兩個邀請案例就是很好的一個運用,提取信的開啟感,儀式感,運用到實際場景中,營造出整體的氛圍。

▲?將平時打開禮物場景進行提取,運用到電商產品和會員頁面中,很好的將生活場景映射到線上場景。

 

3.運用

運用就是將我們抽取好的場景,和線上案例,上下文進行很好的結合,在交互層面去體現,在視覺緯度去體現!

?

實際案例

做任何一個設計第一步就是要了解項目背景,以及這個設計要解決商業目標是什么,簡單說下這個項目,這個項目很簡單一個彩妝需要,在天貓開了一家旗艦店,其中主打產品是口紅,買過口紅的朋友都知道,口紅是分很多色系,質地和色號,商家他們希望在已有的淘寶詳情頁面,里面去展現200多個色號!

線上現狀

▲?已有的電商選擇一個顏色類型,最多如圖看見的這樣,十幾個已經很多,如何在已有的框架下面去增加幾百個從視覺體驗緯度,全部展現出來很明顯不合理,體驗會更差,那么交互同學在這里做了一個入口等級進去展開全部口紅顏色,大家如下圖這樣

▲?那么拿到這個需求,我們要去思考,如果我們按照當前這個邏輯,點進去一堆顏色列表的設計,用戶是否看的懂,是否有更好的形式去幫助用戶更好的理解這個使用場景!

 

運用情景映射

1.發現

設計源于生活又高于生活,先幻想自己是個妹子,妹子們是如何去線下買彩妝,香水去觀察絲芙蘭專柜是什么樣的!我們會發現在線下會有很精致的柜臺,買口紅的過程能很直觀的看見口紅質地,顏色,以及涂抹在嘴上的效果,還原我們真實購物場景!

我們去思考現實生活里面,比如我們美發理發師都會給我們一個頭發冊子,還有平面設計熟悉的潘通色卡,以及裝文件的文件夾等等,我們是否可以把這些形式去放在這個設計里面去。

 

2.提取

根據場景發現,我們提取生活場景中的線上購買體驗,將用戶看見的光澤質感提取處理,將用戶平時文件夾冊子形式提取出來。

 

3.表現

我們運用文件夾這種形式為視覺容器載體,文件夾有打開關閉效果,打開文件夾可以清晰看見里面色彩質地,和顏色,方便用戶去理解,觸達用戶內心感受。

▲?文件夾作為視覺容器載體來承載顏色

▲?每個文件夾點擊展開是一張對應的質感質地圖片,幫助用戶理解這個口紅實際效果,大家可以直接打開淘寶天貓搜索MAC口紅,進去自己體驗下!

?

最后?

場景映射分為3步:

1.發現:通過平時對生活的觀察,發現一些有儀式感有場景事情,通過圖片,文字形式記錄下來。

2.提?。?/strong>從這些場景事情中,通過同理心,和線上場景做匹配,挖掘可能性。

3.表現:通過抽取元素,結合場景在交互緯度,視覺緯度進行設計,保證場景運用合理性。

 

原文地址:我們的設計日記(公眾號)

作者:skys

 

轉載請注明:學UI網 » 冒昧問一下,你了解什么是情景設計嗎?

登錄收藏
 
你可能喜歡的:
設計萬花筒丨設計師如何理解中臺設計萬花筒丨設計師如何理解中臺
設計驅動案例-如何優化金融產品購買體驗?設計驅動案例-如何優化金融產品購買體驗?
教你如何手搓素材,讓你的元素“為所欲為”教你如何手搓素材,讓你的元素“為所欲為”
UI設計師該如何度過每一天UI設計師該如何度過每一天
【藍湖有方】不可替代五原則,做到的設計師真香!【藍湖有方】不可替代五原則,做到的設計師真香!
1套流程,帶你看遍1000萬個產品設計的從0到11套流程,帶你看遍1000萬個產品設計的從0到1
聊聊加載等待的那些事之“進度指示器“(落地篇)聊聊加載等待的那些事之“進度指示器“(落地篇)
設計系統的道與術——上篇設計系統的道與術——上篇
不只是“設計”,產品思維賦予設計新動力!不只是“設計”,產品思維賦予設計新動力!
好用到讓設計師尖叫的1個設計方法好用到讓設計師尖叫的1個設計方法
?
街机捕鱼城金库券 百发理财平台 招商证券理财平台 快乐扑克3任选走势图 武汉哪的股票配资好 北京快三全天计划 福建11选5预测 贵州快三开奖号码查询 山东11选5遗漏号 乐乐广西快乐十分 全球股市指数