92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

首頁

拼多多搶走了我媽,從淘寶手里

高勁

編輯導讀:對于老一輩人來說,他們沒有趕上互聯網興起的時候,等到想要主動“觸網”時,才發現很多操作根本搞不清楚。盡管產品設計師已經極可能考慮到了老人群體的用戶體驗,但在實際操作中,老人家還是一頭霧水。這時,操作越是簡單的產品,越能夠贏得他們的喜愛。本文作者從自身經驗出發,對這類現象進行分析,與你分享。

上周某天吃完晚飯,我媽遞過她的華為手機怯怯地問我:你有空嗎?我想叫你幫我跟那個商家說換一個快遞,我們家這邊的百世快遞的站撤了,叫他們不要用這個快遞。

我腦海中閃過一個念頭:嗯?最近我沒有幫她付款啊。但隨即也是接過她的手機打開了淘寶。我媽立刻阻止我:不是淘寶,是拼多多。隨即自己打開了她微信里的拼多多小程序,演示給我她找不到商家客服。我跟她說,這個功能要用APP才行,于是幫她下載了拼多多APP并很快解決了問題。

弄完之后,我們又展開了這樣的對話:

我媽:哎呀,這個拼多多真是太好了,物美價廉,超方便!你怎么不早教我用!

我:我自己都不怎么用拼多多??!

我媽:這個是我的舞友上周教我的!我打開一看,哇,好多有用的東西,又便宜!第一天我就買了幾百塊的!

我:但是拼多多很多假貨啊!

我媽:我又不像你們追求什么名牌!有什么假貨可言?一條裙子30塊!

我:……

我媽:而且!以前我在淘寶總要你幫我付款,現在我用拼多多自己用微信就可以支付了。

我:我早就叫你開個支付寶賬號,你自己又不開!

我媽:那么麻煩,我不會,你又不教我!而且又要綁定銀行卡,萬一哪天我的錢被人家騙走,那些什么黑客……

我:哪有黑客黑你,你又不是馬云……

我媽:還有,拼多多退貨很方便!以前我在淘寶的時候,退貨要你幫我搞,還要在家等快遞上門,很不自由,現在我自己去菜鳥驛站退就得了。

我:好吧。

我媽:以后我就用拼多多,我那些舞友都在用!

我:你開心就好。

我回頭想了想,這是一個以用戶定位和產品特征為優勢搶奪用戶的典型場景。

首先看看以我媽為原型的粗略用戶畫像:

  • 年齡特征:60歲左右
  • 工作與生活特征:退休在家,時間較多
  • 消費能力:退休金4000元左右
  • 家庭情況:已有孫輩
  • 人際關系:以廣場舞舞友、同學、工友、插友為主的人際關系圈,集聚在微信上
  • 消費態度:不追求牌子,追求低價
  • 網購習慣:淘寶的老用戶,但沒有支付寶賬號;網購品類主要為衣物及家居用品
  • 觸媒習慣:微信(微信群、朋友圈)、今日頭條

為什么我說拼多多是從用戶定位和產品特征這兩個維度搶奪走了我媽這樣的淘寶用戶的呢?

首先,我用的是“搶奪”這個詞。

我并沒有用擠占、分流這樣的詞。因為,在跟我媽的交談里,我已經感受到她心里估計“從此淘寶一生黑”了。也確實,一個月以來我媽沒有再叫我在淘寶付款過。所以,我想我媽大概率未來不會再用淘寶了,也就是說,淘寶直接流失掉了我媽這個用戶。

其次,來看看用戶定位。

根據上面我列出的以我媽為原型的用戶,多嗎?我簡單查了一下。

根據國家統計局官網上發布的《中華人民共和國2019年國民經濟和社會發展統計公報》,60周歲以上的人口約有2.5億人,60-65周歲的人口約有83250000人,分別占人口總數的18.1%和6%;根據中國互聯網信息中心官網發布的《第46次<中國互聯網絡發展狀況統計報告>》,截止2020年6月,我國手機網民用戶規模達9.4億。

那么,根據這個比例可以推算,這樣的用戶大約在5千萬—1億的規模。

這么大的一個用戶群體,實際上是淘寶自己放棄掉的。自從前幾年淘寶打假貨的行動和品牌化(力推天貓)的戰略執行以來,實際上大量的縣城以下、60歲以上的用戶都被淘寶放棄掉了。

以我媽為原型的這批用戶,他們大多數沒有支付寶賬號,但在微信上有錢,但除了平時發發紅包,菜市場便利店買點東西,基本上還是沒有用出去。于是,這批用戶沉淀在微信錢包里的海量的錢,很難直接轉化到淘寶上。

另外一個關鍵的地方在于,他們對淘寶是有怨言的,但在拼多多出來之前,沒有替代物。某種程度上來說,對用戶而言,忠誠度是很虛無的。真正對品牌有感情而產生“忠誠”的用戶極少極少,品牌還是得需要不斷優化產品,滿足用戶的需求。

品牌也好,產品也好,本質上是為用戶提供價值,而不是要跟用戶“談戀愛”。

這是很多品牌的一個誤區。沒有在自身的產品上下功夫,去了解用戶瞬息萬變的需求,而去打“情懷”,講“文化”。所以,我們可以看到當某些品牌醉心于自己的“情懷和文化”之時,其競爭對手在了解用戶需求和優化產品而推出競品后,瞬間打垮行業老大哥的案例。

最后來講講產品特征。

我媽使用淘寶的流程是怎么樣的呢?

挑選商品——下訂單——點擊“找人付款”——發送需支付的訂單到我的淘寶賬號——退出淘寶——打開微信——告訴我發了一個訂單——發紅包給我——我看到微信或淘寶信息——點擊需支付的訂單——支付——退出淘寶——打開微信收紅包。

而她使用拼多多呢?

挑選商品——下訂單——支付。

當我列出這兩個產品使用流程之后,我猜如果你是我媽,你也會用拼多多了。

在我媽跟我的對話里,還突出強調了“退貨難”這個點。實際上是淘寶的物流服務不好嗎?并不是。我一直覺得淘寶的物流雖然不如京東,但并不差,而且也不斷在優化升級。但為什么我媽還是覺得不好呢?這一點不能單純地從物流本身來看,而得回到淘寶的產品來看。

在淘寶上,推出了一個功能,叫“找人付款”。當時我覺得這個功能很好,解決了我幫我媽買單時,她要跳出淘寶從微信給我發鏈接的麻煩。但最終卻帶來了一個重要的弊端:當要退換貨時,我這邊無法執行,她那邊又不知道如何操作。

而當我從PC端登上我媽的淘寶賬號之后,PC端的退換貨服務非常麻煩和繁瑣,讓我都研究了差不多一個小時才解決。而最后,我媽那邊又無法支付退貨費用,我在PC端也支付不了,也不能“找人付款”。總之,整個過程極其麻煩。雖然淘寶也意識到了產品上的缺陷,但目前的情況而言,這樣的產品還是對于我媽這樣的用戶非常不友好。

而拼多多呢?它基于微信這個社交生態圈。加上沒有什么太多余的功能,我媽很快就能上手了,自己操作還是比別人代操作方便多了。

談到這里,我還意識到一個重要的問題。

從產品對人際關系的影響而言,淘寶是負向的,而拼多多是正向的。從某種程度上而言,60歲以上的這代人,是被互聯網拋棄了,所以當他們想搭上這波潮流時,不得不面對自己的兒女,需要向他們請教,怎么用怎么學。這一點首先就會讓不少子女心煩,不少父母自卑。

再進一步,如果每次父母網購都得“捆綁”上子女時,對人際關系是正向的嗎?而在拼多多上購物時,他們不僅可以大大優化自己的產品使用流程,還能跟自己的老朋友們一起拼單,互惠互利,這對人際關系的影響有很大的正向作用。

你有什么被別的產品搶走的故事嗎?

一點個人小想法,想到哪寫到哪。

如果你有不同的意見和想法,歡迎評論或留言。


文章來源:人人都是產品經理           作者:@源記物語


藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

Apple 的設計哲學:網頁篇

高勁


Apple 致力于讓每件產品都賞心悅目,與其說官網是產品展示平臺,倒不如說它是蘋果產品分支的延續。從 Apple.com 找設計靈感是每一位設計師都做過的事,那它到底有何魅力?文章對Apple的網頁設計展開了梳理分析,與大家分享。


一、沉浸與交互式體驗

每當有新產品發布時,我們都會被它的 Landing page 所吸引。不管是 AirPods Pro 也好,和前段時間發布的 iPad Pro 也一樣。

這背后是 Apple 基于 webGL 技術,創造的一種沉浸與交互式產品體驗。

1. 連續性

我們在產品介紹頁可以看到,蘋果使用了大量的滾動 scroll 來體現連續性。

一方面,滾動作為大多數 Web 用戶最自然的操作,學習成本極低。

另一方面,在冗長的頁面下,滾動能讓產品特性保持更自然的轉場銜接。

iPad Pro 的連續性

2. 趣味性

另外,采用了大量的動畫式轉換(animated transition),即操作時展示的動態效果,以此來增加趣味性。

伴隨著豐富的、若隱顯現的章節文案,就像電影的旁白一樣,娓娓道來。

通過滾動的方式增加交互性,這是明智之舉。試想一下,如果只放置已渲染的演示視頻,那么用戶的操作會受到限制,只能在視頻中前進或后退,毫無樂趣可言。

AirPods的趣味性

二、言之有序

1. 秩序感

說到言之有序,我們看 iPad 的頁面介紹。四款產品,分別是:iPad Pro、iPad Air、iPad、iPad mini。

拍攝角度的秩序感,可謂妙不可言。

iPad的秩序感

  • iPad Pro 的拍攝角度接近于正側面。
  • iPad Air 是四分之三側面。
  • iPad 是正面。
  • iPad mini 是俯視。

如此一來,即顯得有序,也不會導致視覺疲勞。

2. 設計語言

其次,官網與 iOS 保持協同的設計語言,給用戶呈現了一致的感官體驗。

從 iOS 11 開始,蘋果就采用了 Large Title 大標題的字體風格。字重也從 Regular + Light 的組合,轉向的 Medium + Bold ,以此增強信息傳播中的識別力。

HomePod

另外,高斯模糊的標題欄背景、產品的投影等設計語言也保持系統一貫的風格。我們可以很清晰的看到 Web 設計的同步轉變。

三、層次

1. 視差

第三是視差帶來的層次感。

蘋果奉行包豪斯的無裝飾和極簡的理念。當然,它不是那種附庸的美觀及外表的光鮮,而是將復雜難懂的技術以簡潔的形式傳達給用戶。

Mac Pro 視差滾動

在信息層次方面,Apple 的編排設計由淺入深,猶如抽絲剝繭。很好的利用了視差滾動,傳達圖片與文字之間「層」的概念。這種深度感可以增加用戶的理解和樂趣。

2. 視覺張力

不僅如此,樣式上富有視覺張力?;驍U張、或收縮、或吸引、或排斥之感覺,呈現刺激與震撼。舉兩個例子:

A13芯片的擴張力

擴張力:整個畫面以 A13芯片 為視覺中心點,元素和布局圍繞這個視覺中心點向外擴張。采用發散式的視覺引導,視覺張力就出現了,讓人感覺巍峨壯觀。

Pro級攝像頭的排斥力

排斥力:通過元素的大小對比,可以形成一定強度的視覺排斥力。Pro級攝像頭 輔以大特寫,傳達空間意識。視覺上被其構圖、美感觸動。

四、高級感

再聊聊蘋果的高級感是怎么來的?

1. 視覺降噪

我們都知道,高飽和度的色彩,會影響人的情緒波動。相反,低飽和度的配色,對人眼的刺激較弱,會有一種冷靜且克制的高級感。

iMac Pro 高級感

回過頭來看蘋果官網的大部分頁面,除了產品界面色彩 和 按鈕藍 之外,其他的文字、背景、控件一律采用黑白灰色系,以此營造高級感。

