用草圖達成高效溝通+高效驗證

閱讀時間約 7 分鐘

草圖是溝通的媒介,將腦中的想法具象化

大家對「草圖」的印象是什麼呢?白紙上俐落地畫圖,旁邊加上文字註解?還是畫得比較潦草,所以叫草圖?草圖在工業設計的流程中,通常是指發想產品時用來「溝通」的工具,透過草圖將想法呈現給他人看。

尤其在團隊合作中,總是有些想法是語言、文字上容易造成誤解的,但是表達自己的想法,難道只能用畫圖的方式嗎?今天就我們一起來透過這本經典《用戶體驗草圖設計》,拓展對草圖的想像吧!

Image by pressfoto on Freepik

Image by pressfoto on Freepik

這本書名中有「草圖設計」,然而它卻不是教我們如何把草圖畫得好看,而是告訴我們草圖為何重要、它能以什麼形式呈現,還有能如何被應用。在這本書裡,草圖不只是紙上畫畫,它可以運用各種媒材和活動來展現概念,目的是快速獲得證據,證明設計概念的可行性,推進設計的演進,擁有「草」的精神,我們先快速展現設計概念,驗證它的可行性,才能避免後續花費太多成本在旁技末節上。

這種精神將草圖的應用拓展到更大的層次,既可作為設計師與自己、與團隊的溝通媒介,幫助我們傾聽使用者的想法,這也是為什麼我們要做用戶體驗測試。這一部分也是我跟山蘇最想分享的!大家可以先想想看,你認為在專案流程中,什麼時候該做用戶體驗測試呢?

在專案流程中,什麼時候該做用戶體驗測試呢?

關於這個問題,相信大家多少聽過這個答案:「如果是開發軟體服務的話,就在做完Prototype、要進開發前先做一場『易用性測試』。」不可否認,進開發前是最後一個好時機,耗費的成本最低,但若僅此一場測試,發現問題時通常已經來不及了,而且當你發現是產品的策略出錯了(請看設計的五大層次這篇文章),打掉重練後需要的人力和時間都很大。可是一次進行太多場測試,聽起來又會耗費很多人力與時間,到底該怎麼辦呢?

別擔心,若將「草」的精神應用在用戶體驗測試上,以較低成本且有效率的方式去進行測試,就算產品尚未完善,也能透過草圖得到用戶的想法,因此,任何時候都可以是做用戶體驗測試的好時機喔!在下文中。我們列舉出幾種常見的模擬方法,可以根據每個階段想向用戶詢問的問題,來選擇使用哪種方式呈現,那我們就來看看有哪些常見的草圖吧!


常見的用戶體驗測試方法

低保真度原型 Low-fidelity Prototype

如果不確定這個產品概念是否有問題,在你製作更精美的原型前,可以先製作低保真度原型。它顧名思義就是看起來不夠真實,通常是鉛筆線稿或是現有素材拼裝而成的模型,但是正因為省下了精雕細琢的時間,我們可以在同樣的時間內提出更多的想法,拋棄提案時也不會感到太可惜XD

不過若要以低保真度原型向用戶做測試的話,也有可能會出現用戶不易理解的情況,但絕非沒救!可以輔以測試員仔細在旁解說引導,我們一樣可以用低成本的方式進行測試!

Commercial License:Further Information

Commercial License:Further Information

高保真度原型 High-fidelity Prototype

如果時間足以製作更精美的原型,可以進一步嘗試將產品概念表達的更具體。高保真度原型實作在Figma或Adobe XD等數位軟體上,成品看起來已經跟正式產品沒什麼兩樣了!畫面精緻、可以點擊,甚至可以展示在真實手機上,只差沒有給工程師開發而已。到了這個階段做用戶測試,用戶時常會難辨真假,使用此原型可以讓我們更專注的觀察用戶使用的行為與痛點。

Commercial License:Further Information

Commercial License:Further Information

故事板 Storyboard

