以用戶測試來驅(qū)動(dòng)設(shè)計(jì):為用戶打造產(chǎn)品

0 評(píng)論 3185 瀏覽 255 收藏 10 分鐘

前言:在本文中,Looksery公司的首席設(shè)計(jì)師,將來講解如何通過有效的用戶測試打造出一個(gè)令人愛不釋手的APP。

你最近可能在Snapchat上看到一大堆瞪著眼睛的人口吐彩虹。這要感謝Looksery公司,去年它推出了一種基于人臉識(shí)別技術(shù)的特效應(yīng)用。 Looksery在上個(gè)月被Snapchat收購。

6be18548a3ad5f59a91191a75125485e

Looksery的技術(shù)驅(qū)動(dòng)了Snapchat的新功能

Looksery公司成立于2013,在Kickstarter上眾籌成功后,Looksery APP 于2014十月發(fā)布。我最近采訪了他們的首席設(shè)計(jì)師Lidiya Bogdanovich, 了解了他們的設(shè)計(jì)過程,還有他們是具體怎樣通過戶體驗(yàn)測試使他們的產(chǎn)品變成一個(gè)卓爾不凡的APP的。

產(chǎn)品的最初概念是什么?

Looksery一直想要做一個(gè)有趣的APP,可以將人臉識(shí)別技術(shù)應(yīng)用在更好玩的地方,例如在你和朋友的視頻通話中。

d2197a29e49b478996c80f68877256d3

左圖是Looksery 的面部識(shí)別技術(shù),右圖是Snapchat中看起來完全一樣的技術(shù)

你在團(tuán)隊(duì)中擔(dān)當(dāng)?shù)慕巧??你的團(tuán)隊(duì)有多大?你有什么類型的團(tuán)隊(duì)成員?

在最開始時(shí)我是公司唯一的設(shè)計(jì)師。在后續(xù)開發(fā)階段我們的設(shè)計(jì)團(tuán)隊(duì)變成3個(gè)人。我們是一個(gè)小團(tuán)隊(duì),為了能讓產(chǎn)品順利上線,我們想盡了一切辦法,所以在我們中間并沒有非常嚴(yán)格的責(zé)任和角色的劃分, 初創(chuàng)成員經(jīng)常需要能夠獨(dú)自完成不同的任務(wù)。

描述一下這個(gè)產(chǎn)品的設(shè)計(jì)過程?

一開始我們開展設(shè)計(jì)靠的是一些取巧的方式和過往經(jīng)驗(yàn),主要利用專業(yè)知識(shí)和十幾年的經(jīng)驗(yàn)積累。我們想一個(gè)特別新潮的APP,所以應(yīng)用了最前沿的UI界面設(shè)計(jì),看起來很棒。

但我們做的第一個(gè)用戶測試表明,人們并不知道如何使用這個(gè)應(yīng)用。 我們不希望做出的產(chǎn)品只能得到設(shè)計(jì)們的認(rèn)同,而是更希望普通用戶無需學(xué)習(xí)就能盡情享受我們的技術(shù)。

0dfdb3520525ea5b1539c5a9ef5d8fba

一個(gè)效果調(diào)查示例

談?wù)勥@個(gè)用戶測試吧,你是怎么做的這個(gè)測試?

我們首先嘗試了很多方法。但一步一步地,我們找出了錯(cuò)誤,并開始“打磨”產(chǎn)品。我們先確定了app的目標(biāo)用戶。如果這是一個(gè)娛樂app,那娛樂的人是誰?我們決定將主要的目標(biāo)用戶定位為青少年,學(xué)生和在社交媒體上活躍的年輕人。

每周我們都會(huì)和測試用戶進(jìn)行單獨(dú)測試(討論界面)和綜合測試(將所有人聚集在一起,展示我們的特效,來確定他們喜歡哪一個(gè))。

在進(jìn)行一對(duì)一測試時(shí),我們努力營造出一個(gè)輕松友好的氛圍,邊喝咖啡邊做一些簡單的任務(wù),并記錄下所有評(píng)論。這樣你可以看到用戶真實(shí)的一面,而不是像看實(shí)驗(yàn)室的小白鼠。

我們每隔一周都會(huì)做一次測試,即使可能規(guī)模很小。這使我們?cè)诜稿e(cuò)之后能夠靈活應(yīng)變。用戶測試應(yīng)該在發(fā)版之前很早就開始進(jìn)行,而且測試的過程要持續(xù)到最后的最后,這是非常重要的。

開始進(jìn)行用戶測試以后,我們完全修改了之前的界面。最初我們希望產(chǎn)品可以像那些被截屏上傳到設(shè)計(jì)網(wǎng)站上的產(chǎn)品一樣酷。但是那些APP卻都沒有長久的生命力。真正優(yōu)秀的app應(yīng)該簡單,易于使用,讓人們每天都會(huì)不自覺地打開使用。

這就是我們想看到的。不是以截圖的形式出現(xiàn)在一個(gè)UI設(shè)計(jì)網(wǎng)站上,而是出現(xiàn)在你和你朋友每天聊天的發(fā)送框里。