甚至是 iPhone 11 Pro 新出的暗夜綠,也是高級灰中加了一點點綠而已。

換言之,減少使用顏色的數量,降低色彩的飽和度都能削減色彩對人的情緒,起到提升產品高級感的效果。

iPad 留白

除此之外,恰當的留白可以更加突出產品內容,讓重要的信息更準確的傳達。并且能營造出廣闊的空間感,讓畫面得到延伸,呈現一種意境美。

所以我們做設計時應當多做減法,避免無意義的視覺元素堆砌,反而能讓你的設計更有高級的氣質。

這又印證了現代主義建筑大師密斯·凡德羅的那句話:Less Is More。

2. 配圖

當然,只有留白是不夠的。既然是做宣傳,那么一份高分辨率、精致的配圖就顯得尤為重要。

蘋果官網大部分的產品都是采用實拍+后期修圖,而非渲染圖。目的就是為了反映真實產品的質感、以及材質光影效果,這一點能看到蘋果對于品質的追求。

Designed by Apple in California

不僅如此,蘋果產品圣經《Designed by Apple in California》,以及壁紙同樣是由攝影師拍攝完成。有興趣的同學可以看下面這個幕后制作視頻,相當硬核。

3. 蘋果式文案

做過英文 Web 的設計師都知道,英文往往比中文更好設計,相同的布局英文出來的效果也更好看。

這不是崇洋媚外,心理學有個詞叫做「母語羞澀」。簡單來說就是,中文對于我們來說,太常見了會讓人產生一種廉價感(實際上是羞澀感)的心理感受。

老外也一樣,你可以看到美國企業:蘋果、麥當勞、星巴克都是使用圖形 Logo,而日本企業不用母語,而是用英文,比如 SONY、TOYOTA、Canon。

你的下一臺電腦,何必是電腦。

回到蘋果官網,我們看到一部分文案是英文產品名稱,這個不會感覺羞澀。

那中文部分怎么辦呢?比較有意思的是,Apple 的本土化團隊用了完全不對仗但押韻、奇怪的排比、雙關、重復等修辭手法。雖然語感很差,但基本上能明白字面意思。

其實這樣做的目的就是為了創造一種陌生感、一種獨特的語言風格,來凸品牌氣質。舉幾個例子:

  • 重復:比如說 iPad Pro「你的下一臺電腦,何必是電腦?!?/span>
  • 雙關:比如說 AppleWatch 的「它會時時關心你的心?!?/span>
  • 排比:比如說 iMac的「從極速,到神速,任你提速。」
  • 押韻:比如說 配件 的「可重復充電,又可圈可點?!?/span>
  • 對比:比如說 iPad mini 的「身量小,能量大。」

4. 儀式感

最后一點。生活要有儀式感,蘋果官網也有儀式感。

國際婦女節專題

在一些特殊的日子里,例如三八節當天,友商選擇打廣告促銷。而蘋果推出了國際婦女節專題,致敬女性的偉大,這一做法頗具人文情懷。

不過話又說回來,感動歸感動,還是參與友商的打折活動香。

#相關閱讀#

Apple 的設計哲學:交互篇

Apple 的設計哲學:UI 篇

Apple 的設計哲學:聲音篇


文章來源:人人都是產品經理           作者:阿洋


藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

為什么用戶注冊這么簡單,想注銷卻如此麻煩?

濤濤

最近國外的設計平臺頻繁出現一類內容,大概類似于「產品設計中的倫理道德與用戶體驗」,里面的內容有引起我的一些思考。

我先給大家舉個例子,來解釋一下上面這句話的意思。

以前,我們聊界面的設計,說界面當中如果有兩個按鈕,就要引導用戶走向主要操作,弱化次要的。類似于下圖:

為什么用戶注冊這么簡單,想注銷卻如此麻煩?

這時候一定會有一些設計師告訴你說,這類界面,要以左邊這種形式去設計,因為無論從視覺角度、優先級角度還是企業利益角度來說,左邊這種都更符合用戶操作的邏輯。

為什么用戶注冊這么簡單,想注銷卻如此麻煩?

或者,如 PayPal 上底部的「移除卡」功能,故意在層級上做的很弱,顏色的處理讓按鈕看起來甚至是不可點擊的。

雖然「移除」對于產品來說是一個危險操作,產品不希望用戶進行這一操作。但是對于用戶來說,當他們想要這個功能的時候,說明意愿強烈,這時候這種設計會讓用戶產生糟糕的體驗。

于是就有人提出說:

  • 為什么呢?難道就不考慮想要跳過的那部分用戶了么?
  • 產品設計就是只考慮對企業有利的用戶,而忽視掉那些不想付費的用戶?
  • 為什么我們的界面設計不能從更公平的角度去考慮呢?
  • 難道因為這些糟糕的設計頻繁的出現,我們就要認為這是好的設計了么?

為什么,用戶登錄注冊就這么簡單,但是有些用戶想要注銷賬號卻如此麻煩?難道對于這些想要注銷賬號的用戶來說,用戶體驗就不重要了么?

其實,我覺得這個問題,可以從兩個角度來說明,分別是「目的」和「義務」。

作為產品團隊的一員,我們的價值在于給公司創造利益,想方設法得到用戶的支持與廣告商的青睞。所以我們設計的產品都會有特定的目的。

比如,引導用戶去購買產品或平臺中的商品,以讓企業能夠存活,持續運營下去。

但這并不是說,企業把一些對用戶無用的商品賣給了用戶,用戶買的這份商品,對他們來說一定是有價值的。產品并不是在欺騙用戶購買無意義商品。

比如平臺支付了音樂或視頻的巨額版權費,方便用戶在線上收聽與觀看,那么用戶為這些內容付費是否應當?

企業做這些事,從用戶與廣告商身上獲取利益,本質就是為了賺錢,這一點無可厚非。

所以在產品界面的設計中,如文章開頭的示例,采用左圖的形式,突出辦理會員的按鈕,引導用戶付費成為會員,似乎也沒什么問題。

它不過是利用了「信息優先級」的概念。我們需要幫助用戶去理解界面上所呈現的信息,目的是為了讓用戶更好的操作。如果所有信息的權重是一樣的,反而會影響用戶的使用,甚至造成體驗障礙。

而逆向的,比如不辦理、跳過類似的出口也有給到用戶,雖然從視覺上相對弱化了,但絕不應該阻礙用戶去點擊。

從這點來說,上圖示例的問題不是在弱化了按鈕的視覺效果上,而是按鈕太小,可能會導致用戶誤觸「去辦理」,讓不想辦理的用戶頻繁點錯;或者過分弱化界面上的重要元素,明明在眼皮底下,卻給用戶找不到的錯覺,這才是根本性的問題。

比如一些引導頁,在屏幕上設置了三個類似「跳過」的按鈕,結果只有一個是有效的,產品為了讓用戶點擊廣告給企業創造收益,利用這樣的方式達到目的,這才是所謂倫理道德的缺失。

為什么用戶注冊這么簡單,想注銷卻如此麻煩?

我再舉個例子。

為什么用戶注冊這么簡單,想注銷卻如此麻煩?

連續包月,相比普通包月,策略大多都是第一個月有優惠價,以引導用戶辦理連續包月服務。好處是,大多數用戶辦理了連續包月,就會長期使用,它弱化了用戶的決策意識。

除了部分辦理完第一個月就取消服務的用戶,只是為了這個月用,利用這樣的漏洞省點錢,不過這也僅限于第一次辦理了。

那么我們作為設計師,就應該從為公司盈利的角度去設計界面,引導用戶辦理連續包月服務,而不是普通包月,在界面上做出差別。

同樣的,當每個月用戶需要自動扣費時,就應該告訴用戶,過兩天又要一次扣費了,做一個提醒。而不單單是成功辦理后,就再也不通知了,這是不對的,畢竟用戶每個月都在為產品付費,這樣的通知是產品的義務。

如果用戶辦理的是年會員,已經單次就付清年費,那就沒必要反復提醒(也沒什么可提醒的)。

在這個例子中,用戶體驗與倫理道德的界限很清晰,所以我并不覺得它們是相互矛盾的。

我們還可以舉很多例子來說明這個問題。

比如 Windows 系統下卸載軟件頻繁的下一步,甚至還會有錯誤引導的設計。

為什么用戶注冊這么簡單,想注銷卻如此麻煩?

再比如,在一些產品里關注了某個人,但是有一天想取關的時候,總是找不到取關按鈕?;蛘?,一些產品里并不重要的信息,總是閃著紅點引導用戶去點擊等等。

我們常常會去分析按鈕的各種樣式,比如是否有圓角,是否有投影,是否要漸變等等;也會去梳理按鈕與文案的關系,比如按鈕中的文案與邊框的間距,文案的大小要適配載體的比例等等;甚至,還會去分析按鈕的位置,比如取消按鈕應該在左邊還是右邊,取消按鈕與關閉按鈕的區別等等。

但似乎,我們很少會去探討按鈕背后的這些事件,我們都知道按鈕是用戶與某個事物間接的交互控件,但我們從來都只注意于按鈕的外形與按鈕位置所應有的邏輯,而沒有真正去探討按鈕所承載的這些問題。

比如用戶點擊了「會員辦理」的按鈕,會發生什么事情?我們是否應該在下個月用戶扣款之前提醒他們?或者,頻繁的在產品里濫用并不重要紅點提示,會不會影響用戶對于該產品的使用頻率?

這才是我們需要延伸出來思考的事情,而不單單是按鈕或者某個控件本身。我們思考的遠不止目的,還有義務。

所以。

我并不覺得在產品界面上引導用戶執行操作有什么問題,相反,問題在于在引導的同時,不能阻礙用戶進行其他的操作,給予用戶合理的控制權,才是最重要的。

產品設計的目的在于正向邏輯的用戶操作體驗,而產品設計的義務在于給予用戶拒絕的權利。


文章來源:優設    作者:和出此嚴


藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



交互設計原則之格式塔定律

鶴鶴

在做交互設計或者視覺設計時要遵循一些既有的原則,其中非常重要的一條就是【格式塔定律】

一、什么是格式塔原理?

        格式塔心理學誕生于1912年,是由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理。他們觀察了許多重要的視覺現象并對它們編訂了目錄。其中最基礎的發現是人類視覺是整體的:我們的視覺系統自動對視覺輸入構建結構,并在神經系統層面上感知形狀、圖形和物體,而不是只看到互不相連的邊、線和區域?!靶螤睢焙汀皥D形”在德語中是Gestalt,因此這些理論也稱做視覺感知的格式塔原理。

       格式塔學派主張人腦的運作原理屬于整體論,“整體不同于其部件的總和”。例如,我們對一朵花的感知,并非純粹單單從對花的形狀、顏色、大小等感官資訊而來,還包括我們對花過去的經驗和印象,加起來才是我們對一朵花的感知。

       格式塔心理學家認為這些原則之所以存在,是因為頭腦具有天生的傾向,可以根據某些規則感知刺激中的模式。(是不是覺得hin神奇)

       比如,這是著名的“人臉花瓶幻覺”圖。如果以黑色為背景,白色為圖形,則是一個花瓶;如果以黑色為圖形,白色為背景,則是兩個人的側臉。它也反映了圖形和背景對一幅圖的影響。

二、什么是格式塔原理?

1、接近性原理
接近性原理說的是物體之間的相對距離會影響我們感知它是否以及如何組織在一起?;ハ嗫拷ㄏ鄬τ谄渌矬w)的物體看起來屬于一組,而那些距離較遠的則自動劃為組外。              

接近性原理的應用1--將相關元素彼此靠近放置

使用不同數量的空格來合并或分離元素是傳達有意義的分組的關鍵。例如,在Ant Design的標題區域中,“ 搜索”功能與站點的主要導航位于同一行。但是,主導航和搜索之間的多余空格表示它們屬于不同的組,因此具有獨特的功能。對于使“ 搜索”功能在主菜單的其余部分中脫穎而出,此空格至關重要。


