做與用戶對話的產品界面:微供對話式設計語言探索

1 評論 7657 瀏覽 20 收藏 11 分鐘

通過視覺手段表現對話式設計的核心就是”在可以視覺干預的地方努力增加產品人格性,增強用戶代入感、互動感“。說人話的文案、場景化插圖、特色元素等都是能夠打動用戶心靈的方式。

隨著人工智能、自然語言技術的逐漸進步,產品不再是冰冷的呈現在用戶面前,你可以同他對話交流。掌握著前沿科技的行業老大們都相繼開發出各自的人工智能對話產品,比如siri、微軟小冰、Google Assistant、度秘。

當然,對于大多數的產品來說,現階段還不具備接入如此前沿的科技技術。設計師可以運用一些視覺化的方式,讓無生命的產品界面充滿人情味,實現與用戶對話。

siri/微軟小冰/Google Assistant/度秘

一.深入了解用戶,把產品想象成他的伙伴

人工智能的對話,是機器通過與用戶的交流,進行語言積累后自我學習成長,再形成更貼合用戶習慣的交流方式。而通常的產品不具備人工智能的自我學習,但是作為產品背后的設計師,可以通過深入了解用戶群體,提煉用戶畫像。通過熟悉用戶行為特征,模擬用戶性格喜好,最后以設計的洞見賦予產品貼合用戶的人格。

以微供業務為例,通過調研得出微供業務的微商群體多集中在26~30歲女性,以寶媽為主的兼職小微商。 微商做生意的最大特點是通過微信,微博等社交平臺進行商品的發布和交易。

與傳統電商平臺最大的不同是:普通的電商平臺,商家和顧客之間完全不認識,甚至不需要溝通這筆生意就達成了。而微商的顧客,大多是從身邊的朋友、熟人開始。所以微商在做生意上非常看重朋友這一關系屬性。 基于上述的用戶特征,我們將產品的人格定義為“朋友”。希望界面能夠給用戶帶來一種與溫暖貼心的好友交流的感覺。

二.根據產品性格,讓產品“說人話”

“驍龍820處理器,最大可選 4GB 內存 + 128GB 閃存 ,4 軸防抖相機,3D陶瓷 / 玻璃機身…“看到這一長串專業術語估計90%的人都要懵逼了。但如果換一種說話方式”十余項黑科技,很輕狠快“。大部分人都會反應:哦~好像很厲害的樣子!

沒錯這就是說人話的文案和不說人話的文案在用戶端的感受差異,大部分的用戶對于那些看上去很專業,故意烘托氣氛甚至假大空的文案一點不感冒。他們更青睞直白明確的,更貼近日常語言的文案。

這兩種文案的區別,業界給出過比較專業的定義,即X型文案和Y型文案:

  • X型文案文字華麗,把本來平時無華的表達寫得更加有修辭。
  • Y型文案不華麗,甚至只是簡單地描繪出用戶心中的情景,卻充滿畫面感、直指利益。(引用自“李教授教你如何減少文案中的’自嗨現象’“一文)。

上面的例子就是小米手機5的文案,小米非常擅長寫作X型文案。在移動App設計領域,近幾年也有很多優秀的“說人話”產品,比如:Airbnb、咸魚、小紅書

  • airbnb:運用口語式對話感很強的文案,而不是冰冷的“用戶反饋”
  • 咸魚:發布商品信息用對話式文案告訴用戶認真寫描述的好處,而不是“填寫商品描述”
  • 小紅書:每個專題的文案都能夠讓用戶感知點進去能得到什么,而不是用“品質好貨集合”這種空洞的描述

產品不僅要說“人話”,還要說符合產品“性格”的話。比如:基于咸魚呆萌個性的“魚塘”,小紅書時尚潮人性格的“種草拔草” 微供市場中,符合“溫暖貼心的朋友”性格的對話通過以下幾點體現:

1.拉近與用戶的關系,運用第二人稱“你”

朋友之間的對話是不需要過于客套的,用“您”就顯得疏遠了很多,“你”更有貼近用戶對話交流的感覺

2.拒絕命令式文案什么是命令式文案?

就是平臺站在自身視角像用戶發出的指令,這種文案不考慮用戶是否認同,如:立即轉發,帶有強烈的命令語氣。改成“轉發賣貨”后,文案的情緒就變得中性了,同時文案也暗示了用戶轉發后下一步的操作。

3.讓文案口語話,增強與用戶的互動感

在一些運營推薦商品區域,將原有的平臺化視角語言,如:”微商爆款“改成“幫朋友選些好的”,“猜你喜歡”改成“為你挑好了,“新品首發”改成“10點早茶等你”。通過“幫”、“為”、“等”突出與用戶間互動的感覺,文案上也更加口語化。

三.場景化的插畫運用,幫助增加小情趣

好比聊天當中的一些調侃和幽默,在界面中適當的運用一些插畫來表達一些稍顯枯燥的內容,能夠讓界面更具人情味,豐富產品“人”的感覺。通常的插畫多被用在一些空狀態中,比如404等頁面,通過幽默填補無內容對用戶心理造成的失落感。

微供設計中,我將插畫的設計加了一個定語:場景化,目的是增加代入感和故事性。并且插畫的運用從常見的缺省頁延伸到了微商工作臺上,給工具感強的工作臺增加一點趣味性。

首頁工作臺區域有3種用戶狀態,在新用戶無任何訂單信息時通過場景插畫描繪出微供市場轉發賣貨流程。當有訂單信息時,運用擬物化場景工作臺,增加用戶代入感

采源寶介紹頁面的幾個關鍵利益點,采用場景化插圖的形式,幫助用戶理解。同一元素的反復貫穿,增強插畫統一性,突出產品移動端特點

四.增加獨有的元素符號,豐滿產品形象

元素符號是產品品牌的延續,是產品獨特氣質以及區別于其他同類型產品的核心。就像不同人都長的各具特色一樣。微供市場中提取了極具微商特色的對話氣泡,對其進行視覺簡化,使之更加符號化,更適合多場景應用。同時,為避免符號濫用,定義了氣泡的使用場景和規律,即:只用在標簽和行動按鈕上,將平臺給出的信息與用戶的操作行動點用左右氣泡的形式表現。通過左右氣泡的形式增強界面的對話感。

氣泡元素配合前文提到的說人話文案,也能提升整個產品的人格化。如在大促場景中經常有的店鋪紅包,通用的做法是在店鋪名稱后加上“店鋪紅包”標簽,而結合氣泡及人話文案就可以改成“來搶紅包啦”,配合圖形,有種店家對用戶說話的感覺。

氣泡元素的提煉及左右氣泡使用規范

大促店鋪紅包融入對話式氣泡及文案

總之,通過視覺手段表現對話式設計的核心就是”在可以視覺干預的地方努力增加產品人格性,增強用戶代入感、互動感“。說人話的文案、場景化插圖、特色元素等都是能夠打動用戶心靈的方式。通過視覺的手段配合個性化算法,自然語言等技術能夠讓產品做到全方位立體化的對話式,在此也是拋磚引玉,更多的對話式設計手法還需要一起不斷在設計中探索。

 

作者:尹一

來源:U一點

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 厲害

    回復