以上兩種方法較常用於測試產品介面設計上,然而當今我們重視的體驗層面越來越廣,從使用者接觸到該產品前的情境、到購買時對服務的體驗,再到使用產品時與周遭情境的關係、使用完後的體驗等等,都可能是跨場景、跨裝置,跨任務,並且可能與不同人互動。這可以去考量與設計的。而故事板就是針對情境模擬的一種草圖設計手法,我們可以透過手繪、剪貼或線上工具來製作,就像畫漫畫一樣,可以用人、事、時、地、物這幾個面向去考慮情境的細節,也可以將做好的故事板與用戶或夥伴們分享,請他試想自己就是這個情境中的主角,藉此來獲取更多想法!

Image by Wepik on Freepik

Image by Wepik on Freepik

綠野仙蹤 Wizard of Oz

在童話《綠野仙蹤》裡,有位令大家問風喪膽的巫師,透過製造神秘氣氛和恐怖的外表,讓人們相信他擁有強大的魔法力量,殊不知他只是一位躲在屏風後面的普通阿北!

這個阿北跟設計有什麼關係?當然有!

綠野仙蹤的阿北就是用這個「以假亂真」的精神,讓我們可以在功能尚未完整開發時就能做測試。我們遊石曾經想讓使用者在線上掛號後,能收到確認簡訊,但是當時系統還沒串接簡訊功能。於是我們偷偷安排了同事躲在暗處,仔細觀察使用者的手指按下送出鍵的時機…火速人工發送簡訊給他們,到最後真到完全沒有人發現這是人為操作呢!

這個手法讓我們省下許多錢,即使面臨系統尚未整合、系統複雜、開發時程長的問題,還是可以了解使用者的想法。尤其到了現代,使用者體驗設計不再只限於視覺介面,更拓展至跨平台整合、五感體驗、無障礙設計、服務設計等等方面,若你的產品服務是跨場景、跨裝置,綠野仙蹤的手法就更為常用及重要了。大家不妨可以想想看,你所體驗的一切事物,手邊有哪些現有資源可以模擬呢?說不定會有新奇的發現喔!

試營運 Trial operation

試營運就像是服務流程的高保真度模型,運用成本較低的方式去模擬場景,讓使用者身歷其境。比如說,想測試新店面的服務流程與動線設計,我們可以用保麗龍切割出假櫃檯,再請其他分店的人員充當新店面的服務人員,最後邀請真實的顧客來體驗看看,觀察、訪問他們的心得來改善服務,藉此調整營運的策略。

要選擇哪一種用戶體驗測試方法?

除了以上分享的幾種類型,草圖的形式還有非常多種,有興趣大家可以找原書來看喔!不過,既然有這麼多種方式,要怎麼知道什麼時候該用哪一個呢?

在考慮要用哪些方法來做測試時,可以考慮以下三個面向:

  1. 專案類型:如果是要測試視覺介面是否好操作,適合採用高/低保真度模型,將介面呈現出來給使用者看;如果是要測試服務流程,則可用試營運、綠野仙蹤法來模擬跨場景、跨裝置、多個角色互動的服務場景;而若只有先構想一些產品使用情境,則可以用故事板來呈現。相信聰明的大家能夠以此類推!
  2. 使用者類型:根據受訪者的類型去做調整。像是要讓視力、聽力沒那麼好的銀髮族參與測試,研究員就需要更仔細的在旁解說;若是有障礙人士來測試,則可以透過五感的體驗來傳達訊息、幫助他們達到目標。此外,我們也可以先透過角色扮演試圖去同理不同族群所經歷的困難,透過模擬,體驗他們經歷困難的環境,以做出更友善使用者的產品。
  3. 預算多寡:這個嘛……有錢有閒就Hi-fi(高保真度模型),沒錢沒閒就Low-Fi(低保真度模型)囉XDD
raw-image



看到這裡,不知道大家是不是和我一樣,對草圖的威力更加讚嘆了呢?它不只是一種溝通的媒介,能夠將腦中的想法具象化,以更有效的方式傳達給團隊成員和用戶。它更是一種精神,以快速獲取實證為目標,讓我們在設計的過程中,及早貼近用戶與市場。

以上提到的各種草圖形式,可以根據專案類型、使用者類型和預算多寡來選擇使用。保持靈活的思維,不斷學習新工具,相信各位都可以找到合適的草圖形式,提高設計的效率和品質喔!邀請你收聽本集podcast,聽聽設計界的前輩怎麼說。


