以使用者測試來驅動設計: 全世界瘋傳的 SnapChat 相機背後的 UX 秘密

以使用者測試來驅動設計: 全世界瘋傳的 SnapChat 相機背後的 UX 秘密

以用戶測試來驅動設計:透過真實的用戶需求打造產品 — Looksery 公司

本篇為 http://uxmag.com/articles/user-testing-as-a-design-driver 的譯文
前言:在本文中,Looksery 的首席設計師 Jordan Crone,將跟大家解釋如何透過過有效的用戶測試打造出一個令人愛不釋手的 App。

Looksery 介紹

2015 年 9 月,Snapchat 1.5億美元收購烏克蘭的新創公司 Looksery。Snapchat宣布推出 Lenses 新功能,用戶使用該功能可以給自己的自拍照加上各種效果。使用濾鏡可以改變你的眼睛、皮膚顏色,掩蓋皮膚的瑕疵,讓自己變得更瘦等。在與人視頻聊天時,還可以展示不一樣的臉,甚至可以讓人看起來像一隻熊貓、脾氣暴躁的貓,或怪物。這些功能都是烏克蘭新創 Looksery 開發的,該公司總部在舊金山。

你最近在 Snapchat 上能看到一大堆瞪著眼睛的人口吐彩虹。這要感謝 Looksery 公司,他們的人臉識別技術的特效應用被廣泛應用於 SnapChat 的相機特效裡。Note: Looksery 在 2015 年 9 月被Snapchat收購。

Looksery 是怎樣的一間公司? Looksery 是一間專注於相機特效的公司。而其技術也驅動了 Snapchat 近來廣受大家喜愛的新功能 — 變臉相機。成立於 2013 的 Looksery 在 Kickstarter 上募資成功後,其 APP 於 2014 十月發布。最近他們的首席設計師 Lidiya Bogdanovich 接受了採訪,終於讓我們有機會了解他們的設計過程,還有他們是具體怎樣透過用戶體驗測試去驅動設計出一個深受大家喜愛的產品。

產品的最初概念是什麼?
我們在 Looksery 一直想要做一個有趣的 App,可以將人臉識別技術應用在更好玩的地方,例如在你和朋友的視頻通話中。

Looksery 的面部識別技術,右圖是Snapchat中看起來完全一樣的技術

Q: 你在團隊中擔當的角色?你的團隊有多大?你有什麼類型的團隊成員?
在最開始時我是公司唯一的設計師。在後續開發階段我們的設計團隊變成 3 個人。我們是一個小團隊,為了能讓產品順利上線,我們想盡了一切辦法,所以在我們中間並沒有非常嚴格的責任和角色的劃分, 初創成員經常需要能夠獨自完成不同的任務。

Q: 描述一下這個產品的設計過程?
一開始都是採用較為快速的設計方法,主要是由專業知識及過去十幾年的設計經驗積累起來的。我們想創造出一個特別新潮的 App,所以一開始在 UI 界面設計的風格上我們也走的非常前衛,一切乍看之下都很棒。但之後透過第一次用戶測試後我們才發現,人們並不知道如何使用這個 App。 我們不希望做出的一個前衛的產品只能得到設計師族群的認同,而是更希望一般用戶能夠不需任何思考,或學習就能使用我們的產品。

使用者調查報告

Q: 談談這個使用者測試吧,你們是怎麼做的這個測試?
我們首先嘗試了很多方法。但漸漸的,我們找出了我們犯下的錯誤,並開始重新針對這些發現重新“打磨”產品。

首先我們需確定 app 的目標用戶。如果這是一個娛樂 app,那娛樂的人是誰? 我們將主要的目標用戶定位為青少年,學生和在社交媒體上活躍的年輕人。

每周我們都會和測試用戶進行單獨測試(討論界面)和綜合測試(將所有人聚集在一起,展示我們的特效,來確定他們喜歡哪一個)。
在進行一對一測試時,我們努力營造出一個輕鬆有趣的氛圍,邊喝咖啡邊做一些簡單的任務,並記錄下所有評論。這樣你就可以看到用戶真實的一面,而不是把他們當做實驗室裡的小白鼠。

我們每隔一周都會做一次測試,即使可能規模很小。這也幫助我們在犯錯之後能夠靈活應對。用戶測試應該在你們要做出 Beta 版之前很早就開始進行,而且不管產品的完整度是否足夠,測試的過程要持續到最後的最後,這是非常重要的。