但是,在較小的屏幕上,無法保持此間距。為了避免將這些區域視為一個整體,頁面收縮寬度的時候,搜索后的文字隱藏了。



接近性原理的應用2--構建清晰的結構

應具有固定或鎖頭標題的網站特別可以從使用獨特的背景顏色或清晰的邊框中受益,從而有效地將標題與下面滾動的頁面內容區分開。此外,大頁腳的單一統一背景色  可有效地表示該區域中的所有鏈接都屬于一個組。

創建清晰的邊界是一種強大的視覺提示,可以壓倒其他分組原則,例如接近性或相似性。因此,當需要包含幾種不同類型的UI元素或無法調整對象之間的空白量時,它是一種強大的工具。我們做頁面時如果需要把兩個元素放成一組與其他元素區分,那么我們可以用線框畫出邊界來達到目的。

2、相似性原理

如果其它因素相同,那么相似的物體看起來歸屬于一組。接下來從形狀、顏色、尺寸上來說明相似性原理,這也就是我們平時做視覺設計時的原理,比如我們設計稿宣講時可能會被開發、產品以及測試同學問到“為什么用這個形狀?為什么這里用這個顏色?為什么這兩個尺寸不一致?等等,細細體會這個相似性原理就會給我們答案,讓我們在畫設計稿時能夠有理有據。


A相似性原理之形狀:

在上圖中,我們頭腦中自然而然的會分成“四列”,也就是圓形一列,三角形一列,然后再圓形一列,三角形一列,而不會看成“三行”


B相似性原理之顏色:

應用共享的顏色來表示某些項目是相關的,因此可能具有相似的功能,這很有效。通用顏色往往比其他特征(例如形狀)更加突出,因此可以用于組合不同類型的元素并傳達它們確實相關。         

在用戶界面設計中,顏色通常用于指示常用功能。例如,使用單個鏈接顏色作為與用戶交流可點擊內容,鏈接顏色應僅保留給交互式文本和其他可單擊元素,因為用戶會意識到所有具有此特征的項目都是相關的,并且以相同的方式工作。因此,鏈接顏色不應用于關鍵字,不可點擊的標題或實際上不可點擊的附近圖標。

如上圖,就是一個用色的反面例子,“ 消息中心”中的所有按鈕均為綠色,因此用戶必須花時間確定哪個是提交表單的主要按鈕。(此外,“ 提交”按鈕離消息區域很遠,并且根據Fitts的定律,這種缺乏接近性也會降低用戶的速    度。)

相同顏色的按鈕將被視為具有相同的重要性級別。因此,應為主要操作性按鈕保留單獨的顏色,以幫助它們在輔助按鈕中脫穎而出。

C相似性原理之大小:大小也可以用來表示關系。大小相似的對象可能被認為是相關的,通常具有相同的重要性。

在用戶界面中,我們經常使用大小來強調內容或按鈕中最重要的部分。相同的大小表示相同的視覺突出度,并且在所有其他條件相同的情況下,將共享該屬性的所有元素連接在一起。一致地使用大小會創建視覺層次結構,并使頁面易于掃描,因為人們可以立即看到并理解這些類型分組。

例如,在產品列表頁面中,每個單獨的產品列表都以相同的大小(和相同的形狀)顯示。這種一致的視覺樣式告訴我們該區域中的所有物品都是產品。共享大小將其與其他不同的UI元素分開。當某項商品在此列表中以不同的大小或形狀出現時,就會突出顯示為不屬于產品分組。下面這個產品集合的促銷以單個產品列表大小的兩倍顯示。


下面是我最開始嘗試的招聘系統首頁的改版:

根據上面的相似性原理和接近性原理就可以很容易看出來,這個頁面結構和邏輯不清晰:

1.待處理和招聘日程兩個模塊之間的區分不夠清晰:因為這兩個模塊右側應用了同樣的形狀和顏色的按鈕(相似性原理),讓用戶在心理上產生聯想,同時這兩個模塊之間只靠間距來區分,區分的太弱了(接近性原理)

2.招聘日程頭部日期與下面的面試安排卡片聯系太弱:因為面試卡片用了非常強的邊界區分的線條(接近性原理-構建清晰的結構)確實在面試模塊之間構建了清晰的結構,與此同時卡片與頭部的日期之間看起來沒有什么關聯。

3.首頁的選中效果太弱,分析這個頁面的層級,左側首頁選中才應該是最重的,能讓用戶第一眼就知道在系統中的位置,很顯然目前來看很容易忽視首頁這個位置,關注點被吸引到了快捷入口。這并不是我們想要傳達給用戶的。

根據格式塔原理中的相似性原理和接近性原理,對頁面的結構進行了調整,就看起來清晰多了。

所以,我們在制作完設計稿后,可以應用格式塔原理,分析下最終呈現給用戶的結構和邏輯是否清晰。而這也是做視覺的理由和底氣。


3.連續性原理

視覺傾向于感知連續的形式而不是離散的碎片。

連續理解起來是很簡單的,但連續卻解決了非常復雜的問題。通過找到非常微小的共性將兩個不同的環連接成一個整體。在引導頁中經常會用到這個。

     

 4、封閉性原理

視覺系統自動嘗試將敞開的圖形關閉起來,從而將其感知為完整的物體而不是分散的碎片。

閉合可以實現統一整體,這不難理解。但是有一個非常有趣的現象值得我們去觀察和思考,就是不閉合時候也會實現統一的整體,更確切的說,這種現象是一種不完全的關閉。這些圖形與設計給人以簡單,輕松、自由的感覺。所以,完全的閉合是沒有必要的。最著名的應用便是蘋果公司的logo,咬掉的缺口喚起人們的好奇、疑問,給人巨大想象空間。

5、對稱性原理

我們傾向于分解復雜的場景來降低復雜度。


6、主體/背景原理

我們的大腦將視覺區域分為主體和背景。主體包括一個場景中占據我們主要注意力的所有元素,其余則是背景。這個原理經常會在海報設計中應用,這也是為什么我們做海報,做平面時,一定要制作好背景,背景的氛圍很重要。

文章來源:站酷   作者:ZZiUP

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

如何在設計中構建共情 (同理心)

濤濤

-設計過程中,共情(同理心)的一些觀點和心得,希望能夠讓更多設計師對這些軟能力有更好的提升和應用,歡迎前來交流探討



到底什么是共情

————


在體驗設計的過程中,如果不能對設計對象有更深入的了解,設計思維就無法開始。而用戶對產品持有的觀念、態度甚至意見并不一定會表現的很明顯,這需要設計者更加主動的與用戶進行互動去構建共情。這可以使得你能夠更加了解他們的需求、想法、情緒和動機。好消息是,你能掌握多種方法來與用戶構建共情去獲取更多信息。并且當你有足夠的“正念”和經驗時,你也能成為共情他人的專家。

“正念”:有目的的、有意識的,關注、覺察當下的一切,而對當下的一切又都不作任何判斷、任何分析、任何反應,只是單純地覺察它、注意它。



百科

共情(Empathy),也稱為神入、同理心,共情又譯作同感、同理心、投情等。 由人本主義創始人羅杰斯所闡述的概念,卻越來越出現在現代精神分析學者的著作中。不管是人性觀還是心理失調的理論及治療方法似乎都極為對立的兩個理論流派,卻在對共情的理解和應用上,逐步趨于一致。共情似乎為現代精神分析與人本主義的融合搭起了一所橋梁。


通俗含義

我們常說的感同身受、換位思考、同情心、設身處地、將心比心這都是共情的一種描述。Empathy一詞源于德語“Einfühlung”,意為讓人們跟藝術品融為一體,比喻走進一件藝術品的奇妙體驗,因此國外常常會看見“站進別人鞋子里去”的共情比喻——(Stepping into their shoes as the saying goes, in order to gain a deeper understanding of their situations.)意為正如俗話所說,站在他們的立場上,以便更深入地了解他們的處境。


對于“共情”我更多的理解成是兩個或多個載體之間的一種共識一種情緒共鳴,然后再到行為跟思維上的影響。但實際上發生完全的共情是不可能的,有時連我們自己也會做一些無法理解的迷惑行為,并且客體是多樣化的,可以是跨物種的,跨維度的。而我們要做的就是在工作中定義共情的有效范圍,盡可能的與目標用戶產生共情以了解更多信息或需求,然后去定義和構思新的需求與設計。共情很重要,但它不是設計工作中的全部,有效而不要過度的使用也很重要。


  1. 共情載體的多樣化可以是你通過一幅畫感受到了作者的情緒表達

  2. 十字路口聽見火車的鳴笛聲,從而感知到危險的信號

  3. 當你傍晚處在城市生僻的角落,打開地圖軟件,亮起了回家的導航


身邊的共情

我們身邊的共情無處不在,正是這些共情使得人與人之間的情感更豐富,當然也是因為人類有強大的表達能力。通常當客體情緒在表達出來的情況下,主體是可以更容易得到共情的。所有當主體更專注的去感受客體的情緒表達時,能夠使達到共情變得更迅速。



        常的的共情場景;


  1. 身處于電影院,看到某一段感人的情節,很多人開始淚盈眼眶。

  2. 朋友講述著自己的不幸,你聽完后的同情與表示理解他。

  3. 看著熟睡的嬰兒,人們自覺的保持了安靜的氛圍。

  4. 準備上樓,當眼看電梯門就要關上時,里面的人幫忙打開了電梯門。

  5. 正在寫報告時,突然的停電讓你措手不及,也讓你的同事措手不及。

  6. 與伙伴開黑游戲,共同取得勝利那一刻。

  7. .....


以上都是一些生活中常有的共情場景。通常當我們與其他客體得到共情時,往往我們能夠更清楚客體傳遞的信息是什么、需求是什么,這完全可以應用到我們的設計場景中幫助我們獲取更多的有效信息。



共情對體驗設計的作用

————


如果你想要更了解你的產品用戶,從而讓你的產品更好的服務用戶得到更好的體驗口碑,那么體驗設計師如果對目標用戶沒有更深入的了解,那么產品設計中的各種設想都是沒辦法決策的,甚至都難以測試和驗證,這對產品研發一定是一個危險信號。而共情則能幫助我們洞察用戶需求和定義問題,所以共情在體驗設計中顯得基本且至關重要。


以交互設計為例

- 電商的界面設計:

產品原型與交互界面時常是有所出入的,其原因在于前者更關注產品本身框架與盈利點,而后者更注重整體的用戶體驗的細節。共情用戶需求,以及思考商業盈利與用戶體驗之間平衡的點似乎是無法脫離共情應用的。這便是共情應用的一種體現,也是共情價值與設計賦能的體現。



- 移動端常見廣告推廣界面:

一直以來在產品營銷廣告中,始終存在一些流氓的交互方式讓用戶苦惱。往往更加注重和尊重用戶感受可以更好的提升用戶的好感與使用體驗,這便能夠使產品與用戶之間的感情升溫贏得口碑。



- 組織產品功能架構時:

在構建產品業務框架時,大多可能會出現以公司服務資源為中心的構建方式,但同時這種由內而外開發方式會為產品帶來更多的弊端(往往產品投入使用后,會出現超出預期的問題)。嘗試去站進用戶的鞋子里去,或者找來目標用戶甚至是相關的專家來做咨詢,減少研發迭代的彎路。



用戶研究中的共情應用

- 用戶畫像:

用戶畫像是體驗設計中常見的一種設計工具,它能夠幫助產品定義目標用戶,能夠有效用于產品設計決策或者洞察用戶需求等。一個好的用戶畫像是基于真實用戶的,它不是胡編亂造的。畫像在于形成多組可供參考的角色材料,這有利于跨團隊跨層級之間快速實現共情,達到業務目標的統一性。因此一組目標用戶畫像能否幫助團隊快速實現共情是一個重要的衡量標準,而不僅是一組人口調查數據。



- 用故事去描述:

