從互動設計到產品設計到服務設計,變遷是怎麼發生的?

2021-01-19 人人都是產品經理

2009-2018這十年間,我們經歷了互動設計熱、產品設計熱以及近兩年的服務設計熱。這些變遷背後的原因是什麼?

我們看待任何現象,都不能脫離它所處的時代以及當時它所處的系統,所以今天我就從市場競爭系統的角度來談一談原因。

一、互動設計1. 互動設計的時代特點

互動設計在國內的興起應該要從十年前說起,也就是2009年。其實互動設計並不是什麼新詞,在國外已經存在了幾十年了。為什麼2009年突然火了呢?因為移動網際網路出現了。

2009年是我國的3G元年,手機可以快速上網了。在此之前,手機上網的速度是非常緩慢的,流量的費用也非常高,我們上網的方式主要還是電腦端。

如果說傳統的網際網路是以「點」的方式做結合,人和網際網路之間不是全天候無縫連接在一起的,那麼移動網際網路出現以後,彌補了所有空間和時間的限制,手機上網相當於我們多出來的一個器官,快速的捕捉和採集信息。人和網密切綁定在一起了,新的上網模式佔據了用戶所有的時間和空間。

主要的系統發生了變化,新的機會就會出現,所有人都在思考移動網際網路到底該怎麼玩?

首先,網際網路像是書架,我們把所有的書都陳列在上面,所以傳統網頁設計要求視覺的邏輯要清晰,讓用戶可以快速的找到自己想要的信息。移動網際網路出現以後,我們可以發現所有的信息都要裝在抽屜裡,移動端的屏幕太小,挑戰的是用戶思維的邏輯。

其次,移動網際網路的出現引起了信息的大爆炸,所有人都是自媒體,但是我們獲取信息的能力隨著屏幕的變小其實是在下降的。用戶在WEB端願意獲取更多的信息,是因為信息傳播的速度慢,對信息是饑渴的。到了移動端以後,你會發現信息傳遞的速度成幾何速度增長,信息的幹擾越來越多,所以信息傳遞的精準性就顯得尤為重要。

比如,09年以前新浪微博是很流行的,09年以後今日頭條開始走紅。因為頭條的信息呈現的空間是偏大的,觀感可以很好地適配手機端。

網頁端到移動端的轉變,出現了大量的交互工作需要完成。移動電商怎麼做、移動社交怎麼做、移動新聞客戶端怎麼做?網頁端的屏幕信息呈現能力很強,時間也是點狀的,不連續的;移動端的屏幕信息呈現能力弱,時間是連續的,和用戶高度綁定的。移動端的信息呈現變成了抽屜式的收納,如何讓用戶理解產品就變得尤其重要,這就是交互的工作。

2. 互動設計的理念

互動設計在1960年就出現了,那時候研究機器如何跟人更好的互動。2009之後互動設計火速發展得益於時代的發展,人與機器交互的行為大大增加,而這些交互的行為都需要設計師去定義、發掘、論證。也就是在那個時候,互動設計師的職位出現了,在剛開始學習交互的時候,並沒有那麼多的方法論。在整個09-10年,大多數的國內團隊都無法準確區分互動設計師到底要做什麼,交互和視覺是混在一起的

2009年-2015年的主要矛盾—能否用移動網際網路形式重構用戶認知與體驗。

為什麼這麼說呢?美國的設計師是需要學代碼的,中國的設計師很多不會學習代碼。這是因為美國的產業環境是以技術為驅動的產業環境,所以需要設計師有寫代碼的能力,但是中國特別是2009年-2015年,大多數公司的創新都來自於模式創新

什麼是模式創新?

兩個獨立的場景,結合之後就得到新的機會。

比如共享經濟、共享雨傘、Airbnb、小紅書(社交和電商)。

對於模式創新來說,認知最難,怎麼讓用戶了解這種新奇的東西?

比如返利網的模式,怎麼讓用戶理解?