你能說些更多關(guān)于用戶測試中發(fā)現(xiàn)的東西么?

遇到的最大問題是,用戶無法使攝像頭保持穩(wěn)定,所以就無法有效地探測到人臉,導(dǎo)致這個(gè)功能無法正常運(yùn)行。只有在強(qiáng)光情況下成功率才會(huì)提高。

我們需要簡化這個(gè)體驗(yàn),在不打擾用戶,不把應(yīng)用復(fù)雜化的基礎(chǔ)上教育用戶該做什么(沒人喜歡用復(fù)雜的應(yīng)用)。我們想了無數(shù)種概念但是沒有一種有效。但是在足夠多的嘗試之后,我們了解到最好的方法其實(shí)是使用流程引導(dǎo)圖。所以我們?cè)谶@個(gè)方向努力。

1728db0575e539793619fbc9f5c9757d

初版流程引導(dǎo)界面

e4f8ac32603a967de90d424e1afe2c02

簡化用戶體驗(yàn)。提示文案越短越好

我們雇了一個(gè)模特和一個(gè)專業(yè)攝影師來打造新的界面。結(jié)果比上次好很多,但仍有提升空間。下一步怎么辦?我們縮減了標(biāo)題的長度,增加了提示箭頭來告訴用戶哪里是該注意的。雖然還是會(huì)得到一些令人啼笑皆非的結(jié)果,但是確實(shí)要比之前好很多。

有通過測試解決不了的問題么?

有一個(gè)問題,我們需要一張,在所用的相片濾鏡中的默認(rèn)效果圖

6536def62a4103c73b74a715f3939fce

幾組濾鏡圖片

瀏覽了很多很多圖片之后,我們選擇了一張鸚鵡圖片。這張圖色彩飽滿,對(duì)比度和細(xì)節(jié)也是最好的。但這帶來了一些問題,比如有人投訴,為什么我選了這個(gè)濾鏡卻沒有像這張鸚鵡圖一樣的效果。但這也是學(xué)習(xí)過程的一部分。

在這個(gè)過程有什么要點(diǎn)?

有下面幾點(diǎn)

  1. 選擇正確的測試對(duì)象。如果你是給出租車司機(jī)做APP,就別讓你妹或你奶奶(除非她們正好也是出租車司機(jī))來測試。
  2. 創(chuàng)造一個(gè)真實(shí)環(huán)境來測試。如果是導(dǎo)航APP,那就上街走著測或者開車測。如果是個(gè)菜譜APP,那就在廚房里測。
  3. 在一個(gè)你熟悉的設(shè)備上測試。盡量用一些用戶熟悉的設(shè)備來測試。用戶已經(jīng)習(xí)慣了使用自己的手機(jī),這時(shí)候讓他們來用新的手機(jī)和系統(tǒng)上做測試,會(huì)讓用戶有更大的壓力和情緒。在測試中,用戶并不想用我們的測試機(jī)來自拍和分享,因?yàn)樗麄兒ε伦约旱恼掌话l(fā)布出去或者被誤用。
  4. 要找到適當(dāng)數(shù)量的測試用戶。太少的測試數(shù)并不具備代表性。太多的測試,又會(huì)消耗太多時(shí)間和成本。我們測試中,比較合適的數(shù)量為5到7人,不會(huì)超過10人。如果你的APP中真的存在重大問題,那測試四五個(gè)人之后基本就會(huì)發(fā)現(xiàn)了。
  5. 定義問題并不是意味著只是確定原因。需要更深層次的挖掘,才能找到最重要的點(diǎn)。
  6. 為什么人們不去分享?是因?yàn)榉窒戆粹o不明顯?是因?yàn)榉窒戆粹o語義不明確?還是說他們只是不想被你盯著做這些事兒?

這些都太有用了。那產(chǎn)品的下一步計(jì)劃是什么?在做出最初的優(yōu)化之后,怎樣才能憑借從測試中學(xué)到的東西來繼續(xù)推動(dòng)產(chǎn)品的發(fā)展

幾周之前,我們成為了Snapchat團(tuán)隊(duì)中的一員。很多名人現(xiàn)在都在用這個(gè)APP,像Miley Cyrus(Miley Cyrus使用Looksery技術(shù)),金·卡戴珊,John Legend, Jimmy Fallon,紐約時(shí)裝周的模特們。但是我們現(xiàn)在講的是另一件事。

e7de2895ae2d71b5bf0fd5049a60d82a

金.卡戴珊 在使用snapchat的新功能

我個(gè)人的想法是,分享我們的設(shè)計(jì)經(jīng)驗(yàn),羅列出在優(yōu)化過程中的試錯(cuò)和有效的嘗試,從而有助于別人的設(shè)計(jì)??赡苡腥瞬⒉蛔鲇脩魷y試,而更依賴自己的設(shè)計(jì)經(jīng)驗(yàn),但我還是希望我的經(jīng)驗(yàn)?zāi)軌驇椭揭恍┤?,以此?chuàng)造出杰出的產(chǎn)品。

原文出處: uxmag???譯文出處:百度MUX

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!