Human Computer Interaction · 115-1 · 2026.09.29
人機互動概論
第三週
讓手上那支手機,第一次回應你
W3開場
I3840 · W3 · 02
一路走來
W0
9/8
燈暗,先看了一支影片。你從一張白紙畫出一張四格的表,挑一個你天天在用的東西,想像它有了一顆會懂你的腦袋。第四格問它猜錯了你怎麼把它拉回來,那一格很多人卡住。 回家你去查了,真的有人做過嗎。
W1
9/15
你挑了一個每天都會開的網站,畫出一張六格的表,從你心裡、螢幕上、一路看到螢幕背後,每一格打了圈、叉或三角形。回家你把同一張表寫給 AI 看,讓它照著去看學校的網站,再跟你自己的答案對一次。
W2
9/22
你挑了一個從小看到大的英雄,找到他最撐不下去的那一段、手上有什麼。然後換成三十歲的你,走同一條路。 背面畫了一張海報,他那件東西正在回應他。回家你讓小幫手分成夢想家、設計師、工匠,把你缺的那一樣做出來。
W3開場
I3840 · W3 · 03
一路走來,你身上長出的能力
W0
9/8
W1
9/15
W2
9/22
夢想家想像一件天天用的東西,有了懂你的腦袋—站到三十歲,看見現在還看不見的那一段
設計師想好它猜錯的時候,你怎麼把它拉回來看出螢幕怎麼告訴你「可以按」「收到了」找出最難那一段,手上缺什麼
工匠從一張白紙,畫出自己的工具把你的判斷寫成 AI 照得著做的話指揮三個小幫手,把缺的那一樣做出來
W3打開
00:00
I3840 · W3 · 04
A4 → 工具
A4 紙橫放,照右邊那張畫正面
表頭三條、三列兩欄,格子先空著
這台販賣機叫
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)
他那一刻最想要的
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面,A4 紙橫放
W3打開
00:00
I3840 · W3 · 05
翻到背面
最上面寫「販賣機可以是什麼」
下面空著,等一下寫
販賣機可以是什麼
背面 · 寫在這裡
W3打開
00:00
I3840 · W3 · 06
把販賣機打開
你這時候是夢想家
答案都寫在背面那個標題下面,寫上題號
1除了飲料,販賣機還賣過什麼?
2舉一台你用過的販賣機:你給它什麼?它給你什麼?
3生活裡還有什麼,用起來跟販賣機一樣:你給它一點什麼,它馬上給你一樣?
4你三十歲那年,它會賣什麼現在還沒有的?
販賣機可以是什麼
背面 · 寫在這裡
W3打開
00:00
I3840 · W3 · 07
兩個人一組,他是你的使用者客戶
問他:三十歲那年,最希望有一台機器剛好出現在你身邊的那一時刻?
那時候在哪裡、在做什麼?寫在表頭第二條
那一刻最想要什麼?不一定是一樣東西
寫在表頭第三條
最後替這台機器取一個名字,寫在表頭第一條
這台販賣機叫
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)
他那一刻最想要的
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面,表頭三條
W3設計
00:00
I3840 · W3 · 08
手機可以感覺得到什麼?
你這時候是工匠
先摸清楚手上的材料(沒錯,手機是一種材料)
掃右邊,複製第一段,貼到 Gemini,工具選 Canvas
做好了按開始,跳出允許就按允許
它說做不到?一個字都不要改,再送一次
它感覺得到的,等一下填表格用得到
看一下旁邊的夥伴:同一段話,你們的長得一樣嗎?
提示詞掃這裡
W3設計
00:00
I3840 · W3 · 09
第 1 格:它要感覺到他的什麼?
左欄:他心裡那台販賣機,他跟它怎麼互動
問他:那一刻,你會怎麼讓它知道你在?會發出什麼聲音、做什麼動作?
照他的話寫,不要替他改
例:兩手都拿著東西,只能走到它前面,說一句「老樣子」
這台販賣機叫
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)
他那一刻最想要的
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面,第 1 格
W3設計
00:00
I3840 · W3 · 10
第 2 格:它要感覺到他的什麼?
右欄:聽完使用者想要的,身為設計師的你決定用什麼方式實現
你用什麼抓到第 1 格那件事:哪一種聲音或動作?靠多近?多久才算?
什麼情況不算?如果想不出來,回去看儀表板量得到什麼
例:她站在機器前 50 公分內,說出「老樣子」才算;後面排隊的人講話不算
這台販賣機叫
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)
他那一刻最想要的
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面,第 2 格
W3設計
00:00
I3840 · W3 · 11
第 3 格:它怎麼回應他?
左欄:他心裡那台販賣機,他跟它怎麼互動
問他:你希望它怎麼回應你?
你不想要它做什麼?
寫完對一下表頭第三條
例:直接給她每天喝的那一瓶,不要讓她選
這台販賣機叫
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)
他那一刻最想要的
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面,第 3 格
W3設計
00:00
I3840 · W3 · 12
第 4 格:它怎麼回應他?
右欄:聽完使用者想要的,身為設計師的你決定用什麼方式實現
你用什麼回應:它先做什麼,讓他知道它注意到了?
接著再做什麼?用畫面、聲音,還是震動?
例:螢幕先閃綠色讓她知道聽到了,再送出她每天那瓶無糖綠茶,不用按按鈕
這台販賣機叫
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)
他那一刻最想要的
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面,第 4 格
W3設計
00:00
I3840 · W3 · 13
第 5 格:它弄錯了怎麼辦?
左欄:他心裡那台販賣機,他跟它怎麼互動
問他:它認錯了、在不對的時候跳出來,你會怎樣?
例:趕車的時候給錯飲料會很氣,沒時間重來
這台販賣機叫
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)
他那一刻最想要的
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面,第 5 格
W3設計
00:00
I3840 · W3 · 14
第 6 格:它弄錯了怎麼辦?
右欄:聽完使用者想要的,身為設計師的你決定用什麼方式實現
你用什麼收回:他怎麼叫它停?
停了之後,多久不再出現?
例:送出前先唸出飲料名字,她說「不是」就停;一分鐘內只賣一瓶
這台販賣機叫
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)
他那一刻最想要的
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面,第 6 格
W3設計
I3840 · W3 · 15
範例:模範生的正面寫到這樣
這是範例,你的不能跟它一樣。空著的格子現在補
這台販賣機叫老樣子販賣機
它在他三十歲那一天的哪一刻出現(在哪裡、在做什麼)她三十歲那天早上八點,兩手提滿東西在捷運月台趕車
他那一刻最想要的不用放下東西、不用選,就拿到每天那一瓶
他說的我決定的
它要感覺到他的什麼1兩手都拿著東西,只能走到它前面,說一句「老樣子」2她站在機器前 50 公分內,說出「老樣子」才算;後面排隊的人講話不算
它怎麼回應他3直接給她每天喝的那一瓶,不要讓她選4螢幕先閃綠色讓她知道聽到了,再送出她每天那瓶無糖綠茶,不用按按鈕
它弄錯了怎麼辦5趕車的時候給錯飲料會很氣,沒時間重來6送出前先唸出飲料名字,她說「不是」就停;一分鐘內只賣一瓶
正面,範例
W3設計
00:00
I3840 · W3 · 16
拍下來:正面一張,背面一張
像掃描一樣清晰
拍完放大看一次,看不清楚就重拍
這兩張等一下給研究員讀,下課前也是交這兩張
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面 · 六格都有字
販賣機可以是什麼
背面 · 販賣機可以是什麼
W3做出來
00:00
I3840 · W3 · 17
研究員:開一本筆記本
你這時候是夢想家,你現在手上有兩張表格的照片
用手機打開 Chrome,在選單裡切換成「電腦版網站」
開 notebook.google.com,用你的 Google 帳號,按新增筆記本
學校帳號打不開,就換你自己的 Gmail
左上角的名字點一下,改成:I3840 W3 你的販賣機名字
新增來源 → 上傳檔案,兩張照片都傳
W3做出來
00:00
I3840 · W3 · 18
研究員:上網找有沒有人做過
你手上現在有:一本筆記本,裡面是你的兩張照片
左邊搜尋框下面的兩個選項不用改:網路、Fast Research
輸入:有沒有人做過__,空格寫它做的事
例:有沒有人做過用說話就能買飲料的販賣機
找到了按匯入
找到的都不像:按刪除,換一個說法再找
W3做出來
00:00
I3840 · W3 · 19
研究員:跟別人的做法比一比
你手上現在有:兩張照片、網路上找到的來源
中間的對話框,掃右邊,把提示詞第二段複製貼上,送出
讀它的回答:你的設計跟別人的,哪裡一樣、哪裡不一樣
回答下面按「儲存至記事」留著,不要按「轉換為來源」
提示詞掃這裡
W3做出來
00:00
I3840 · W3 · 20
研究員:寫成交接單
你手上現在有:兩張照片、網路上找到的來源
右邊的報告 → 文件 → 自訂報告
掃右邊,把提示詞第三段複製貼進去,按立即生成
等三分鐘,仔細讀過內容
提示詞掃這裡
W3做出來
00:00
I3840 · W3 · 21
工匠:做出來
你這時候是工匠
手上的交接單,就是研究員剛寫好的那份報告
1開 Gemini 新對話,工具選 Canvas
2複製第四段框裡全部,貼進輸入框,先不要送出
3回到筆記本,打開那份報告,按右上角的複製鈕
4回到 Gemini,在剛剛那一段後面換一行,貼上報告
5上面提示詞、下面報告,一起送出,做好了按開始
被拒就一個字都不改,再送一次
提示詞掃這裡
W3做出來
00:00
I3840 · W3 · 22
交給你的使用者客戶,讓他用
手機交給你替他設計的那個人,你們兩個同時換
他用,你看:它回應了對的東西嗎?
觀察到的記在心裡,這次回家自主學習任務會問你
W3交付
00:00
I3840 · W3 · 23
把它送給你的使用者客戶
先互相要對方的 Gmail,寫一封信給他,主旨寫:W3 你的販賣機
Canvas 右上角分享,複製連結,貼進信裡
回到筆記本,按報告右上角的複製鈕,交接單也貼進同一封信,寄出
你的信箱也會收到一封,是同學設計師為你做的那一台
W3交付
00:00
I3840 · W3 · 24
今天的成果紀錄
要上傳的:剛剛拍的那兩張
正面:表頭三條、六格都有字
背面:販賣機可以是什麼
不用上傳的:同學設計師寄給你的那封信
回家要用它
他說的我決定的
它要感覺到他的什麼
1
2
它怎麼回應他
3
4
它弄錯了怎麼辦
5
6
正面 · 六格都有字
販賣機可以是什麼
背面 · 販賣機可以是什麼
W3交付
00:00
I3840 · W3 · 25
現在就傳
這是第幾週選 W3,在哪裡做的選 課堂
→
1 正面那一張
→
2 背面那一張
上傳掃這裡
W3交付
I3840 · W3 · 26
回家:換你當設計師
星期二,同學設計師替三十歲的你做了一台販賣機
回家後換你當設計師,你的客戶是三十歲的你
1回到那一刻:找一個跟那一刻最像的時候
一樣的地方、手上一樣拿著東西、一樣的急或累
先想一下:三十歲的你在那裡做什麼?最想要什麼?
2打開 Gmail,點同學設計師寄來的連結,打開那一台販賣機
照你星期二跟他說的那個動作做一次
觀察三件:它有沒有發現你?回應得對不對?弄錯時你想怎樣?
用完馬上寫進文件一的第三節
W3交付
I3840 · W3 · 27
回家一小時:指揮三個小幫手
你手上有:你觀察到的三件,寫在文件一的第三節
夢想家:讀你的觀察,找出那一刻它該懂的
設計師:寫第二版交接單,什麼算一件事由你定
工匠:把它做出來,要接上 AI 腦
手冊掃右邊,一步一步跟著做
10/5 星期一晚上十點前
手冊掃這裡
W3交付
00:00
I3840 · W3 · 28
兩個禮拜後,你要去訪問一位六十歲以上的人
手上已經有人選的,舉手
還沒有的,這個禮拜找到
W3交付
I3840 · W3 · 29
你做的販賣機,第一次回應了一個人
你說得出哪幾個步驟是你決定的
回家,接手同學替你做的那一台
當設計師,替三十歲的自己繼續改