面對主要矛盾,市場需要做的事情是完善自己的企業結構,在此同時讓企業的系統可以適配這個時代。為了跟這個時代進行適配。最優秀的系統應該有明確的劃分,互動設計師應該做什麼?視覺設計師應該做什麼?當每個人的分工變得清晰,產品的用戶體驗就不會做得很差。適合的職能有適合的節點,所以互動設計師有了專門的職位,有了具體要做的事情。

二、產品設計

時間到了2015年-2016年,市場上最最大的變化就是:認知形態固化

在2011年,說到什麼是網際網路電商?什麼是網際網路社交?什麼是網際網路金融?我們沒有清晰的概念,在2015年之後,再說到這個話題,我們開始有了概念。互動設計師用了幾年的時間終於把產品的認知固化到用戶的大腦裡面,比如當我們提到社交電商的時候,大腦裡立即出現一個形態,這是用戶已經了解、熟悉的形態。當然我這個「固化」主要是針對主流產品來說的,對於邊緣形態的產品還是沒有固化。

主流產品裡用戶認知形態的固化導致了交互已經沒有那麼多可作為的空間了,產品設計應運而生。

產品設計即把產品經理和互動設計結合到了一起。大家有沒有注意到最近市場上的提法從UED(User Experience Design)變成了UGD(User Growth Design),即用戶增長設計。產品和交互有了結合的空間。因為我們要做到以用戶為中心,同時也要注意整個用戶增量的問題。

舉個例子來理解:為什麼產品和交互要融在一起來看?

比如,礦泉水的瓶蓋,上面是有褶皺的,但是很多人去擰瓶蓋的時候,還是不好擰開,當我們將瓶蓋換一種設計,擰瓶蓋會變得更容易,這就是一種互動設計的創新。做了這種改進之後,提高了用戶體驗,那是否可以提高礦泉水的價值?

如果只停留在「設計「的維度,沒辦法回答這個問題,需要藉助產品的知識。提到產品,我把價值分成三個象限:基本價值、核心價值和魅力價值。作為礦泉水,基本價值—瓶蓋;核心價值—水;魅力價值—品牌、文化帶來的溢價。如果想提高魅力價值,交互和產品要結合在一起,因為整個市場的競爭升級了。

比如淘寶,引領了電商的趨勢,那作為電商類的產品,怎麼找出路?找細分、找模式,比較成功的案例有他趣(情趣產品)、小紅書(電商和社交融合)。

但也有純做電商的,比如網易嚴選。這個值得我們今天的設計師好好思考。網易嚴選的核心競爭力是什麼?我認為這是一款做價值觀的電商——好的產品沒有那麼貴。所以在網易嚴選裡面購買的物品,從外觀到運營都是符合這個價值觀的。

之前的產品可能交互、產品、視覺是分開的,但現在我們需要將他們放在一個框架裡面,這樣才能輸出統一的價值觀。一個好的產品在我們心中會有一個「面相」,比如一個親切的大哥哥、一個精緻的小姐姐。我們需要讓用戶真的能感受到她是一個精緻的小姐姐,很溫柔、很體貼,所有輸出的東西都要符合這個感覺,不能有掉分的行為。而放到產品裡面,可能在運營、文案、交互、視覺裡面都可能掉分,所以就需要我們整體的把控。

產品設計的出現是產品競爭升級的結果,剛出現的產品,一開始拼功能再接著拼體驗再接著拼價值觀

但是注意一點:不是每個產品都是這樣的路徑。當涉及到價值觀的時候,需要設立價值體系、策略,也就是產品的DNA,之後通過觸點來做釋放,所有的觸點都不能跳出這個框架。

比如我們只要做一個讓人放心的奶粉產品,在請代言人的時候都要找一個「讓人產生信任感」的演員來代言,要專業,要有嚴謹的感覺,陳道明就比較適合。然後在推廣的過程中,色調、排版、文案都要傳遞的沉穩的感覺。

三、服務設計

2017年到2018年的新變化就是服務設計。

最初,阿里提出來「全鏈路設計」的概念,將線上和線下打通,結合在一起,讓用戶接受產品的時間會變得更加長。這就需要有人來把控全鏈路,讓用戶感受到人設、價值、思想傳遞出來的東西是統一的。我們作為設計師看到的鏈條要長,所以全鏈路對設計師的要求是很高的。

