《2023 AI for better UX 實務研討:在 AI 時代設計愉悅的使用者體驗》講座心得#3

更新於 2024/10/03閱讀時間約 11 分鐘

感謝 UserXper 悠識學院 舉辦的《2023 AI for better UX 實務研討》此次有幸獲選擔任講座的筆記手,一同記錄難得可貴活動。第三場次邀請到 PicCollage 的開發團隊。非常榮幸藉此有機會聆聽,產品設計經理 Chris 和資深產品設計師 Katherine,兩位的精彩分享。

分享情感,聯繫朋友與家人關係

分享情感,聯繫朋友與家人關係

PicCollage 拼貼趣 是一款來自矽谷的新創團隊開發設計,影像編輯拼貼工具。不僅有豐富模板、貼紙。近期透過 Generative AI 和 ML 技術打造使用者體驗更佳的產品。主要使用者來自美國、英國及日本等國家。目前全球下載量已突破 2.6 億,每個月用戶量持續穩定增長中。


在 AI 時代設計愉悅的使用者體驗

陳偉仁 Chris( Cardinal Blue Product Design Manager)

陳儷元 Katherine(Cardinal Blue Sr. Product Designer)

透過痛點分析,定義AI 價值

▍ 不只為了 AI 而做 AI ,更是要尋找使用者需求的核心。

  • 挑戰:使用者想把自己照片變得更有趣並分享,卻不想花時間。
  • 機會:如何運用 AI 技術,降低照片編輯的強度,更輕鬆做出想要的拼貼創作。

PicCollage 產品核心在於「分享情感,聯繫朋友與家人關係。」使用者年紀偏大偏向小型商家,會使用社群軟體來做視覺設計溝通。在生成式 AI 下促使越來越多數位產品導入運用 AI 技術,團隊透過量化和質化研究,分析使用者旅程地圖釐清現有的創作流程,和使用者訪談了解使用者操作編輯過程的體驗和痛點,借助 figjam AI 的總結功能,來整理訪談摘要重點:

使用者痛點

  1. 編輯過程中重複性高繁瑣的行為數據。
  2. AI 自動化編輯對於年長使用者操作上需要幫助。
  3. 素材選擇花時間。
  4. 需要整體拼貼的設計。

研究洞見

  1. 製作過程是個人體驗,使用者想要有控制和選擇的權利
  2. 使用者需要靈感和推薦,從零開始編輯是痛苦的
  3. 兩種使用者有不同 AI 協助的需求(echance vs automation)。第一種使用者需要 echance 在慢慢尋找素材的過程中,感到療癒;第二種使用者需要 automation 更快得到創作的結果。

▍ 如何維持 IKEA Effet 找到編輯的樂趣和 AI 協助的交叉點?

IKEA Effect : 自己親手做的,更有價值。

引用自 John Maeda: Design and AI Talk 所提到餅乾和洗衣 Rule

餅乾:喜歡的事想要更多(enjoy / consume)

思考如何利用人工智慧來擺脫那些你真的不想做的事情

洗衣:麻煩的事想要更少(work / transform)

以便你有更多時間做更多你喜歡的事情

人們對於喜歡的事想要更多;麻煩的事希望更少,利用 AI 來選素材或配色,讓人們更有時間在構思拼貼排版的體驗。

探索 AI 所扮演的角色,定義體驗原則

回到產品設計的核心,以往設計師定義產品 UI 和 Flow 如今可進一步探索 AI 在我們生活中扮演的角色


▍分析三層框架

Strategy, Type of Assistance, Execution

Strategy, Type of Assistance, Execution

策略(Strategy):

提供多少和什麼樣的協助?協助程度、使用者場景、使用者旅程時機、可見度。

協助類型(Type of Assistance):

在什麼方面協助使用者?提供靈感、創作幫助、決策幫助、情緒價值。

執行(Execution):

我們如何實現和協助?使用者體驗流程、Algorithms、人工智能、自動化。


▍AI協助的強度(Levels of AI Assistance)

Levels of AI Assistance

Levels of AI Assistance

講者分享團隊從 Google ML 的 Levels of Automation 框架獲得啟發,藉此進一步修改為團隊使用的框架版本。在整體編輯和創作上 AI 從低到高自動化的協助強度,讓團隊溝通上更有共識。從最底層 Level 1 沒有 AI 使用者完全自己選擇素材和編輯;Level 3 提供簡易 AI 推薦照片色彩、文字;到最高層 Level 5 就是完全藉由 AI 生成拼貼。但是最高層 Level 5 並非最終目標,而是要呼應使用者需求,有些功能其實到 Level 3 就夠了。最後將 AI 協助的等級對應到使用者旅程,更明確 AI 應用可行性和在哪個情境下運用怎樣類型的 AI 做出哪些協助,並分配給不同團隊來進行。