故事的元素通常會更豐富更有趣味,用故事敘事更能提升用戶的興趣和關注,這能便于構建共情。因此當你發布測試任務或者撰寫研究報告時,都可以加入背景故事或用故事敘事,便于對象更容易理解和共情,你甚至可以用筆繪制故事版,像四格漫畫一般,因為用圖傳達概念或信息更容易讓人記住或回想起來,并且當你用這些方法時,自身也能加強理解。共情不是單向傳遞的,不要高估對方的理解能力,讓你的信息更簡單明了的傳遞也是重要的共情應用!



- 仔細傾聽和觀察:

在與目標用戶進行互動的時候,通常會借助電子設備幫助記錄這個過程,目的是為了更仔細的觀察和聆聽,并注意到被忽略的信息。就像一種正念,我們會帶有目的性的觀察目標活動,并且不會進行干涉,同時不對當下發生的一切提前作出任何結論、分析或判斷,直至這個過程有了一個里程或結果,我們再將收集到的各種信息放在一起去思考。傾聽和觀察是人與人之間互動的根本方式,相對仔細完整的傾聽與觀察可以獲取到更加有效的共情,而片面的則可能產生共情偏差。



小結:

共情在體驗設計的應用中很廣泛也很重要,甚至還延展了許多幫助共情的工具,這些都是為了讓設計者能夠更好的了解市場、發掘用戶需求、甚至找到新的產品機會,最終幫助企業解決產品實際問題。有時在共情工作中,我們就像一個老中醫一般,對患者望聞問切。 一旦有了問題,就應該及時使用適當的方式去共情目標對象,定位問題所在,并制定解決方案。



如何在體驗設計中構建共情

————


制定共情的范圍

為了尋求更加有價值的目標用戶進行共情研究,我們會對共情的目標進行范圍篩選,可以是根據某些用戶習慣、常使用的產品服務、某個場景、也可以是社會群體(例如學生、司機)、甚至可以是動植物(例如寵物類產品)。所以第一步你要根據需求去制定共情目標的篩選條件,然后一點點縮小和鎖定有效的目標群體,再開始招募、溝通或是進行其他下一步工作。我們沒辦法跟所有目標用戶構建共情也沒有必要這樣做。通常五個左右的用戶就能夠反映出大多數問題,并出現重疊的反饋。


- 在不同研發階段嘗試與特殊的用戶共情

伴隨產品的發展過程用戶也在時時發生微妙的變化,在跨度大的迭代中,嘗試與產品潛在用戶或極端用戶進行共情研究也是很有價值的。潛在用戶的需求通常存在著更多的不確定,這也意味有發現新機會的可能。而極端用戶通常會有一些更刻薄的需求,這些需求可能不是主流,但也有主流發展的潛力,不過至少這些改進會為極端用戶帶來驚喜。這就像是在公交車站下安裝一臺自動售賣機,不是大多數人的需求,也不是當前的主流趨勢,但卻能夠為部分乘客帶來方便或驚喜,我們不能忽略這些少數。




帶有目標的進行

在體驗設計的過程中,我們需要與目標對象構建共情時,一定是有目的有意圖的。以使用性測試為例,往往我們都會設定一些產品測試任務和目標給用戶,再進行觀察和共情。這也將允許我們能夠在同一個或相似的場景事件中發生共情,這樣才能夠獲取到更真實有效的共情。以一個吸塵器產品為例,如果對方是在地毯上測試的,而你是在木質地板的環境下去共情的,那么共情結果肯定是有所出入的。所以構建一個共情目的甚至是環境是有效共情的一個重點之一。



情緒降噪與傾聽

構建共情會受情緒影響,在共情前有必要去除負面情緒影響,不要為共情構建帶來更多的阻力,另外則是仔細的傾聽和理解。這就好比我們要專注學習,除了認知聽講,腦子里一旦充斥著其他負面情緒或思維影響,就很難完成專注學習的目的。同理,在用戶幫助我們測試產品或訪談時,我們也要首先做好彼此的心理建設,去除主要的負面情緒甚至去除不利的環境影響因素,例如緩解用戶緊張不安的情緒,找一個素一點且安靜的測試房間等。



合理的工具輔助

圖表、筆記、錄制設備是幫助我們共情的最好工具,在不同的場景下,這些工具能夠幫助我們更好的收集信息,并且便于我們思考和共情。我們在短時間能記住的信息是有限的,這也是為什么我們會用到7±2這種定律去控制信息量的原因。以用戶體驗地圖為例,在記載用戶體驗產品的過程中,便是一種很好的共情輔助工具,它能夠按照使用步驟或階段記載用戶使用情況和情緒變化等反饋。



構建共情的要素

在我的理解中,共情由四個主要的因素影響來構成。

一、尊重:受到不同的環境跟經歷影響,要去準確理解一個人是很困難的,哪怕是多年的夫妻也是如此。所有首先要做到尊重,消除任何偏見,不要帶有批判或評價的心理。然而做到足夠的尊重也并不容易。

二、觀察:觀察是獲取客體傳遞信息的主要途徑,不能掌握足夠的信息是無法做到共情的,片面的或者假設的信息都將影響到正確的共情。

三、思考:對客體的信息與觀念進行思考,嘗試理解客體的各種行為根因以達成一致的認知。

四、融入:將自己感受到的情緒與認知代入到共情對象的行徑中,去仔細揣摩,以洞察用戶的行為、感受、需求、思維方式以及與產品之間的關聯,就像靈魂附體一般,以達到更深入的共情來定義問題。




共情為設計賦能

最后便是共情結果如何應用到設計之中,將共情結果賦能到產品設計也是共情工作的價值所在。通常這套流程是共情->定義->構思->原型->測試,在這個整個過程中隨時是可以返回到前面其他階段中反復打磨的,而共情作為一個起點也揭示了其重要性。我們一切的共情工作皆為了能夠優化和解決產品的問題,使得產品體驗能夠更好,這是我們在體驗設計中不斷去共情的初衷。




好的共情設計欣賞

————


以移動端的產品來講,現在好的共情設計真是百花齊放,這正是創新技術與共情設計發展的好趨勢,也是敢于創新探索的好機遇。這里我們放三種典型的欣賞案例說一下;


一、智能便捷型:給用戶提供更加智能便捷的服務功能,使得用戶能夠獲得更輕松流暢的服務體驗;




二、人性化類型:通過大數據與技術手段,為用戶提供更加人性化的服務方案,提升用戶好感度、依賴性,加強產品口碑與體驗;




三、情感關注型:有一些屬于情感關注類型的共情設計,通過獲取用戶的場景信息或其他數據共情用戶情緒,并給予用戶合適的關愛、幫助、引導。為用戶帶來軟件有情感,品牌有溫度的體驗;



小結:

在體驗設計中,情感化設計一定會是一個值得深入方向,我們應該關注到不同場景下用戶會產生的情緒變化,為用戶提供更加走心的服務體驗,為產品收獲更多口碑。當然,在產品完善的這個漫長過程中,我們也要隨時甄別我們所做的事情是否對用戶和企業有更高的價值。在研發資源有限的情況下,劃分這些設計點的權重,合理分配研發資源。



共情構建中的認知偏差

————