其二,現在設計有很多的創業機會,以前是做線上的,現在在做線上和線下的結合。當我們的企業在做線下和線上的結合的時候,我們可以把網際網路的研究方式放到線下嗎?其實當下最優秀的設計師都聚集在網際網路行業,網際網路的設計已經非常先進了,然而線下還比較落後。

這種落後不是指店面裝修方面的,而是軟服務滯後。所以我們可以用線上學到的知識來優化線下,並且思考我們怎樣做出新的突圍點。

在這樣的大背景下,服務設計受到了前所未有的重視。

服務設計的定義:以用戶為中心,對整個用戶體驗過程的服務引導和質量把控;服務設計以企業為推動力,基於自身特點和商業目標,對於服務運營管理作出的規劃和設計。

我將從五個方面來對比傳統意識與服務設計意識的差別,從而讓大家更好地理解什麼是服務設計。

1

傳統意識:傳統服務意識注重產品的單向輸出;

服務設計意識:以用戶為中心,研究用戶的形態提升競爭力。

記得有一次,我去購買泡芙。帶著對熱量過多攝入的罪惡感,詢問泡芙的價格,結果服務員給我的銷售信息是「買三送一,十分便宜」。這句泡芙的銷售語「買三送一」,其實並不適合當前的消費場景。對於很多白領人群來說,吃泡芙只是為了解饞,其實內心是懷有某種罪惡感的,怕胖怕不健康。這種不適當的銷售語反而阻止了用戶購買。

我們的服務邏輯依然是以產品為中心進行銷售,而未能更多考慮用戶群體的變化和銷售場景的變化。所以往往不適當的銷售語反而更多帶來用戶的反感。

2

傳統意識:角色少——聚焦在企業的創新與客戶的作用中;

服務設計意識:共創-考慮整個服務體系多個角色的關係,進而推動事件前進。

例如我們曾經做過的一個項目,一個幼兒園信息傳遞系統。園長的訴求是引入這個系統可以更好的管控老師,而老師在這個邏輯裡被強行派發了系統,他們在這個系統中被要求和家長溝通孩子的健康情況和給家長發布信息。而家長可以通過這套系統檢測孩子是否受到侵犯,並且可以及時獲取孩子的健康情況。

所以我們發現這三個人的關係變成:園長,喜歡通過這個系統引入提升幼兒園的競爭力,提升口碑,並且更好管理自己的團隊。老師,是真正來為這個系統提供服務的人,包括錄入信息和家長互動。家長,是這個系統的真正受益者,他們獲取孩子的信息讓自己安心,隨時隨地的保證孩子的安全和健康。

我們在設計這款產品的時候就要調和三方的利益點,這就是共創。

再來看一個酒吧類的產品,愛夜蒲,這個產品很厲害,充分考慮了用戶的需求,可以在網上訂到酒吧的卡位,還能看到哪個酒吧熱鬧以及酒吧的特色,對用戶來說太方便了。

但是這個產品推不了,因為這會影響到酒吧方的利益,特別是從酒吧可以提成的一些人的利益。

所以如果沒有共創精神,只是單純從用戶角度來出發,這個產品做不下去。所以服務設計對用戶的要求很高,基本上把產品和交互結合在了一起,需要看到其中的利益鏈條。

3

傳統意識:只關注產品和客戶密切接觸的過程;

服務設計意識:按照服務的持續,注意整個服務的生命周期。

從產品的定位階段對周邊對手的研究,從提升推廣量、傳播渠道到服務前期的考量到服務進行期的考量,到服務進行期、維護期的考量再到整個服務系統的構建,能否很好地去完成創新以及整個對服務的支撐。其中包括的知識包括營銷、包括營銷的知識、互動設計的知識、產品經理的知識。

4

傳統意識:好的設計用戶是感受不到的;

服務設計意識:服務設計是用戶可以感知並且可以提升服務價值的。