Level 1 無任何協助(No assistance):

完全由人工操作完成,依賴使用者執行任務。

Level 2 一點協助(A little assistance):

PicCollage 透過選項來提供協助,減少一些人工操作。

Level 3 中等程度的協助使用者決策(Moderate assistance with user decision-making):

PicCollage 提供有助決定的建議選項。使用者可以選擇是否遵循建議。

Level 4 中等程度的協助使用者,並具有靈活性(Moderate assistance with flexibility for user override):

PicCollage 確定並選擇動作,使用者決定是否應該執行。

Level 5 自動化協助(Automated assistance):

PicCollage 為使用者執行動作。考慮協助的可見性。可能會或可能不會通知使用者已執行的操作。

案例 1:PhotoCard Wizard 實驗如何透過照片資訊,快速產出對使用者有意義的節慶卡片的服務。

Level 3 : Collage Level, Provide Inspiration, UX Flow, Automation.

PhotoCard Wizard

PhotoCard Wizard

講者以聖誕節全家福照片為例,運用 AI 技術標註照片裡人物或物件的關鍵字,將關鍵字丟給大型模型,再生成不同相關的祝賀詞和排版方式,快速地給使用者挑選使用,體驗產品的核心價值。導入 AI 從核心價值出發,藉由 AI 給使用者更好的體驗。

案例 2:Photo Style Transfer 照片風格轉換,讓照片變成更有情感的圖畫。

Level 5 : Feature Level, Creation help, AI.

在生成式 AI 出現時候很多人將照片做風格的轉換,各種繪畫風格開始出現。而團隊也掌握了其中技術,但是與其匆忙跟風開發功能,不如花時間,好好探討這樣應用是否適合使用者。後來團隊透過使用者訪談,發現在節慶期間,使用者會將自己的家庭照片付費請畫家,額外畫成繪畫作品形式,使其更有意義,賦予出照片本身無法傳遞的情感,團隊透過訪談理解了使用者行為背後的價值。

在探索 AI 技術過程中,團隊發現不是單純把照片給 AI 再藉由 AI 重新繪圖。對於使用者來說需要維持原本照片的熟悉度,例如原本在節慶場景卻變成完全陌生的環境。所以團隊做了更多參數上的調整,試著讓使用者感受到這仍然是原本的照片,只是用不同繪圖風格去詮釋。也降低了對人臉的破壞處理,避免使用者有詭異谷(Uncanny Valley)的不良感受。將 AI 技術適度包裝,創造屬於他們能夠理解的話語與價值。讓使用者不需要額外學習就能使用,讓使用者更能夠接受 AI 功能。

案例 3:Adaptive Assisted Picker 適應性編輯,千變萬化的素材。透過生成式 AI 技術,一鍵式的直接轉換自己喜愛風格。

Level 4 : Collage Level, Decision making, Provide Inspiration, AI, Algorithms.

用簡化方式讓 AI 像是小幫手般協助使用者,將畫面中不同素材,調整轉換相同的繪畫風格。以往面對上千百種不同風格組合,系統程式難以轉換解決,如今可以透過 AI 技術,讓內容服務更客製化,更滿足需求符合人心。


▍在 AI 時代設計愉悅的使用者體驗

  1. 清楚理解使用者旅程,從中找到突破點。
  2. 有意識的設計 AI 在旅程中所扮演的角色。
  3. 將 AI 包裝成使用者能夠理解語言與價值。
  4. 理解您的產品核心價值,讓AI放大該價值。

▍As a Product designer for AI

  • 更專注在互動設計,更少介面設計。
  • 需要高度關注 AI 發展,將會擴充您對解決辦法的想像。
  • 說故事(產品設計)的核心永遠都一樣,但説(設計)的方式或許會改變。
  • 嚴謹的技術,友善的設計。Serious Tech, Friendly Design.

講者在結語分享團隊導入 AI 後心得。AI 大幅度改變了整個團隊討論的內容,不再討論放更多按鈕,讓使用者快速達成目的,而是不同 AI 模型之間如何溝通串接,讓使用者更直覺操作,甚至一個簡單的動作就能創作。高度關注 AI 發展,AI 可能會顛覆你原本的知識和認知,並增加不同設計觀點。科技的進步說故事的方式都不一樣,或許產品設計核心是一樣的,但設計的方式或許會改變。團隊也是經歷了從未知到驚訝到恐慌,最後才是面對。這週研究的技術,可能在下週就被更新的技術顛覆而就變得不重要。把更友善設計帶到使用者生活中,是團隊努力研究的議題。