2會員
6內容數
此專欄會以《UXI BAR》Podcast內容為主軸,詳細介紹在節目上分享的設計策略、設計管理心法,並且討論相關書籍與案例。
留言0
查看全部
發表第一個留言支持創作者!
UXI Design的沙龍 的其他內容
你喜歡玩遊戲嗎?是不是會無可自拔地被吸進另一個世界中,讓你忍不住玩下去、忍不住就沈迷、忍不住就找人分享呢?遊戲究竟有什麼魔力,讓你有這樣的感受呢? 這些看似抽象難解的問題,在任天堂企劃負責人_玉樹真一郎剖析下,以經典遊戲深入淺出地帶讀者了解這些動人的遊戲體驗是如何設計的。讓我們來看看玉樹真一郎的《
企業持續投入在新科技的研發上,最後卻難逃沒落的命運,像這樣的故事屢見不鮮。在科技快速更迭的時代下,「創新」一直被企業經理人、新創公司討論著,有很多不同的說法和理論,試圖解釋創新的各個面向。
在UIUX領域的學習過程中,雖然了解每個設計階段在做些什麼,卻很難將他們整合在一起,直到遇見了這本書 - - 使用者經驗的要素。 這本書並不是為了讓你學會實作每個設計階段,也不會針對各階段做詳細的教學,而是以一個綜觀全局的角度整合設計,讓我們能抽離各個細項,進而檢視專案流程,我們現在該做什麼?下一步
「追求創新之前,如何衡量創新目標和幅度呢?」這是實務中每個開案者的靈魂拷問;衡量著「設計期待」與「口袋」,一方面希望創新能夠有所突破,卻又暗自擔憂創新轉換成本是否過大,組織承擔不起。
你喜歡玩遊戲嗎?是不是會無可自拔地被吸進另一個世界中,讓你忍不住玩下去、忍不住就沈迷、忍不住就找人分享呢?遊戲究竟有什麼魔力,讓你有這樣的感受呢? 這些看似抽象難解的問題,在任天堂企劃負責人_玉樹真一郎剖析下,以經典遊戲深入淺出地帶讀者了解這些動人的遊戲體驗是如何設計的。讓我們來看看玉樹真一郎的《
企業持續投入在新科技的研發上,最後卻難逃沒落的命運,像這樣的故事屢見不鮮。在科技快速更迭的時代下,「創新」一直被企業經理人、新創公司討論著,有很多不同的說法和理論,試圖解釋創新的各個面向。
在UIUX領域的學習過程中,雖然了解每個設計階段在做些什麼,卻很難將他們整合在一起,直到遇見了這本書 - - 使用者經驗的要素。 這本書並不是為了讓你學會實作每個設計階段,也不會針對各階段做詳細的教學,而是以一個綜觀全局的角度整合設計,讓我們能抽離各個細項,進而檢視專案流程,我們現在該做什麼?下一步
「追求創新之前,如何衡量創新目標和幅度呢?」這是實務中每個開案者的靈魂拷問;衡量著「設計期待」與「口袋」,一方面希望創新能夠有所突破,卻又暗自擔憂創新轉換成本是否過大,組織承擔不起。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
岩蘭草,又稱為香根草,岩蘭草精油算是我滿早就接觸到的精油,因為在禪修中除了沉香、檀香這類的精油以外,岩蘭草精油是古印度就有在使用的精油,是很好帶領禪修者入定很好的媒界。
Thumbnail
安安你好 如果有在關注日本文化的朋友,應該會對於「www」的網路用語不陌生,它是從日語「笑い」的羅馬拼音「warai」的第一個發音字母「w」所簡寫來的,據說...
Thumbnail
台東四日遊第二天,我們來到了原生應用植物園、初鹿牧場和綺麗渡假村。 在原生應用植物園餵羊餵魚餵鴕鳥、拿起超大顆鴕鳥蛋、用葉子編織成蚱蜢和各種小動物。初鹿牧場各種牛奶製品令人眼花撩亂,餅乾、饅頭、牛奶火鍋每樣都好吃,還可以體驗滑草。綺麗渡假村多間兒童遊戲室超好放電,再泡個溫泉浴晚上超好睡。
Thumbnail
這句幾乎快要是一家烤肉萬家香般的幹話,聽在大家耳裡又有什麼感覺呢? 我在我自己的私人IG提問過「如果你聽到異性戀男人說:人帥真好,人醜性騷擾。你會有什麼感覺呢?」 我朋友們的回覆大概是......
Thumbnail
不用管什麼蛇還是草繩的英文是什麼。中文用十個字,英文最少用兩個字、最多四個字就夠了。
Thumbnail
試用 IPad 第三天,今天在想畫畫的時候自動拿起了 IPad,從這一點來看,IPad 真的很方便。
Thumbnail
去年才入了香草集這個坑~~ 因為朋友推薦,默默也搜集了好多香草集的東西... 我本來就很喜歡香氛類的產品,從一開始的香精擴香瓶,到後來開始使用純精油類產品 越來越知道自己喜歡什麼   香草集中我最喜歡氣場淨化系列,從滾珠精油到洗髮沐浴乳等產品都有 氣場系列是以檜木純露為基底做成的精油產品 氣場噴霧
Thumbnail
概念設計到正式製作的過程中,為了能讓製作師確實地掌握實際呈現的樣貌,立體開發的一環,進入了草模的階段。有別於傳統直接使用油土、鐵絲、木材或石膏等手段打樣,在這個數位時代哩,原作、設計師與製作者各在天邊一方的狀況下,要如何能夠同步三者的看法、確切的達成共識呢? 導入部粉數位化的製作啟動篇,正式開始!
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
Thumbnail
岩蘭草,又稱為香根草,岩蘭草精油算是我滿早就接觸到的精油,因為在禪修中除了沉香、檀香這類的精油以外,岩蘭草精油是古印度就有在使用的精油,是很好帶領禪修者入定很好的媒界。
Thumbnail
安安你好 如果有在關注日本文化的朋友,應該會對於「www」的網路用語不陌生,它是從日語「笑い」的羅馬拼音「warai」的第一個發音字母「w」所簡寫來的,據說...
Thumbnail
台東四日遊第二天,我們來到了原生應用植物園、初鹿牧場和綺麗渡假村。 在原生應用植物園餵羊餵魚餵鴕鳥、拿起超大顆鴕鳥蛋、用葉子編織成蚱蜢和各種小動物。初鹿牧場各種牛奶製品令人眼花撩亂,餅乾、饅頭、牛奶火鍋每樣都好吃,還可以體驗滑草。綺麗渡假村多間兒童遊戲室超好放電,再泡個溫泉浴晚上超好睡。
Thumbnail
這句幾乎快要是一家烤肉萬家香般的幹話,聽在大家耳裡又有什麼感覺呢? 我在我自己的私人IG提問過「如果你聽到異性戀男人說:人帥真好,人醜性騷擾。你會有什麼感覺呢?」 我朋友們的回覆大概是......
Thumbnail
不用管什麼蛇還是草繩的英文是什麼。中文用十個字,英文最少用兩個字、最多四個字就夠了。
Thumbnail
試用 IPad 第三天,今天在想畫畫的時候自動拿起了 IPad,從這一點來看,IPad 真的很方便。
Thumbnail
去年才入了香草集這個坑~~ 因為朋友推薦,默默也搜集了好多香草集的東西... 我本來就很喜歡香氛類的產品,從一開始的香精擴香瓶,到後來開始使用純精油類產品 越來越知道自己喜歡什麼   香草集中我最喜歡氣場淨化系列,從滾珠精油到洗髮沐浴乳等產品都有 氣場系列是以檜木純露為基底做成的精油產品 氣場噴霧
Thumbnail
概念設計到正式製作的過程中,為了能讓製作師確實地掌握實際呈現的樣貌,立體開發的一環,進入了草模的階段。有別於傳統直接使用油土、鐵絲、木材或石膏等手段打樣,在這個數位時代哩,原作、設計師與製作者各在天邊一方的狀況下,要如何能夠同步三者的看法、確切的達成共識呢? 導入部粉數位化的製作啟動篇,正式開始!