比如下廚房這個APP,打開之後它是一直保持不黑屏的狀態的,因為在廚房我們手上常常不乾淨,沒法進行操控。這種設計很好,但是用戶是感知不到的,他們覺得本來就該如此。

比如吃全聚德的背景烤鴨,會有專門的大師傅站在旁邊服務,專門給食客現片烤鴨,並且還教食客怎麼吃。這就給人一種文化感、隆重性,就能夠溢價。用戶能夠感知這種服務的存在,也就是服務的顯性化。

5

傳統意識:產品、交互、視覺、運營各種分割需要磨合和溝通;

服務設計意識:從整體宏觀角度把握整體體驗,全鏈路型。

四、總結

09年15年的互動設計——移動網際網路的形態需要被定義,互動設計師非常吃香。

到了15年以後,產品設計——競爭升級導致用戶開始為情感和價值觀買單,同時部分產品形態開始固化,在競爭比較激烈的產品中,互動設計師發揮的作用在變小,產品和設計結合的情況越來越多,這樣有助於傳遞情感和價值觀,提升競爭力。

服務設計——新的創業環境的變化,線上和線下結合,關注整個服務流程,新零售以體驗為主的消費邏輯為服務設計帶累了機會。我們判斷服務設計會是新的溢價點,很多企業雖然不做服務設計,但是會要求設計師具有服務設計的思維和能力,這就意味著能夠把控的鏈路更廣,還有可能對企業的產品帶來新的思考。

 

本文由 @純色 原創發布於人人都是產品經理。未經許可,禁止轉載

題圖來自 Unsplash ,基於 CC0 協議