透過這樣重複的進行用戶測試以後,我們完全修改了過去的界面。最初我們希望產品可以像那些被上傳到 Dribbble / Behance/ Pinterest 這類的設計網站上的 UI 介面一樣酷。但那些光鮮亮麗的 App UI 設計卻往往都沒有長久的生命力。其實,真正優秀的 app 應該簡單,易於使用,讓人們每天都會不自覺地打開使用。這就是我們想看到的。不是設計師可以跟你們朋友圈們炫耀的設計截圖,而是真真實實的出現在你和你朋友每天聊天的使用介面裡。

Q: 你能夠分享更多關於用戶測試中發現的東西嗎?
遇到的最大問題是,使用者往往無法使拍攝鏡頭保持穩定,所以就無法有效地探測到人臉,導致這功能無法正常運行。但這個問題可以被解決 — 即在強光的情境下成功率會大幅提高。因此,我們必須簡化這個體驗,在不打擾用戶,不把產品介面複雜化的基礎上引導使用者該做什麼(相信我: 大家都非常討厭複雜的應用)。我們想了無數個解決方法但沒有一種能夠具體發揮效用。但在足夠多的嘗試之後,我們了解到最好的方法其實是使用流程引導圖。所以我們做了以下的設計。

初版流程引導界面

簡化用戶體驗。提示文案越短越好

我們雇了一個模特兒及一個專業攝影師來執行這個畫面,結果雖然叫好但我們仍知道還有發展的空間。那….下一步怎麼辦?我們縮減了標題的長度,增加了提示箭頭來告訴用戶哪裡是該注意的。(Note: 雖然還是會得到一些令人啼笑皆非的結果,但是確實要比之前好很多。)

Q: 有透過使用者測試也解決不了的問題麼?
有一個問題,我們需要一張,在所用的相片濾鏡中的預設展示效果圖

幾組濾鏡圖片

瀏覽了很多很多圖片之後,我們選擇了一張鸚鵡圖片。這張圖色彩飽滿,對比度和細節也非常好。但帶來了一些問題,比如有人投訴,為什麼我選了這個濾鏡卻沒有像這張鸚鵡圖一樣的效果….當然,但這也是學習過程的一部分

Q: 在整個過程還有哪些重點需要注意?
有下面幾點
1: 選擇正確的測試對像。如果你是為司機設計 App,就別讓你妹或你奶奶(除非她們正好也是司機..) 來測試。
2: 創造一個真實環境來測試。如果是導航APP,那就上街走著測或者開車測。如果是個食譜 App,那就在廚房裡測。
3: 在熟悉的設備上測試。盡量用戶熟悉的設備來測試。用戶已經習慣了使用自己的手機,這時候讓他們來用新的手機和系統上做測試,會讓用戶有更大的壓力和情緒。在測試中,用戶並不想用我們的測試機來自拍和分享,因為他們害怕自己的照片被發布出去或者被誤用。
4: 找到適當數量的測試用戶。我們都知道 — 太少的測試樣本並不具備代表性。太多的測試會消耗太多時間與成本。因此,在我們的測試中較合適的數量為 5~7人,不會超過 10 人。如果你的 App 中真存在著重大問題,那測試4,5 個人之後基本就會發現了。
5,定義問題並不意味著只是確定原因。需要更深層次的挖掘,才能找到真正的答案。
為什麼人們不去分享?是因為分享按鈕不明顯?是因為分享按鈕語義不明確?還是說他們只是不想被你發現他們做這些事?
這些都是很有價值的資訊。產品的下一步計劃是什麼? 在做出最初的優化之後,怎樣才能憑借從測試中學到的東西來繼續推動產品的發展?

如你們現在知道的。我們成為了 Snapchat 團隊中的一員。很多名人現在都在用這個 App,像 Miley Cyrus (Miley Cyrus使用 Looksery技術) Kim Kardashian, John Legend, Jimmy Fallon,紐約時裝周的模特兒們。但這又是另外的故事了。

以上為熱衷使用 SnapChat 的名人們

我個人的想法是,分享我們的設計經驗,蒐集並列出在優化過程中的試錯和有效的嘗試,這些資訊都能為你的 UX 設計與思考帶來幫助。可能有人並不做用戶測試,而更依賴自己的設計經驗,但我還是希望我的經驗能夠幫助到一些人,藉此創造出傑出的產品。

原文網址: http://uxmag.com/articles/user-testing-as-a-design-driver

想了解更多転転的作品與 UX 流程嗎? https://tenten.co/tw/

Blog ➔ [https://tenten.co/blog/](https://tenten.co/blog/)

Insight (UX/ 新創產業分享) ➔ [https://share.tenten.co/](https://share.tenten.co/)