在 AI 時代設計愉悅的使用者體驗

在 AI 時代設計愉悅的使用者體驗

主題:在 AI 時代設計愉悅的使用者體驗
講者:陳偉仁 Chris | Cardinal Blue Product Design Manager陳儷元 Katherine | Cardinal Blue Sr. Product Designer
時間:Dec. 16, 2023 16:10–16:50

近幾年不同型態 AI 的出現,不只是對於人們的生產力產生巨大影響,更在創造力帶了許多衝擊。 兩位產品設計師將會分享 PicCollage (拼貼趣) 身為一個協助創造力的產品,是如何讓 AI 轉換為創造的助力,增強產品核心價值? 並以使用者為中心去思考 AI 的角色以及探索人與 AI 相互關係。


留言0
查看全部
avatar-img
發表第一個留言支持創作者!
林同學的心得報告 的其他內容
開場分享過往在 DIDI、Roblox、網路文學小說 Dreame Novel 的經驗。從中講者發現 AI 對於產品設計流程的三大變化: 競爭汰換:內部動態實例。 團隊組織:大小團隊應對策略。 成本結構:人均替代成本、新舊體驗的替換成本。
今年隨著 ChatGPT 在全球爆紅, 讓相關的 AI 人工智慧話題熱度持續發酵。身為從事 UX 相關工作的團隊夥伴們,藉此思索著如何趁勢利用 AI 技術協助 UX 工作,不僅提升工作效率並且能夠提供給使用者更好體驗。AI 產品開發實務經驗和設計流程的變化,該如何調整自身定位發揮能力。
開場分享過往在 DIDI、Roblox、網路文學小說 Dreame Novel 的經驗。從中講者發現 AI 對於產品設計流程的三大變化: 競爭汰換:內部動態實例。 團隊組織:大小團隊應對策略。 成本結構:人均替代成本、新舊體驗的替換成本。
今年隨著 ChatGPT 在全球爆紅, 讓相關的 AI 人工智慧話題熱度持續發酵。身為從事 UX 相關工作的團隊夥伴們,藉此思索著如何趁勢利用 AI 技術協助 UX 工作,不僅提升工作效率並且能夠提供給使用者更好體驗。AI 產品開發實務經驗和設計流程的變化,該如何調整自身定位發揮能力。
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
參加者探討AI在教育領域的廣泛應用及其面臨的挑戰,強調如何與AI共存並提升自我能力,李明峰的分享啟發參與者自我潛力的認識,並在AI圖像生成遊戲環節中,助教幫助學生理解生成過程,展現AI在教學上的無限可能性,這篇文章探討了有效的教學方式和學習者的不同經驗,鼓勵更多人關注生成式AI的應用。
將創新融入至網站用戶體驗上 隨着AI技術的不斷成熟,其在網頁設計領域的應用日益廣泛。設計師可以藉助AI生成的圖像快速搭建網頁框架,這不僅極大地縮短設計周期,還提供前所未有的創意靈感。 透過AI技術不僅能對色彩、字體進行智能優化,還能對文案進行潤色,使設計作品更加完善。更重要的是,AI能夠根據用戶
隨着人工智能(AI)、聊天機械人、虛擬現實(VR)/增強現實(AR)、語音搜索等技術的飛速發展,網頁設計領域正經歷着一場前所未有的變革。作為設計師,掌握這些前沿技術及其應用技巧,不僅能顯著提升工作效率,更能創造出令人耳目一新的用戶體驗。 那麼,面對日新月異的網絡時代,設計師必須掌握哪些網頁設計
Thumbnail
AI繪圖要廣泛用於商用還有一大段路,還需要依賴人類的經驗判斷、調整,為什麼呢?
Thumbnail
本文探討了AI是否能取代平面設計,強調了學習AI運用需要用心學習,並提供了相關的技術與運用範例。文章透過實際例子與觀點,澄清了AI在設計領域的應用與限制,並強調了學習基礎設計知識的重要性。讀者藉由本文能更具深度地瞭解AI與設計領域之間的關係,以及AI對設計師職業的影響。
Thumbnail
今天參加了前東家 ALPHA Camp 與 Yourator、職游合作的線上講座,內容主要是談 AI 時代對於招募、職涯選擇、技能發展的影響,並從對於人才與就業市場的觀察、求職者與企業的互動、企業所重視的能力與特質這三面向來進行討論。 做了筆記,把五個特別有感的重點與大家分享,同時也補充自己的觀點
Thumbnail
最新的AI趨勢讓人眼花撩亂,不知要如何開始學習?本文介紹了作者對AI的使用和體驗,以及各類AI工具以及推薦的選擇。最後強調了AI是一個很好用的工具,可以幫助人們節省時間並提高效率。鼓勵人們保持好奇心,不停止學習,並提出了對健康生活和開心生活的祝福。
Thumbnail
2023年被世人稱做生成式AI世代的元年,各式各樣的AI工具不斷湧現,改變了人們的生活。本文將詳細介紹人工智慧和機器學習的相關知識,以及各種人工智慧和機器學習的實現方法。
近來AI繪圖以及如Chatgpt等可進行對話的AI進入到大眾視野,讓AI成為了熱門話題,網路媒體和論壇冒出許多相關的文章,足見AI之勢著實非同小可。
Thumbnail
第 19 天:使用 ChatGPT 完成了哪 3 個任務? 這幾年真的人人都在討論 AI,在我工作的產業裡,也有不少設計師擔心未來會被 AI 取代。 但我認為,AI 就像一個得力助手,可以幫助人們更快完成庶務,給我們更多時間思考更多可能~
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
參加者探討AI在教育領域的廣泛應用及其面臨的挑戰,強調如何與AI共存並提升自我能力,李明峰的分享啟發參與者自我潛力的認識,並在AI圖像生成遊戲環節中,助教幫助學生理解生成過程,展現AI在教學上的無限可能性,這篇文章探討了有效的教學方式和學習者的不同經驗,鼓勵更多人關注生成式AI的應用。
將創新融入至網站用戶體驗上 隨着AI技術的不斷成熟,其在網頁設計領域的應用日益廣泛。設計師可以藉助AI生成的圖像快速搭建網頁框架,這不僅極大地縮短設計周期,還提供前所未有的創意靈感。 透過AI技術不僅能對色彩、字體進行智能優化,還能對文案進行潤色,使設計作品更加完善。更重要的是,AI能夠根據用戶
隨着人工智能(AI)、聊天機械人、虛擬現實(VR)/增強現實(AR)、語音搜索等技術的飛速發展,網頁設計領域正經歷着一場前所未有的變革。作為設計師,掌握這些前沿技術及其應用技巧,不僅能顯著提升工作效率,更能創造出令人耳目一新的用戶體驗。 那麼,面對日新月異的網絡時代,設計師必須掌握哪些網頁設計
Thumbnail
AI繪圖要廣泛用於商用還有一大段路,還需要依賴人類的經驗判斷、調整,為什麼呢?
Thumbnail
本文探討了AI是否能取代平面設計,強調了學習AI運用需要用心學習,並提供了相關的技術與運用範例。文章透過實際例子與觀點,澄清了AI在設計領域的應用與限制,並強調了學習基礎設計知識的重要性。讀者藉由本文能更具深度地瞭解AI與設計領域之間的關係,以及AI對設計師職業的影響。
Thumbnail
今天參加了前東家 ALPHA Camp 與 Yourator、職游合作的線上講座,內容主要是談 AI 時代對於招募、職涯選擇、技能發展的影響,並從對於人才與就業市場的觀察、求職者與企業的互動、企業所重視的能力與特質這三面向來進行討論。 做了筆記,把五個特別有感的重點與大家分享,同時也補充自己的觀點
Thumbnail
最新的AI趨勢讓人眼花撩亂,不知要如何開始學習?本文介紹了作者對AI的使用和體驗,以及各類AI工具以及推薦的選擇。最後強調了AI是一個很好用的工具,可以幫助人們節省時間並提高效率。鼓勵人們保持好奇心,不停止學習,並提出了對健康生活和開心生活的祝福。
Thumbnail
2023年被世人稱做生成式AI世代的元年,各式各樣的AI工具不斷湧現,改變了人們的生活。本文將詳細介紹人工智慧和機器學習的相關知識,以及各種人工智慧和機器學習的實現方法。
近來AI繪圖以及如Chatgpt等可進行對話的AI進入到大眾視野,讓AI成為了熱門話題,網路媒體和論壇冒出許多相關的文章,足見AI之勢著實非同小可。
Thumbnail
第 19 天:使用 ChatGPT 完成了哪 3 個任務? 這幾年真的人人都在討論 AI,在我工作的產業裡,也有不少設計師擔心未來會被 AI 取代。 但我認為,AI 就像一個得力助手,可以幫助人們更快完成庶務,給我們更多時間思考更多可能~