能夠對共情構建產生影響的認知偏差挺多的,這些認知上的偏差會影響到共情的正確性,不僅是構建共情的主體還是客體都會有影響。國外產品設計師Abhishek Umrao在UX MAGAZINE(https://uxmag.com/articles/6-ways-psychology-affects-your-design-work)上整理了六個關于影響UX體驗設計的認知偏差可以了解一下。這里圍繞構建共情補充了一些相關認知偏差,希望能夠在構建共情的工作中再少一些坑;


1. Empathy gap(共情偏差)

共情偏差是指由于經驗、預期和態度存在差異,我們很難準確地去體會他人的感受。這一點就是前文提到的我們無法做到完全共情,我們對共情的概念要有一定認知。

建議:通過技巧去彌補,減少認知偏差。多一些耐心的聆聽,減少偏見和執念,嘗試思考如果是TA該怎么辦?


2. Negativity bias(負面情緒偏差)

情緒會對我們的認識和行為產生影響,而負面情緒產生的影響則是最大的,這會對我們的共情判斷產生偏差,所以前文我們會提到消除情緒噪點的概念。

建議:盡可能的維持中立或積極的情緒狀態會更有助于共情工作,但至少是消除負面的情緒影響。


3. Observer-expectancy effect(觀察者預期效應)

觀察者常常會不自覺地扭曲影響因素或數據,以得到預期結果。這就好比在用戶進行產品測試的期間,向你咨詢了意見,而你很有可能不自覺的給出你的期望或者一些暗示,這會對目標產生可暗示性偏差(Suggestibility),使得目標想到的內容往往會被扭曲。

建議:1. 對面向用戶的測試材料進行自查糾正,盡可能處于中間立場,不要干擾測試結果。2. 在主持訪談或用戶測試現場時,對于用戶的主動咨詢或交談中不要解釋過多,讓用戶理解其定義跟概念即可,說的越多越是容易出現觀察者預期效應。


4. Automation bias(直覺偏誤)

基于自身的認知或經歷,有時做出判斷會過度依賴個人直覺,而不去收集更多有益于做出準確判斷的證據。這一現象常常表現為產品或項目經理的一拍腦袋的決定,但是往往因為過度依賴直覺而忽略了實際的場景差異等。

建議:對于不能直接給出有效證據的決策,要敢于質疑而去追究其正確性。當使用參考信息時要思考兩者之間的差異性。總之不要憑借事件的相識性而忽略差異性,最終憑直覺決策。


5. Authority bias(權威偏見)

人們會過度倚重某些權威的意見,而忽視事情發生的實際背景。以品牌的影響力為例,兩種不同的任務實施程序,通常人們會認為大品牌的方案更好更值得信賴,而忽略了一些體驗細節。

建議:對于相比較的軟件測試任務,我們有時會弱化甚至隱匿品牌信息。其目的便是在比較時減少這些權威偏見,不論是正面的還是負面的,這些都會影響用戶判斷,所以在特殊的場景研究下,請注意這一影響是否干擾結果。


6. Normalcy bias(正?;`)

人們會過度依賴先前的經驗,把一些極端事件看作正常的,認為事情很快會過去。以用戶測試為例,當6個人都正常完成了測試任務,僅有一人出現出現問題時,這是一個概念問題,我們不能忽視這僅有的一個用戶,更不能安慰自己這只是一個特例。

建議:上文有提到嘗試與極端用戶進行交流,其實道理類似,問題純在即合理,我們有必要注重和研究這些極少數,它們極有可能帶來新的機會點。


7. Illusion of transparency(透明度錯覺)

人們高估自己的個人心理狀態被他人知曉的程度的一種傾向,時常表現為你以為別人都明白了你的意思,實際上別人明白的還遠遠不夠。與“知識的詛咒”這一偏差的差別在于,前者是我以為對方明白了實際對方還有諸多不解,而知識的詛咒是你無法給對方進行可理解的解釋,有著文化背景或認知的障礙,實際上這兩者偏差概念都會影響到共情工作。實際辦公中透明度錯覺時常體現在需求表達、文檔解釋、跨部門溝通中,往往你以為你說的已經很清楚了,但在實際研發中卻會體現出諸多差異。

建議:適當的了解其他部門的專業文化,便于更好的解釋給對方。組織好信息框架,簡單易懂的信息框架易于對方理解,例如書本的目錄大綱、信息的分類等??鐖F隊或部門的PRD(產品需求文檔)盡可能的減少專業術語的應用或者進行注釋,文檔的目的不在于體現多專業而是更加易懂的傳達信息。


趣味思考

————


研究用戶從觀察自己開始。每個時代的人都會有不一樣的特質或者某些現狀,在這個大環境下,你會發現與同齡人之間有很多相似點,那么加強對自己的行為理解,是不是就等同研究了這些同齡用戶的共有特征?這些特性是否會對你的產品使用有關聯?帶著這些特性去體驗你的產品時,是否會發現新的機會點?



參考文獻:https://uxren.cn/?p=68537#影響UX設計的6個心理偏差

參考文獻:https://uxren.cn/?p=68382#如何構建同理心


文章來源:站酷    作者:泡泡bing


藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

學會「交互設計五要素」,幫你更快Get到設計關鍵點! 我要投稿

濤濤

B端浪潮下設計師的「尷尬」

供應鏈資源整合是企業發展態勢。企業對內部多崗位協作、企業與企業間的協作效率有更多訴求。

企業級服務系統的智能在線處理、數據準確、信息安全等特征,成為企業實際作業的得力助手。(以下簡稱B端)

系統提供商也便對業務型產品、設計、開發、運營等人才有更多需求。

在C端浪潮中,設計師通過創造用戶流暢和驚喜的體驗,發揮了顯而易見的價值。

然后B端系統的業務復雜特性,普遍認知產品經理、開發會體現更大的價值。

設計師作為中間角色,難免「尷尬」,甚至淪為產品經理原型的高保真繪制人員,缺少發言權,或初次接觸對海量信息無從下手。究本質原因:

未直接接觸業務方和用戶,無法對需求場景有深入的了解,缺少系統性設計分析、設計判斷能力

我在幾年的實戰中,運用辛老師 「交互設計五要素」 基礎原理,融合于B端業務體系,形成一套自己的思維圖譜。(以下簡稱五要素)

從「五要素」出發,會更快速地get到關鍵設計點,抱著開放的態度與產品討論方案,總會愉快地達成一致,順利對接開發。

B端「五要素」詳解

就像我們寫小說「講故事」一樣:時間地點人物、有什么目標、使用什么工具,完成什么事情,故事才完整?;贐端實際業務場景的五要素,阿飛解說如下:

1. 用戶-角色、權限

角色:

老板、運營、銷售、物流、采購、庫管、財務等(不同崗位日常事項不同)

權限:

主子賬號(涉及到模塊間的操作權限、數據權限)

2. 目的

用戶目標:

B端一般是具有明確的作業目標,更地完成工作。老板一般希望節約人力成本,且可即時響應客戶需求

商業目標:

為客戶賦能、提升下單率、支付率、新業務滲透力、裂變等

業務目標:

產品會不斷的迭代,了解當下需求中的業務目標

設計目標:

基于以上目標,設計需符合用戶思維習慣,提高處理效率,同時避免誤操作等

任何場景下,人的行為都是有「目標動機」

當以「目標」為出發點,可以增強設計判斷力,輸出有效方案。另外真正有價值的商業目標一般都是和用戶終極目標所吻合。

3. 場景

時間、地點是場景的必要組成

When:

隨時隨地在線或工作日期間,如:售后客服需要隨時在線;財務人員一般工作日處理任務

Where:

辦公室、倉庫、戶外等。需考慮線上線下結合,系統是為用戶的線下作業場景服務

4. 工具或媒介

臺式電腦、筆記本電腦、手機、平板、掃碼槍、PDA、打印機、肢體、智能運輸車等

互聯網媒介又包含web網頁端,web客戶端,小程序,H5,App

系統功能承載在媒介中,媒介承載在實際作業下使用的工具,存在多終端配合使用。比如倉庫移動作業時,會使用到平板進行盤查核對等。

5. 行為

需要完成什么事?通過典型的任務流分析是否可達到目標

學會「交互設計五要素」,幫你更快Get到設計關鍵點!

△ 倉庫移動作業場景

「五要素」帶來的機遇和價值

B端復雜業務下,設計師主動了解用戶實際的場景后,五要素作為必需思考元素,經過實戰驗證,帶給設計師的機遇價值至少有2方面:

1. 對設計師自身:

有利于設計分析、判斷思維體系的完善,考慮更全面;所輸出的方案符合用戶思維和習慣,更容易得到各方的認可

2. 對于業務價值

可作為考量產品方案可行性的判斷準則
另外,產品原型一般基于「功能」本身,而設計師從用戶實際場景規劃用戶的任務流,可以優化產品邏輯,補全缺失場景,也會給予創造性解決方案

舉個實戰栗子

比如「開發票」功能 :

  • A購買B的服務后,系統會統計時間段內訂單金額;
  • A可向B申請開發票,B接收到申請工單
  • B線下開票后,上傳發票憑證,單據變成已完成狀態(系統不對接發票打印接口)

在需求評審中,針對于「A向B申請開票,A撤銷申請不需要B操作同意」這點,我提出建議:「需要B線上同意」

首先確實是要避免無謂的用戶線上流程操作,但針對這點,我分析如下:

  • 用戶是財務人員,「開發票」是其重要嚴謹的工作事項之一
  • 線上線下場景結合。B看到A的申請單據,極有可能B線下已開發票還未錄入系統。
  • 此時申請取消開票,若不需要B同意/拒絕,會造成糾紛,平臺需要負責。

所以「A撤銷申請B需要線上操作同意或拒絕」

學會「交互設計五要素」,幫你更快Get到設計關鍵點!

△ 打印發票

以「五要素」的分析思維的表述,最終與產品、技術達成一致。

在設計中,考慮到「A申請撤銷」的單據,對于雙方都是需要優先確認和處理的。所以除有即時消息通知外,列表中我做了2點設計:

  • 會把這批單據使用淺紅色底,起到提示作用
  • 優先放在分頁列表最前面

(若不這樣,在分頁列表中特殊單據很有可能從第二頁后才出現,用戶都發現不了)

學會「交互設計五要素」,幫你更快Get到設計關鍵點!

△ 狀態操作參考框架示例-原創

總結

回顧下B端交互設計五要素

  • 用戶:角色、權限
  • 目標動機:商業、業務、用戶、設計,
  • 場景:什么時候?在哪里?
  • 工具或媒介:作業場景中使用各種工具
  • 行為:基于用戶任務流的行為設計

設計師的分析、判斷能力是非常重要,五要素則作為系統性的思維支撐。

B端浪潮中,設計師仍有很大的機遇和價值?;谖逡胤治?,會對業務有所優化和補充,或提出創造性的解決方案。

設計不僅是一種技能,而是對事物本質的感知和洞察能力

交互設計五要素不僅對設計師有幫助,同時對產品、運營等人員同樣具有價值。

文章來源:站酷    作者:Aber UX設計



藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


想讓交互更走心?這4種可見狀態微交互技巧一定要學會

高勁

在經典的尼爾森十大啟發式當中,「系統狀態可見性」可以說是如今交互設計領域當中,最為重要的原則之一。通過向用戶展現當前的狀態,讓用戶擁有對系統的控制權,建立用戶對于產品的信任感,這也是這種設計啟發式的最重要的價值之一。

但是,想要做到可靠、易用,系統狀態展現的技巧是很講究的。這里梳理了4種最為常用的方法,結合了不少實用的案例,希望對你有所幫助。

1、展示用戶位置、進度的視覺反饋

1.1、讓用戶知道自己在哪

沒有人會喜歡迷失方向,但是無論在現實生活還是在數字領域當中,這種情況都會發生。讓用戶知道他們在哪里是創建良好導航體驗的關鍵。應用程序和網站都應該凸顯當前的導航選項,幫助用戶了解他們所在的位置。

Google 的底部導航欄設計

1.2、要經過多少步驟來完成任務

這也是一個非常基本的操作,通過展現步驟數量,幫助用戶來預估完成這個過程所需要的時間。

Selecto 的調查問卷的設計

2、輔助用戶交互的視覺反饋

數字界面畢竟不是現實世界中的真實硬件機構,用戶更多只能借助交互過程中的即時視覺反饋來確定是否完成了操作,即時的視覺反饋因此顯得非常重要。

即時的視覺反饋讓用戶的操作得到了視覺上的「認可」,從而強化了「確信感」,這樣一來一回的確認可以避免錯誤的發生,比如可以避免用戶因為「感覺沒有點下去」而反復點擊。

這種視覺反饋的設計,最常見的范例就是點擊按鈕按下的微交互動畫,它告知用戶「系統已經捕捉到點擊交互了」。

AliAli 所設計的懸停點擊動畫

但是在某些狀況下,按鈕的視覺反饋還有很多不同的呈現形式,有更多可見的、可理解的新形態,可以在原有的基礎上探索更多可能性,比如下面的

2.1、單擊點贊按鈕

Spread love, not viruses ,作者  Charles Patterson

2.2、開關按鈕

這個開關按鈕不僅有點擊動效,而且色彩和按鈕標識也隨之改變,更為清晰地表明狀態,甚至兼顧到了視覺障礙用戶

Switcher XLIV , 作者 Oleg Frolov

2.3、書簽按鈕微交互

這個書簽按鈕通過色彩的虛實變化來呈現書簽已添加的狀態,頗為巧妙。

Bookmark interaction,作者 Oleg Frolov

2.4、添加購物車微交互

在這種情況下,視覺反饋非常明確且優雅地告知用戶已經添加到購物車里面了。

咖啡下單動效,作者 Nhat M. Tran

3、呈現系統狀態的視覺反饋

3.1、系統正忙于什么事情

當系統正在加載,正在執行,正在運行的過程中,通過動效來告知用戶系統并沒有停止,而是正忙于執行某件事情,是避免用戶誤解的手段。在用戶等待的過程中,通常會實用無限加載的動效(一般使用在低于10s的操作中):

對于超過10s的更長的執行過程,無限加載的動效會顯得令人沮喪,這個時候實用進度條會更好:

這些視覺反饋很大程度上降低了系統給人的不確定感。

對于移動端應用,在初始加載階段所使用的啟動動畫界面,是否精心設計,決定了用戶對于整個產品的第一印象,優秀的初始加載動畫能夠將用戶的注意力從焦躁的等待中解放出來。

Logo 閃屏 ,作者 Gleb Kuznetsov?

3.2、內容加載

當用戶需要時間來加載內容的時候,建議使用一種特殊的的容器「界面骨架」來展現。這種臨時的內容容器不僅能夠幫助用戶快速地了解界面的整體框架,構建用戶預期,并且能夠在后臺快速地加載數據,漸進式地幫用戶獲得信息。

內容加載,作者 Ginny Wood

這種設計方式對于移動端和桌面端的設計同樣適用:

界面骨架加載動效,作者 Shane Doyle

4、觸發事件

4.1、通知和提醒

有效的通知和提醒,能幫用戶意識到有新的事情正在發生。在多數時候,我們建議設計師使用微妙的動畫來進行通知,因為動畫效果會自然地吸引用戶的注意力,人類的雙眼的動態視覺其實是非常強的。

Aleksei Kipin 設計的通知動效

4.2、提示用戶采取行動

在很多情況下,用戶界面中會有很多地方會需要用戶提交信息。比如,需要用戶提交表單,或者用戶創建了一個密碼,但是在復雜度上不足需要修正,或者填寫郵箱來訂閱信息的時候,郵箱格式出錯,等等。使用適當的視覺反饋總能夠更加有效地將問題告知用戶。

內聯郵箱驗證機制,作者 Derek Reynolds

結語

讓用戶有掌控感,就是為用戶創造更好的體驗。在很多設計方案中,視覺反饋會因為種種原因被削弱了,甚至被忽略了。但是當用戶在和 UI 進行交互的時候,期望度和可動性其實是高度依賴于這些動效和微交互,而這正是設計師需要設計出優秀視覺反饋效果的原因所在。

文章來源:優設     作者:Nick Babich

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

汽車交互手勢,這樣設計才有趣

濤濤

隨著車內屏幕越來越多,越來越大,駕駛者在開車過程中因操作屏幕而分心機率逐漸升高。眾多汽車制造商均希望探索出一種降低或避免「駕駛員分心」的安全性技術。

手勢,是指人手、手和手臂結合產生的動作,作為解決「駕駛者分神」這個痛點的解決方案之一,正在全世界的汽車制造商中掀起「熱浪」。

你只需要隨意的揮一揮手,就能掛斷電話;將手指向順時針或者逆時針方向移動,就能調整音量大小。

互聯網基因:屏內手勢交互

汽車手勢的出現,源于對車內屏幕的操作。而這些操作均來自于移動端的設計標準,比如蘋果IOS設計規范中的標準手勢或者谷歌Mertiral Design中的標準手勢。

汽車交互手勢,這樣設計才有趣

△ 移動端常見交互手勢

常見的手勢如上圖,分別為

  • 點擊:激活控件或選擇一個項目
  • 滑動:上下滑動,或者左右滑動來連續移動需要查看的內容
  • 按住并拖動:在屏幕上左右或者上下移動某個元素
  • 雙擊:放大或縮小內容或圖像,并使之居中
  • 捏:外捏時放大,內捏時縮小
  • 長按:進入文本或內容編輯狀態

為了滿足手機屏幕外觀改變,屏內顯示內容越來越多元化的需求,設計師們也在探索屏內手勢的新玩法。

汽車交互手勢,這樣設計才有趣

△ android底部導航欄按鍵從左至右分別為:返回上一級、返回主頁、多任務

2017年iPhoneX的發布,正式開啟了全面屏時代。為了替代Home鍵及android底部導航欄,各大手機廠商相繼開始擁抱「全面屏手勢交互」。

在車機系統中,部分汽車制造商也在積極迎接變化,比如理想one采用「三指下滑」的手勢交互替代「返回主頁」的圖標按鍵。

汽車交互手勢,這樣設計才有趣

△ 「 三指下滑」表示返回主頁

2019年的Google I/O大會上,新版本Android Q選擇與IOS采用一樣的手勢操作邏輯,即在屏幕下方提供一個指示條,用戶在左側頁面邊緣右滑代表「返回上一級」、提示條區域上滑代表「返回主頁」、提示條區域上滑并懸停代表「多任務」。

汽車交互手勢,這樣設計才有趣

△ android系統中的三種全面屏手勢

隨著全面屏手勢在手機端的操作交互上達成一致,相信在不久的將來,也將越來越頻繁的在車機端看到全面屏手勢的「身影」。

車機新玩法:多屏聯動交互

當汽車與數字屏幕相遇,如何讓屏幕與內飾結合的更加完美,又能突顯品牌特性,似乎給內飾設計師帶來了許多挑戰與機遇,「一字屏」、「T字屏」、「7字屏」、「旋轉屏」應運而生。

汽車交互手勢,這樣設計才有趣

△ 拜騰M-Byte 一字屏

汽車交互手勢,這樣設計才有趣

△ 理想one的T字屏

汽車交互手勢,這樣設計才有趣

△ 合創007的7字屏

汽車交互手勢,這樣設計才有趣

△ 比亞迪王朝系列的旋轉屏

與此同時,因為成本及技術的限制,汽車制造商的量產車型不得不在屏幕上做出妥協。理想one的妥協方案是利用3塊屏幕組合,在視覺上形成「大長屏」的既視感。

汽車交互手勢,這樣設計才有趣

要讓3塊屏幕「變」成一塊屏幕,僅僅在視覺上做足功夫顯然還不夠,多屏聯動手勢交互也不能「缺席」。

事實上,多屏聯動手勢交互依舊來源于IOS及android系統中的標準手勢,它將不同的手勢進行組合,并與頁面聯動顯示,形成了多屏聯動手勢。

理想one在停車模式下,用戶長按并向左滑動,即可將副駕娛樂屏上的信息「甩動」至中控屏。

汽車交互手勢,這樣設計才有趣

天際ME7不僅有3塊屏幕組合而成的前排「一字屏」,還有2塊后排乘客娛樂屏,5屏聯動的手勢交互,天際采用「手勢+屏幕顯示」來解決。

汽車交互手勢,這樣設計才有趣

在中控屏、副駕娛樂屏和后排娛樂屏上采用五指抓取手勢進入多屏互動頁面,比如想把中控屏上的內容分享給副駕娛樂屏,第一步是單擊選中副駕娛樂屏,第二步按住并拖動中控屏至副駕娛樂屏位置,第三步在副駕娛樂屏中點擊確認。

視頻版交互演示:https://v.qq.com/x/page/w08791lhqus.html

未來已來:隔空手勢交互

通過隔空手勢接聽或者掛斷電話,這似乎是科幻電影中才有的情節。但正如開篇所說,車內屏幕數量增多,尺寸加大的同時「駕駛者分心」的機率也增加了,盲操手勢與隔空手勢的出現,是解決這個痛點的一種嘗試。

目前量產的汽車中,盲操手勢主要是通過標準手勢與聲音反饋的組合來實現。

比如在理想one中,用戶在空調屏上左右滑動可以調節風量,上下滑動調節溫度,且系統通過聲音反饋告知用戶操作成功與否。

與盲操手勢相比,隔空手勢似乎科技感十足,備受汽車制造商的青睞,我們不僅可以在各種概念車上窺見它的蹤影,在君馬SEEK上,也可以實際操作一番。

君馬SEEK提供8種隔空手勢。

汽車交互手勢,這樣設計才有趣

△ 左圖:接聽電話 右圖:掛斷電話

汽車交互手勢,這樣設計才有趣

△ 左圖:上一曲 右圖:下一曲

汽車交互手勢,這樣設計才有趣

△ 左圖:音量升高 右圖:音量降低

汽車交互手勢,這樣設計才有趣

△ 左圖:音樂播放/暫停 右圖:玫瑰花

與君馬SEEK相同,寶馬提供「向左」手勢代表上一曲、「向右」手勢代表下一曲,「yeah」手勢代表播放或暫停。

但在許多其他操作上,寶馬與君馬的手勢操作則各有特色。

君馬SEEK使用手掌的正面與反面來區分不同的操作,正面表示接聽電話·/音量增加,反面表示拒聽/音量降低。

寶馬則選擇向屏幕方向點擊代表接聽電話,手掌向右揮動代表拒聽電話,手指順時針畫圈代表音量增加,手指逆時針畫圈代表音量降低。

在倒車影像中,手指向右揮動代表調整視角。

汽車交互手勢,這樣設計才有趣

△ 圖片來源于「汽車界的扛把子」的短視頻《寶馬手勢控制詳細演示》

在手勢交互上,拜騰也交出了自己的「成績單」。

拜騰的手勢識別共五種,手掌向下激活手勢識別,手掌向上啟動主頁面,手指移動代表移動光標,ok手勢代表確定,五指捏合可拖拽內容。

汽車交互手勢,這樣設計才有趣

△ 圖片來源于太平洋汽車網《拜騰Concept手勢感應系統操作演示》

這些高大上的技術看起來令人興奮,但在實際使用的過程中,依舊存在識別范圍有限、識別精度不靈敏、識別后的響應速度慢等等問題,而各個廠家的手勢識別沒有形成統一的標準,且沒有大規模在在用戶中進行推廣,必然會增加用戶的學習成本。

手勢識別對用戶來說是「真香」還是「雞肋」,相信時間會給出答案。

參考文獻:

寫在最后

汽車內手勢的交互設計,是一個有趣又好玩的課題,但如何讓這個課題在好玩但同時易用、好用,恐怕只有設計師不斷思考,并不斷采用一些用戶測試的方法進行驗證才能獲得答案。

文章來源:優設    作者:點滴DESIGN

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

2020年越來越火的車載交互該怎么設計?來看前輩的經驗總結!

濤濤

這次我們不聊視覺,也不暢想未來,只說說當下 HMI 產品設計與交互體驗。

本文內容會涉及一些專業的汽車知識名詞,因為篇幅有限,如有些知識名詞不太明白可以百度一下。

別看錯了,不是HDMI!

說到 HMI 大多數設計師應該是既熟悉又陌生,HMI 是 Human Machine Interface 的縮寫,「人機接口」,也叫人機界面,人機界面(又稱用戶界面或使用者界面)是系統和用戶之間進行交互和信息交換的媒介, 它實現信息的內部形式與人類可以接受形式之間的轉換,凡參與人機信息交流的領域都存在著人機界面。

聽起來是不是覺得這不就是 UI 嗎?有什么區別嗎?似乎差不多,幾乎是沒有區別的,只不過是在某些場合和設備上管他叫 UI,比如移動端設備,而在另外某些場所和設備上管他就叫 HMI,比如汽車車機和數控機床。所以這個概念也不用去特別較真,HMI 就權當作是汽車上的 UI 界面吧。畢竟汽車是高科技與工業結合的完美產物,「HMI」念出這個詞時候就感覺是蠻專業的!很般配!

HMI前世與今生?

剛才說 HMI 最早更應用于工業上,比如常見的各種機床、制造裝備。

或者說讓時間再向前推進一點!

而這里通常意義的 HMI 則更加聚焦點,基本特指汽車車機或者車載多媒體設備。

說到這里還是要從車載儀表盤說起,從德國人卡爾·本茨發明世界第一輛汽車,距今已經 100 多年的時間了,在那些還沒有 HMI 這個名詞的年代,那么他是以什么形態出現的?那就不得不提「儀表盤」了。

當然寫這篇文章并不是去評測誰家 HMI 更優秀,而是希望通過一些假設、實驗和推斷,和大家一起來探討一下如何更有效地設計 HMI。

屏幕越大越好?車內到底需要幾塊屏幕?

我們先從屏幕開始。

說到屏幕,設計師都是比較敏感的,因為我們最終的設計交互創意都是需要都是在屏幕上顯示展示出來的,HMI 當然也不例外?,F在在車載屏幕上你能看到最大尺寸多大?

拿特斯拉為例,Model S 和 Model X 車型都是 17英寸,Model 3 為 15 英尺。

當然他肯定不是最大的,熟悉汽車朋友你應該知道我想說誰了,沒錯就是他!擁有 48 寸可多段升降屏幕的 BYTON 新能源概念車 M-Byte!48 寸的確很夸張,難道屏幕越來越大就是未來 HMI 的方向嗎?

當然這個問題肯定是否定的,為什么?那就要從車載屏幕的作用來說起。

首先我是作為一個曾經就職于汽車公司的設計師,并且是一名地道的汽車發燒友,憑借對汽車還算熟悉和熱愛做出一些產品交互分析,以下如有不妥之處還望海涵。

汽車內屏幕的作用

按照功能場景總體可分為三類:主行駛狀態信息、附設備狀態信息、多媒體 & 外設

不可缺少還需要與使用者、場景結合,我們先來做一個大概的用戶畫像。

對應這些需求,汽車需要有儀表臺(屏)控制和顯示的區域有五個。

五個區域分別是:

  • 主駕駛儀表屏
  • 中控臺控制(屏)
  • 后排娛樂屏
  • 副駕駛信息屏
  • 扶手控制臺(屏)

其中前三個是主流配置,后兩個比較少見。

關于汽車設備這塊我們不做深入展開了,畢竟這篇文章主要討論的還是設計,直接看結果!

題外音:屏幕安全性的考量

汽車是比較特殊的設備,基于安全性考慮,汽車內屏幕尺寸不宜太大與太多。

屏幕總體為玻璃材質,但與車窗擋風玻璃的材質不同,當汽車遭遇碰撞的時候,車內屏幕極易破損并形成尖銳物,極大可能會乘坐人員造成二次傷害,所以車內屏幕不易太多,更不易太大。雖然車載屏幕變大變多已不可逆轉,而且隨著屏幕技術的提升,柔性 OLED 的應用也將會在一定范圍解決安全問題。但也需要汽車相關設計者多在安全方面進行考慮,任何產品體驗應該建立在安全基礎之上的,特別是交通工具。

物理實體按鈕過時了?

為什么大屏幕操控成為了當前的 HMI 主流了呢?那不得不去提一下另外一個我們熟悉的設備——手機!

同樣一個有限的區域,如果用物理按鍵那么這個區域只能是固定的功能,而屏幕就可以無限擴展。特別是在汽車中控屏上集成內容會很多,體現就更加突出。

但是在汽車上的全部使用屏幕真的是最佳選擇嗎?顯然這是有待商榷的。

不可否認屏幕的確有很強的擴展性,但是缺點也是明顯的:1.觸控反饋缺乏 2.交互效率不高

對于這樣的判斷,我們可以通過兩個實驗來進行驗證。

將類似于 Surface Dial 這種智能按鈕交互裝置引入汽車的屏幕控制中,每個按鈕可以根據情景進行自定義,并且吸附到汽車屏幕的任何位置進行交互操作,相信這一定是一種全新的使用體驗。當然這一定是需要解決比如吸附力、安全性等一系列問題。

屏幕觸控反饋

雖然目前的屏幕還無法做到完美觸控反饋,但已經出現了一些新的硬件技術來試圖解決這些問題,比如 Tanvas Touch,其定義為 「手指與觸摸界面之間的電子壓力控制」。簡單來說他們的產品就 「皮膚的磁鐵」 一樣,能夠更加精準地感應手指的動作,最后結果就是比 Apple 的 3D Touch 更加具有壓感的觸摸操作表現。

原理是利用手指尖觸摸顯示屏時產生的靜電引力來模擬觸感,通過電磁脈沖把更的反饋發送到用戶的指尖。

Tanvas 也正在與汽車制造商們合作把這項技術嵌入到汽車或屏幕上,讓人們更容易感觸受到不同物體的表面。

也許在未來我們真的會遇到他。

文章來源:優設    作者:殘酷de樂章

醫療行業的交互設計怎么做

濤濤

醫療行業的交互設計,跟其他行業有何不同?有什么要特別考慮的點?設計師應該注意哪些方面?

X與行業

產品體驗設計通道中有條簡單好記的定義: 1+X。

「X」這個字母常被定義為更多可能性,它的誕生往往是為了更好地服務行業與產品。

例如在醫療健康行業中,不再只有C端用戶,我們要面對醫院管理人--員、患者、醫護人員還有企業用戶等;環境也不單是線上場景,它可能是醫院、企業大樓、社康、疾控中心等等;合作方式同樣獨特,我們做出的任何一個設計都是需要客戶過目的,每一個字段甚至都涉及到生命健康與安全,所以會要求我更高標準地了解行業與用戶,促使我們在項目前期去不斷學習和應用一些用戶研究知識,使設計更加貼近用戶。

交互設計師在用戶研究領域的探索

過往經歷中,總結了用戶研究在各階段的介入場景和方法,接下來會具體講下在醫療健康項目中的運用。

1. 企業健康場景案例

企業健康項目是從一個合作開始的,公司的行政部門想要通過我們提供的健康管理產品來提升員工整體的健康水平,并將該方案進行復制從而提供一個企業健康管理的行業解決方案。

的確,員工是一個企業的寶貴財富,健康有活力的員工群體對提升企業生命力有著非同一般的影響。通過網絡文獻調研,我發現國內企業的亞健康狀況并不樂觀。

△ 國內企業健康現狀

第一階段用研——產品定義與設計方向

為了更了解員工和企業的真實情況和痛點,我們規劃了用研計劃,列出了三個用研目標:

  • 了解員工們的主要健康問題
  • 了解企業服務存在的問題和改善方向
  • 確立產品目標與設計目標

目標1: 員工們的主要健康問題都是什么?

通過和企業方的溝通,我們發現員工的體檢報告是挖掘健康問題的源頭,于是我們由此開始研究。

首先,我們拿到了歷年的公司員工體檢數據統計(脫敏分析),整理出體檢問題的Top10。

△ 騰訊2018年體檢數據統計

獲許可,我們也隨機向外發放問卷,了解到一些公司職工最想要改善的問題。

△ 某大廈的用研報告(僅作為分析用)

目標2:企業現在所提供的服務有哪些問題,該如何改善?

B端: 由于這是一個B to C的項目,我們優先會去采訪企業端遇到的問題,溝通發現企業都會投資提供的健康設施(體檢,食堂,健身房等),其中很多設施并沒有被充分利用,或是沒有得到合理的分配,現有的線上預約流程也存在很大的后臺計算成本。

△ 騰訊提供的健康服務與設施(非疫情期間拍攝)

C端: 通過公司內部招募和訪談了20名員工,我們總結為三個主要痛點:

  • 體檢套餐不知怎么選最適合自己,體驗不流暢
  • 體檢后看不懂報告也不知道該如何改善
  • 知道改善方向卻不知如何落地和規劃,或是沒有堅持下去。

△ 員工在體檢健康中遇到的痛點

以上,我們也對企業客戶與員工用戶的訴求有了初步的了解。

△ B&amp;amp;amp;amp;C兩端訴求分析

目標3:如何定義產品目標與設計目標?

通過以上分析,和其他合作團隊一同討論了體檢與健康管理行業的現狀和盈利點,我們最終確定了產品方向:通過加入AI技術,分析用戶過往體檢數據來給用戶推薦最合適的體檢套餐,幫助用戶解析體檢報告轉化為更加易懂的方式,加強與醫療服務的定制化連接;并智能定制最適合員工的管理方式和行為,充分利用起公司資源。

△ 產品形象與定義

通過對整體流程的用戶情緒地圖分析,我們得出設計的關鍵詞:專業,貼心,安全

△ 階段情緒地圖分析

知識點1: 訪談與問卷調研

不要一上來就直奔主題,可以先問一些簡單回答的問題和閑聊,讓用戶進入放松狀態時再聊重點問題。且要時刻關注受訪用戶的狀態,比如:是不是開始疲憊,回答過于發散以及表達意思模糊等等。遇到這些問題,需要隨時做調整。

訪談的時候最好不要單獨行動,要有1個主導訪談的,一個記錄的。如果訪問過程很長,有條件以及受訪者允許的情況下,可以進行錄音有助于后期的整理。

訪談結束后,最好是當場,或者至少應該是當天就完成本場次的訪談記錄和總結工作。因為根據遺忘曲線,人在20分鐘后將遺忘42%的內容,而1天后則將遺忘74%。即使有錄音筆記錄,你也會忘掉很多細節的,諸如表情,用戶的潛臺詞等等。想到的設計解決方案也可以先記錄下來但不急于放到總結當中去。

第二階段用研——產品與設計驗證

確立了目標和方向,我開始從體檢預約和檢后管理兩部分來進行設計,由于在前期建立了用研機制,我們會定期對重要版本的內容和信息設計進行測試驗證,并讓用戶基于我們定義的設計標準來打分,判斷是否達到了專業,貼心與安全。

卡片分類-測試內容與排序

在檢后的體檢報告解讀中,我們需要對解讀結果進行結構化展示,方便用戶快速獲取有用信息,提高閱讀效率,由此我們運用了卡片分類法,讓用戶對其重要性的排序,得知對用戶來說體檢異常中的單項的指標解釋>危害性>指導措施。

△ 卡片測試與分析

可用性測試-測試架構與信息形態

體檢解讀的首頁我們繪制了三個版本的方案,來突出不同的信息通過制作原型demo來進行可用性測試,讓用戶選出最喜歡的并說明原因,最終選擇出一個最優方案。

△ 體檢解讀首頁可用性測試與分析

從彈窗內容組合到內容的體檢解讀指標的可視化設計我們都做了用研測試版本

△ 體檢解讀內頁信息測試稿

最終得到更加符合用戶認知的體檢解讀設計。

△ 體檢解讀設計

灰度測試與深度訪談

由于某些需求時間緊迫,例如體檢預約,當時很快就要到體檢季,于是我們快速搭建框架和基礎功能的設計,細節疑問點列出后進行灰度版本測試,并對前期招募的種子用戶進行測試訪談,總結現存版本的問題,同時我們也訪問了企業側,把他們的優化訴求納入考慮。

△ 體檢預約訪談腳本與測試結論

比如企業要求突出安全感,福利感與智能推薦,減少后臺結算成本等,我們便通過明確隱私授權認知的全頁面彈窗以及簡化體檢預約流程,2步變1步,增強頁面福利與智能推薦的感知渲染來滿足客戶要求,也得到了滿意的贊賞。

△ 隱私授權設計

△ 體檢預約設計

以上的用研方法其實可以運用在大多數的項目中,于是我在后續的騰訊健康模塊設計中也常會去使用,例如疫苗設計中的閃屏方案測試等等。需要注意的是用研應該被列入到日常的流程中去,而不能作為臨時安插,需要在項目實施前就進行用研計劃的擬訂,才能保證我們和用研同學有條理地客觀的進行調研和驗證。

知識點2:卡片與可用性測試

  • 研究員不要引導和干擾受訪者,特別是不要在過程中對某些詞匯進行解釋。
  • 開放式卡片分類法中,卡片數量不宜太多,簡單的卡片測試建議在20以內。難度會隨著數量的新增而成倍增加。
  • 記得要首先詢問用戶對于卡片上詞匯的理解,看是否有偏差。當對方問到的時候,可以先不著急回答,先問問他是如何理解的。內容的設計是設計師容易忽略但非常重要的一點。
  • 可用性測試的環境要保證安靜無干擾。自己做的設計往往會容易有一些主觀的想法和情緒,需要盡量克制,比如可以讓用研同學做主導,自己做記錄和觀察即可。
2. 就醫服務場景案例

就醫流程是看似并不陌生的場景,痛點也非常明顯,就是常被提到的「三長一短」問題(掛號時間長,支付時間長,問診時間短),于是在進行線上就醫服務設計時,很多人會認為沒什么好特別調研的,競品也非常多。

然而其實在設計中,最害怕的就是「我以為」。記得在做某醫院的就醫服務項目時,由于就醫環境和用戶非常復雜,所以我們在做這個項目時堅持去到了前線進行了實地考察與影子觀察法,才發現了新的洞察。

實地考察中的望聞問切

說來很巧,現場的調研方法其實和中醫中的「望聞問切」有異曲同工之妙。

△ 醫療場景用研方法

「望」:可理解為影子觀察法:選擇最能反映問題的時間和場景去觀察用戶行為,發現痛點,經過幾天的觀察我們發現早上8-10點是醫院看病的高峰期,也是排隊最嚴重,院內最擁擠的時期,所以我會在這兩個小時集中觀察和記錄患者以及醫生的狀態。

「聞」:即為傾聽,其實也是訪談法中很重要的一個原則,多讓用戶去訴說,減少自己的主觀判斷干擾用戶的完整陳述,如果記不下可以錄音。

「問」:根據我們想要了解和觀察到用戶的行為進行提問。

「切」:這里和中醫中的切診接觸不同。是指切身去體驗患者的感受,比如我會根據自己身體的某些不舒服去掛號體驗流程,情景帶入。

以上的實地考察后,我在第一時間用我們設計師的手法來記錄整理:體驗地圖分析,并通過討論提煉出設計的關鍵點:引導,連接,合并與轉化。

△ 用戶體驗地圖與關鍵點分析

知識點3:影子觀察法

  • 需要選取事件發生的典型場景和時間,即所觀察的場景和用戶是最具有代表性的,才能最反映問題所在。
  • 像一個隱形人一樣去觀察,不要主動打擾和詢問用戶,才能最客觀的記錄狀態和行為,避免變形。

用戶體驗地圖的落地應用

這四個設計關鍵點其實來源于痛點描述中的一些高頻提到的情況,拿引導和連接這兩個點來說明。

引導:通過觀察發現,用戶在嘈雜的就醫環境中本處于極度焦慮緊張的狀態,對信息閱讀和處理的速度低于平時的好幾倍,因此我們需要提供具體的,正向的引導。

△ 精準預約設計

連接:通過訪談和自己實際的體驗發現,許多線上和線下的服務之間是斷層的,一方面需要流程上連接我付了款下一步要去哪,怎么拿藥;另一方面我們也發現線下的引導設計是一個非常重要的連接機會點。

于是我們從線上和線下兩方面進行了連接,提供了一套整體的解決方案。

△ 候診與取藥簽到設計

△ 醫院物料布局與落地布置

通過用戶關系圖了解了每個相關利益人的人群要素和訴求,在設計中不僅會考慮針對他們的設計,也結合體驗地圖中的機會點引出了設計原則,作為設計的指導和驗證標準。

△ 相關利益人分析與設計原則

測試與收獲

上線后,我們穿上志愿者的衣服,去往前線進行現場解說和用戶測試,經過一個月的努力,真實感受到了現場效率的提升和滿意度的提高,院方和使用過的用戶都非常滿意,這也讓我們設計師切實感受到了欣慰和成就感。

△復旦大學附屬腫瘤醫院病理會診 整體服務上線前后對比

這得益于我們能長時間與用戶在一起,真實地聽到了他們的聲音與感受,也把想法落地去幫助他們解決了問題。這個過程中,讓我們發現類似的垂直領域需要去到前線自己去感受,而不是隔著屏幕去觀察,每個人的思考角度會不同,會發現新的問題和洞察。

知識點4:用戶體驗地圖

  • 不要為了畫流程而畫,最終還是要通過圖形化的記憶更好的還原記憶細節。
  • 重點要放在痛點與機會點的一些突出共性上,提煉是關鍵步驟。
  • 不要忽略不同接觸點的洞察,它們均可以作為設計的載體。
3. 醫療數據分析場景案例

在醫療數據分析的場景中,我們面對的客戶是政府和醫院領導。相信在做TO B設計的小伙伴經常會遇到這樣的問題:客戶時間比較難約,給的調研時間有限;決策層客戶思考的比較廣而泛,很難深入用研。

基于這樣的問題,我們想出了一個根據客戶群體層級,區別調研的方法。

梳理角色

去年年初,我們曾走訪多家公立和私立醫院,優先通過管理層梳理出了關于數據處理上報的流程。他們對數據的關注度和處理順序往往是有一個自下而上的上報過程,基層人員進行每個月度和季度的數據匯總,分析與簡單的可視化表現,上報給部門管理和上級管理者進行審核提煉,最終給到管理決策者一些關鍵現象和趨勢和對比。

由此提醒了我們,想要提供一個完整的數據解決方案,就需要繪制角色面板,區別調研目的與手段。

△ 醫院層針對數據的處理流程

分角色的溝通用研

我們確立了針對基層人員,中層管理者以及決策管理者的用研目標并展開了差異化的溝通用研,我們會每個角色找1-2人和我們3-4個同事坐在一起,以焦點小組的方法一同腦暴某一數據場景和所需數據。

  • 基層人員 用研目標:了解常用基礎數據的模塊與細節匯總
  • 中層管理 用研目標:常關注的關鍵指標模塊與提煉形態(對比,警示,峰值,占比)
  • 決策管理者 用研目標:看數據的目的,常關注的關鍵指標與形態的驗證,后續操作

△ 醫院數據現場用研

數據研究與總結應用

根據對醫院不同角色的溝通梳理出了一些總結點,運用到了產品和設計中。

第一:我們發現了管理者們最關注的一些醫院數據的形態,并打算把基礎數據盡量以對比,警示等手段進行分析與場景描述。便于管理者直觀獲取他想要獲取的輔助決策信息。

第二:根據不同角色提供針對性的角色面板,并梳理出個角色關注的數據模塊和現象。

第三:各角色具體數據字段的梳理與總結,并進行了頻率的標注便于后續的設計面板規劃。

第四:調研中發現領導層在看數據時需要來回切換系統,且看起來沒有一個統一的路徑和條理,因此我們也和對方溝通,通過故事化的手法進行數據分析的流程體驗設計,層層深入和下鉆,從現象挖掘到問題本質。更加符合了用戶看數據的順序和認知。

△ 長沙超腦項目設計版圖

除此之外,我們后面的產品和設計的匯報也會根據角色的差異來進行內容的調整,讓聽我們說話的人可以快速理解我們想要達成共識的內容,加快溝通效率,提升了在客戶心里的印象。

這個過程中,通過用研讓用戶感覺到我們懂他們,并讓其增加了參與感,對產品和設計都是一個推進器。

知識點5:TO B/G客戶用研

  • 事前理清楚項目中會接觸的各個角色,并進行初步了解,制定不同的用研目標再進行溝通。
  • 探討的過程,要給足客戶參與感,例如使用焦點小組的調研方式,提升好印象。

如何持續提升技能——讀書有感

說了那么多設計師在用研技能上的應用,也許有人會有這樣的疑問:如何可以不斷提升自己在各方面學到的技能呢?一年前讀到《刻意練習》這本書,給了我一些啟發,在此總結給大家,希望對你們有幫助:

1. 制定具有定義明確的特定目標

「提升專業」是個很大的詞,所以我們往往定了一個很大的目標,然后被各種事情拖著然后拋之腦后。因此拆分目標才是第一步。比如最開始做交互時我發現自己在歸納場景時總會缺失,再比如每次自己在匯報總結時,耗時過長,缺乏重點,那么這些都可以被列入要提升的小目標,總之目標不要太泛太難實現,這樣實現起來會更加容易,也更容易堅持和自我激勵。

2. 持續學習與專注練習

研讀多本相關專業書籍,并應用的項目中去。這是我的一個目標也是方法。投入項目后,我們往往會陷入事件當中,甚至會就一個點和產品爭論不休。但其實跳出來,去看些新思路不妨為一個好方法。

比如我最近在讀《感官心理學》這本書,提到人們對于「軟」和「硬」的觸感印象會延伸到女性和男性的聯想上,提到女性人們自然都會有柔軟的印象,男性則會有剛硬事物的聯想,這也就充分佐證了對于不同性別上的設計形態差異。類似的小實驗可以幫助我們的設計更有說服力。

大多時候理論知識很枯燥,也難以一時間就可以用到,但只要你讀過,在需要的時候它就會突然跑出來給你靈感。

專注是我一個單線程人的特點,我很難在一個時間里同時處理多件事,所以我會每天根據要完成的訓練目標,把時間進行劃分,個人感覺這的確產出效率也會高一些。

3. 一定要有反饋

每一次的練習必須要得到反饋,這也是評審的重要性。但其實不同的目標點可以對應方面的專家,不僅限于leader了,同事也是很好的老師,比如我會去發現身邊匯報比較厲害的同事,幫我把關。只要遇到問題,一定不會放過去問用戶研究同學的機會。

某方面沒有老師怎么辦?讓用戶告訴你!首先我會常用可用性測試的方式去檢測自己的方案中的信息傳達,交互反饋等等在進步,另外我也會在每個項目后整理一個小總結,來記錄自己的思考與進步

另外,以下是我在用戶研究學習中讀過的幾本書,推薦給大家~

結語

面對飛速發展的現在,各行業的產品也都在積極轉型,例如開始涉足TO B行業和客戶,開始研究00后的新生代用戶,面對新事物我們設計師更要保持敏銳的眼光,利用自身的設計洞察能力去挖掘新的問題與方法,于是新的技能和方式也開始出現,所以我們一直認為產品體驗設計師沒有一個固定的能力模型,還是要根據你所從事的行業和產品來發現所需的技能點去發揮價值。學習的過程中,我們成就項目的同時也在慢慢成就自己。

文章來源:優設    作者:騰訊 April

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
99精品视频在线播放观看| 亚洲天堂资源| 一区二区高清不卡| 素人一区二区三区| 精品国产18久久久久久二百| 色偷偷噜噜噜亚洲男人的天堂| 国产日韩欧美制服另类| 欧美三级免费观看| 久久精品在线观看| 2019中文字幕免费视频| 欧美视频在线免费| 国产精品无码专区在线观看| 欧美日韩亚洲一区二区三区在线| 欧美欧美一区二区| 亚洲mm色国产网站| 久久噜噜噜精品国产亚洲综合| 日韩精品在线影院| 久久99精品国产99久久6尤物| 精品不卡一区二区三区| 青青草视频在线免费直播| 不卡在线一区| 免费一区二区三区在在线视频| 黄页视频在线播放| 少妇激情综合网| 国产精品va在线播放| 99精品视频精品精品视频| 一区二区网站| 2欧美一区二区三区在线观看视频| 久久超级碰视频| 欧美天堂影院| 国产网站欧美日韩免费精品在线观看| 欧美天堂社区| 国产精品一区二区三区四区在线观看| 国产欧美精品一区二区三区| 国产日韩亚洲欧美精品| 在线观看91精品国产麻豆| 亚洲毛片视频| 综合精品久久| 国产精品一区二区你懂得| 国产免费不卡| 成人黄色免费在线观看| 国产高清一区日本| 国产精品黄视频| 亚洲字幕久久| 日韩欧美国产视频| 丝袜美腿av在线| 国产日韩av一区二区| 欧美在线不卡一区| 一本大道久久精品懂色aⅴ| 一本高清dvd不卡在线观看| 日韩美女视频免费看| 国产欧美日韩视频在线观看| 福利写真视频网站在线| 国产精品hd| 国产有码在线一区二区视频| 粉嫩一区二区三区在线看| 综合分类小说区另类春色亚洲小说欧美| 久久久久久国产精品一区| 精品视频在线观看日韩| 91夜夜揉人人捏人人添红杏| 电影一区二区三区| 成人一区视频| 精品黄色免费中文电影在线播放| 6699嫩草久久久精品影院| 国内精品美女在线观看| 国产自产2019最新不卡| 久久高清视频免费| 黄色99视频| 久久久欧美精品sm网站| 成人精品国产| 亚洲桃色综合影院| 亚洲成av人片在www色猫咪| 91久久精品久久国产性色也91| 亚洲网站啪啪| 亚洲丝袜在线视频| 欧美综合影院| 69国产精品成人在线播放| 久久久精品2019中文字幕神马| 一区二区三区在线视频观看| 在线看日本不卡| 鲁丝一区二区三区免费| 99精品黄色片免费大全| 欧美日韩高清一区二区三区| 亚洲欧美国产不卡| 国产精品一区二区精品| 国产精品外国| 69久久夜色精品国产69| 嫩草成人www欧美| 57pao成人国产永久免费| 成人免费观看网站| 亚洲欧洲av一区二区三区久久| 久久婷婷五月综合色丁香| 欧美日韩一区二区三区四区不卡| 日日噜噜噜噜夜夜爽亚洲精品| 久久免费视频一区| 欧美a级一区| 伊人色综合久久天天人手人婷| 亚洲欧洲日韩一区二区三区| 天堂久久午夜av| 国产精品福利在线观看网址| 91丨九色porny丨蝌蚪| 日韩黄色影院| 成人欧美在线视频| 2021国产精品久久精品| 国产欧美精品在线播放| 日韩免费性生活视频播放| 欧美成人激情| av网址在线播放| 欧美高清视频不卡网| 一区二区久久| 99re资源| 国产日韩欧美91| 葵司免费一区二区三区四区五区| 小草在线视频免费播放| 日韩欧美亚洲国产一区| 日韩欧美在线观看| 久久综合色8888| 久久午夜激情| 欧美日韩久久久一区| 中文字幕免费观看一区| 久久综合成人精品亚洲另类欧美| 国产精品成人一区二区三区吃奶| 在线视频国产日韩| 黄色片网站在线观看| 欧美夜福利tv在线| 亚洲免费视频一区二区| 黄页网站在线| av一二三不卡影片| 亚洲欧洲视频| 欧美日韩一区二区三区在线看| 精品亚洲一区二区三区四区五区高| 不卡中文一二三区| 2020欧美日韩在线视频| 成人精品视频一区二区三区尤物| 色综合久久久久久久久久久| 91在线视频播放| 久久综合九色综合久久久精品综合| 国产日韩中文在线中文字幕| 噜噜噜躁狠狠躁狠狠精品视频| 高清毛片在线看| 亚洲黄色在线视频| 美女看a上一区| 久久夜精品va视频免费观看| 国产精品日本欧美一区二区三区| 99视频一区二区三区| ady日本映画久久精品一区二区| 国产日韩在线播放| 99精品久久只有精品| 91免费精品视频| 久久亚洲道色| 色综合一个色综合| 国产精品久久视频| 亚洲在线网站| 亚洲成人在线视频网站| 久久成人麻豆午夜电影| 久久人人爽人人爽人人片av高清| 第三区美女视频在线| 日韩在线黄色| 韩日午夜在线资源一区二区| 19禁羞羞电影院在线观看| 精品免费日韩av| 精品人在线二区三区| 97香蕉久久超级碰碰高清版| 国产成人精品综合|