相關焦點

  • 老齡化產品設計(二):老年人產品的顏色、圖像、排版、交互、導航設計
    筆者在《老齡化產品設計(一):老人的身體機能有哪些改變》一文分析了老年人視覺、聽覺、觸覺等感官特徵的一些變化,總結了注意、記憶、思維等認知特徵的一些特點。本文與大家一起探討下老齡化產品設計有哪些關注的點。
  • 信息維度與互動設計原理
    信息九維關注「身心意理」,從設計的初始動機,以意義為中心的初心動因,再到物質的品質、意識的品格與情感的品味,最終匯聚為交互的品德,同時還有所屬權、分享權與使用權的三權分立融合的博弈關係。信息十維注重在產品服務系統整個生命周期生態循環中的「真善美德」,最終形成互動設計的三觀審視檢測設計評判。
  • 汽車人機互動設計,業內人士是怎麼看的?
    前幾天,車轍君參加了一場由汽車財經網與同濟大學"創業谷"舉辦的首屆"中國汽車互動設計(國際)論壇",非常有幸聽到了來自全球各領域專業人士對汽車互動設計在行業發展應用的看法,也大概了解到了現階段汽車互動設計的一個概況,借著這個機會,願結合自己對汽車互動設計對智能汽車影響的一點看法和大家分享一下。
  • 從理論到實踐,我是如何完成這份互動設計的?
    如何將需求落地到設計中?謀全局者,才有自信謀一隅當設計師進入設計階段時,會出現典型的負隅糾結,而在產品整體框架和產品協同上缺少大局觀。往往在局部形成的設計優勢,在全局上不可用或不一致導致了優勢喪失。拿一款閱讀與發布文章的產品來說,關於網站與app的同步問題,當我們從需求出發開始規劃設計時,我們談的是如何與網站打通進行無縫的閱讀與發布文章功能的對接。而當我們進入具體功能設計時,討論的更多的是鍵盤的自定義功能是哪些,上傳圖片數量限制,圖片文字編輯如何操作,產生什麼問題,怎麼解決。
  • 互動設計|如何做好操作反饋規範的設計?
    互動設計中的操作反饋設計,要從用戶和產品的兩個角度去思考——反饋能為品牌氣質的提升帶來什麼價值,能多大程度地優化用戶的體驗效果?規範,意指符合邏輯,客觀、真實、全面、完整、準確、及時,達標。明文規定或約定俗成的標準, 使某一行為或活動達到或超越規定的標準。
  • 互動設計 | 如何做好操作反饋規範的設計?
    互動設計中的操作反饋設計,要從用戶和產品的兩個角度去思考——反饋能為品牌氣質的提升帶來什麼價值,能多大程度地優化用戶的體驗效果?設計規範的制定都帶有很強的目的性,一份規範的制定不僅是對產品自身有利,對設計研發團隊以及用戶都是有諸多顯著的好處。什麼是互動設計中的操作反饋?設計規範中的操作反饋規範的制定,實則就是將用戶操作APP後的行為給出一致性的反饋,讓用戶的每一步操作都有明確的感知。
  • 在設計過程中,有哪些不容忽視的互動設計要點?
    當人們開始觀察外界物體時,視覺系統將剌激以圖像的方式傳遞到大腦,並通過大腦的視覺皮層區域控制人眼的運動來表達對圖像的興趣,這一過程被稱為視覺感知過程。認知摩擦闡述的是因認知的差異性導致基於產品開發的界面變得複雜,用戶難以通過界面表象理解程式設計師的意圖,執行任務過程存在困難如標籤或導航的認知不清晰、操作反饋得不明確或不及時,得不到預期效果等問題。相對於物理世界中的摩擦現象,認知摩擦則是因為信息化程度的不斷加深,由信息膨脹導致人機互動界面設計不良的一種現象。
  • 互動設計的最後一公裡(一)——動效設計
    隨著設計工具逐漸遷移到sketch上,其最基本的頁面點擊跳轉卻不能實現,只能進行靜態頁面展示,若設計師工作時間充足一些,或許會進行頁面之間的流轉箭頭指示。對於那些對產品以及業務不是很了解的團隊成員來說,其一直會處於懵懂狀態,甚至會在眾多的靜態頁面中迷失,大大降低了交互稿的可讀性。
  • 卡內基梅隆大學互動設計專業全面解析
    互動設計專業是CMU的一門強勢學科,並且也是眾多藝術留學生的選擇。接下來,大家就一起來了解一下關於卡內基梅隆大學互動設計專業的介紹吧!從事用戶體驗設計師「UX Designer」,互動設計師「Interaction Designer」、產品設計師「Product Designer」、用戶研究師「User Researcher」。
  • Apple 的設計哲學:交互篇
    蘋果是一家為數不多以設計驅動的公司。如今,當我們談論起產品設計、談論起用戶體驗,總是離不開蘋果,它所堅持的設計哲學是對細節和質量的極致追求。下面,我就帶大家看看 Apple 在交互方面做的努力。
  • 習慣養成APP的互動設計&視覺設計
    本文通過展示UI設計稿、需求分析報告和互動設計文檔,全面詳解養成APP的交互體驗與視覺設計。前言「學樹」(Habitree)是9月時從互動設計到UI設計獨立完成的一個個人項目,也是第一次挑戰時間管理類應用這個有趣的領域。雖然最終因為種種原因很遺憾沒有順利地交付開發和實際上線,但設計階段還是已經有一個相對完整的階段性成果的,在此分享給大家。
  • 監控產品中「告警服務」的設計及演化
    在「告警服務」的設計過程中,首先明確了「告警服務」的價值,然後通過用戶畫像描述了「告警服務」的實際應用場景,接著通過「用戶體驗地圖」全面梳理了「告警服務」中用戶的觸點、痛點、機會點,並以此分析出設計的落地策略,最後通過對「告警服務」的設計及其迭代演化,逐步完善「告警服務」的設計方案、提升用戶體驗。
  • 關於交互Demo設計的一些建議
    為方便產品經理、設計師、開發及項目相關人員能夠看到直觀的效果,進行更有效的溝通;提供直觀的產品設想,說明用戶將如何與產品進行交互,在互動設計的過程中一定會產出各種各樣的產出物,如流程圖、思維圖、紙上的草稿、甚至高保真演示稿。這裡簡單分享下自己在項目過程中的交互Demo設計的一些心得。
  • 概念設計和細節設計為什麼在產品設計中都很重要?
    在產品設計開發過程中,工業設計公司的設計團隊可以進行概念設計和詳細設計。了解兩者之間的差異及其在產品設計中的作用對於成功實現任何產品概念至關重要。為什麼兩者在產品設計中都很重要呢?我們一起來看看。它提供了對所提議產品的描述,描述了它應該做什麼,應該如何使用,以及從幫助用戶理解的一組集成思想和概念中看起來是什麼樣子。它是交互,體驗,流程和策略的設計。它是實現人員,知識,產品,服務,流程和盈利能力的願景和無限可能性的關鍵。每個人都在設計師的圖紙上顯示不同的顏色。它基於更抽象的思維,直到您準備好創建詳細設計。2.什麼是細節設計?
  • 電商產品面面觀:從設計方法到發展趨勢(上)
    2.2電商產品的特點電商產品本質上就是為促成賣家與買家達成交易進行服務的,一切和通俗意義上做生意有關的網際網路服務都可以涵蓋在廣義的電商產品範疇內,基於其自身的產品屬性,電商產品一般有以下特點:交易涉及的功能流程複雜,需要對核心產品的信息架構和功能模塊進行清晰的梳理和劃分;業務包含的商流、物流、資金流、信息流彼此關係紛繁複雜
  • 以在線協作文檔為例的情境交互體驗淺析與設計實例 - 人人都是產品...
    在線協作文檔的出現實現了高效便捷的存儲和創作需求,是工作和生活最常用到的軟體之一。本文將以在線協作文檔為例,分析其情景交互體驗,希望對你有幫助。筆者以 「在線文件存儲和文檔創作」 的場景為例,進行關於在線協作文檔的情境交互研究。
  • 服務設計起源與發展歷程
    1930,互動設計的首次提出John Dewey在其著作Art as Experience(作為體驗的藝術,1930)首次提出Interaction Design(互動設計)。而現在的互動設計通常定義為設計交互式數字產品、環境、系統和服務的設計實踐,關注人與數字系統的互動。
  • 互動設計原則:如何用好的設計留住你的用戶?
    首先揭露一些常見的現象,從現象到本質到總結一些設計方法。現象一:內容複雜時,用戶大都只會掃視當我們在查看內容和信息的時候,絕大多數情況下我們都會有目的和意識的去尋找自己感興趣和對自己有幫助的內容。比如,我們很少會完整地瀏覽複雜網頁上所有的文本和內容,絕大多數的用戶打開網頁都是在試圖完成某項任務,達成某個目標;而頁面中的不同的內容模塊往往是服務於不同的功能和目標的,我們只要尋找可以完成自己目標的內容部分即可,並沒有閱讀全部的必要。不過,作為軟體和網頁的設計人員,我們需要根據不同的用戶場景和需求去設計功能,增強用戶體驗,所以往往會使得頁面邏輯相對複雜。
  • HCI互動設計留學-年薪百萬的交互專業有哪些學校可以申?
    互動設計專業的範疇主要是設計交互的產品(硬體)和規劃交互的服務(看不見的硬體,無形的交互)。 首先,美國的交互類專業碩士基本都是屬於 STEM 項目,享受三年的 OPT 政策,畢業後有機會在谷歌、微軟、領英、Facebook 等大公司工作,並且更容易參與到比較核心的產品研發工作中,之後就算選擇回國工作,也是很重要的加分項,更別說美國知名大學的畢業證本來就是敲門磚。
  • 來設計:工業設計是做產品變化最好的方法
    在創意爆發的時代,深圳設計公司成功的產品設計案例屢見不鮮,獲得國內外設計大獎的產品設計更是層出不窮,無論是在國內還是在國際上,我們都能看到深圳設計公司的身影。看完這篇文章,解決以上大家的苦惱。那就是——外觀設計。看臉的時代,外觀設計至關重要外觀設計,顧名思義,就是為產品提供外觀、視覺創新和交互升級的一個設計過程。屬於工業設計體系裡邊的其中一個環節,也是工業設計環節裡面最不可或缺的環節。外觀設計做的不僅僅是顏值和視覺的創新和提升,還包括產品的形狀,整體結構的設計。