# 在AI 時代設計愉悅的使用者體驗 Designing Joyful UX in the Rise of AI - 陳偉仁 Chris、陳儷元 Katherine

{%hackmd mW0XARQZTky8_gI5V_nsiA?view %}

**[陳偉仁 Chris ](https://userxper.kaik.io/@chris-chen)
Cardinal Blue Product Design Manager**
**[陳儷元 Katherine](https://userxper.kaik.io/@katherine-chen)
Cardinal Blue Sr Product Designer**

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

> 從這裡開始共筆 🔥

:::success
**議程簡報分享：[點我下載](https://drive.google.com/file/d/1WEzvlZxQizy8vHjYQvsEyipGrIpod9gL/view?usp=sharing)**
:::

PicCollage 產品介紹 分享情感聯繫關係

User Centered AI

## 不只為了 AI 而做 AI -尋找用戶需求的核心
挑戰: 使用者想把自己照片變得更有趣並分享，卻不想花時間
機會: 如何運用AI技術，降低照片編輯的強度，更輕鬆做出想要的拼貼創作

## 量化和質化研究
例如：back& forth的量會影響用戶儲存的意願

瞭解user 使用拼貼編輯過程的痛點（年紀稍長得使用者）
* 操作科技產品需要幫助
* 素材選擇
* 需要整體拼貼的設計

研究 x AI 工具的流程
使用 figjam AI 的總結功能，摘要訪談重點

## lnsights
1. User 會想要有控制、選擇的權利
2. User 需要靈感和推薦，從零開始編輯是痛苦的
3. 兩種使用者有不同 AI 協助的需求（echance vs automation）

## Ikea effect:
https://en.wikipedia.org/wiki/IKEA_effect
讓用戶感受編輯的過程

洗衣和餅乾 rule
餅乾：喜歡的事想要更多（enjoy）
洗衣：麻煩的事想要更少（work/ effort）

John Maeda: Design & AI
https://www.youtube.com/@JohnMaedaverse/videos

## AI 在產品設計裡的角色(實際設計案例)

1. 策略
2. 輔助
3. 實際做哪些幫助

思考如何利用人工智慧來擺脫不想做的事情，以至於有型間做你喜歡的事情

產品設計核心｜

- brainstroming, ideation, workshop
- 定義ai 在生活產品中扮演的角色
- 分析框架

## AI 協助的強度(google ML Levels of Automation)

L1.沒有任何協助
L2.初步省略繁瑣的人工步驟
L3.提供創作選項的建議，整體創作的協助強度(整體到L3就夠了)
L4.直接進行部分創作的執行並讓使用者決定是否採用。
L5.生程式 ai 幫助(不是最終目標，而是看你 TA 的需求)

AI協助的等級對應到UJM

# case study

## PhotoCard Wizard （Visible AI, Level 3）
產品連結
https://www.photocards.ai/#wizard
實驗透過照片資訊產出對使用者有意義的模板工服務

- 透過AI分析工具（權重分配）找出關鍵字
快速產出祝賀詞語

運用AI找出使用者核心需求提供價值

- 限時既有的使用者行為
- 透過觀察、訪談理解背後價值
- AI技術可行性之探索

## 照片風格轉換（Visible AI, Level 5）
SnapJoy
https://apps.apple.com/tw/app/snapjoy-ai-christmas-camera/id6474116921?l=en-GB

現有行為：用戶找畫家幫忙畫水彩（具有商業價值的行為 -> 企圖透過 AI 工具提供服務，達成相同的效果）
觀察

**Tips 1 運用AI技術，能夠讓使用者更快速地體驗到產品核心價值**

藉由AI 繪圖給予更多情感
- 使用 Control Net 控制原照片主題與構圖
- 將臉部進行特殊處理降低詭異感（保留情感）

*運用 AI 技術，能夠讓使用者更快速地體驗到產品核心價值*

**Photo style transfer** 讓照片變成更有情感的圖畫

發現使用者：會在節慶時將真實照片付費給畫家畫成水墨畫或者油畫

AI 技術的探索與挑戰：

1. 如何讓照片維持同樣的熟悉度（情感）
2. 人物的臉是否看得出是原本的長相
3. 調整參數

**Tips 2 將AI技術適度包裝，創造屬於使用者能夠理的話語與價值。**

適應性編輯 - 千變萬化的素材
透過AI技術更能客製化符合使用者需求

**Tips 3 透過AI技術，能夠讓您的內容服務更客製化，符合人心**

### PicCollage在AI時代設計愉悅的使用者體驗
1. 清楚理解使用者旅程，從中找到突破點
1. 有意識的設計AI在旅程中所扮演的角色
1. 將AI包裝成使用者能夠理解語言與價值
1. 理解您的產品核心價值，讓AI放大該價值

As a product designer for AI

* 更專注在互動設計，更少介面設計
* 需要高度關注 AI 發展，將會擴充您對解決辦法的想像（增加設計觀點）
* 說故事（產品設計）的核心永遠都一樣，但説（設計）的方式或許會改變

Serious Tech, Friendly Design

> 立秦分享：Echo 一段 prev google map designer 說過關於 Gen AI 創作流程的觀點: https://x.com/elizlaraki/status/1733181224259027237?s=20