漫遊者工作坊 - 心理系網站再設計

漫遊者⼯作坊 - 會後筆記 2017/12/27 台⼤⼼理系 Facilitators Miracle Wang / Jeff Hsieh Time 19:00-21:30

About This Project - ⼼理系網站再設計 那些⼼理學教我們，以及沒教我們的事情。 這是個從⾃⾝周遭環境著⼿，實踐以⼈為本思維&設計的計畫。

前⾔- ⼼理系網站再設計計畫

Techniques Affinity diagram Card sorting Cognitive walkthrough

Notetaker/ Jeff Hsieh

以⼈為本的設計，或是使⽤者中⼼設計 (User-centered design) 已經是當代最為重要的設計典範，⽽ ⼼理學作為⼀⾨研究⼈類的知識，或許，可以帶著在不同層次上對⼈類的理解，投⾝於這股浪潮中 破浪前⾏。系網站再設計，正好打開了⼀個空間，可以實踐那些⼼理學/系曾教過我們的事情，更重 要的是，引⼊那些⼼裡學/系不曾教過的。這個⼯作坊會在具體的技術演練中，傳達使⽤者經驗設計/ 研究中的⼀些實⽤訣竅。在這份⽂件中，將會⼤致紀錄⼯作坊過程，同時補充⼀些活動構想的細節， 試著為這⼯作坊留下記憶上的印記。

過程- 網⾴結構的發想與收斂 活動為分為兩個主要部分： 活動1: 以卡⽚演練「親和圖表法」(Affinity diagram) 以及「卡⽚分類」(Card sorting) 活動2: 練習採取使⽤者的視⾓，進⼊特定的⾓⾊執⾏任務。改編⾃認知演練 Cognitive walkthrough。

活動1 - 卡⽚分類 這個活動涉及兩個研究⽅法：卡⽚分類(Card sorting)以及親和圖表(Affinity diagram)，這兩種⽅法 有個共通點，就是都會將概念變成⼀張張的卡⽚(或便利貼)，散落在桌⾯上，參與者需要將這些卡⽚ 進⾏分群，然後為群組命名。⽽相異之處在於，卡⽚分類著重在分完群之後，觀察這些分群與原本 欲改善介⾯(舊版網站)的差別；親和圖表則是著重在「抽象概念的抽取」，從原始散亂的概念中抽取 出第⼀層能涵括以下卡⽚的「敘述/概念」，接著再從第⼀層往上抽取出類似的「態度」。在應⽤層 ⾯上，卡⽚分類可以⽤來釐清使⽤者⼼中的資訊架構，親和圖表常⽤於整理⼤量的質性資料，例如 訪談中節錄的句⼦，或是在場域裡的觀察。以上是簡單的⽅法摘要，如果要了解細節就請⽤關鍵字 問 Google 囉。

活動1-A 概述 •將參加者分為兩組，兩組成員性質盡可能接近（同時具有低、⾼年級） •將打散的網⾴功能卡⽚，根據其在各個⾯向的的相似度分群，並且命名(此⽅法套⽤ Affinity diagram的運作⽅式)。

•完成分類後進⾏說明，得知彼此分類⽅式。 產出 兩種網⾴卡⽚的分類⽅式。（供後續使⽤） 活動1-B 概述•依照參加者⾓⾊進⾏分組，共三組：低年級、⾼年級、研究⽣。 •從⾃⾝出發，針對網⾴卡⽚進⾏分類（此⽅法為 Card sorting）。 •分類完成後，分享彼此分類⽅式。 •取出三組的交集。（供後續使⽤） 產出三種分類⽅式，以及共同交集的分類⽅式

活動2 - 情境探索 這部分活動分為三個 Steps，主要演練採取使⽤者觀點，並且此⽤此觀點為上⼀個活動的產出進⾏評 估。在原初構想這個活動時，認為 Cognitive walkthrough 的演練不單是練習⼀種研究使⽤者的⽅ 法，也是⼀種研究員⾃⾝⼼態的訓練。有時候在產品開發階段，並不⼀定要執⾏完整的使⽤者研究 後才可以⽤使⽤者視⾓來審視產品。有時，也會受限於資源難以執⾏研究，這時候就要⽤僅有的線 索（無論是次級資料或是⾃⾝經驗）來設想使⽤者可能會有的⽬標以及任務。

Step1. 典型使⽤者 •分⼩組進⾏討論 •彼此交流如何使⽤系網站 •將彼此經驗集結為⼀個典型的使⽤情境 •情境元素：時間、空間、⼈、⽬的、任務 產出 - 三個⾜夠豐富的情境故事 低年級⼤學⽣：『在選課前(或是選課中)，使⽤電腦來到系網站，這時候⾃⼰⼀⼈，看著修課建議的 課程排序，決定⾃⼰在下個學期要安排的課程。』 ⾼年級⼤學⽣：『在逆光主編的催促下，趕緊在系網站尋找教授的研究領域以及聯絡資訊，搜尋在 條件上能夠符合專題採訪的教授。在教室使⽤筆電⽤系網查教授 email，並了解教授的研究領域，以 利決定要加⼊哪個實驗室。』 研究⽣：『剛⼊學的碩⼠⽣，帶著輕鬆的⼼情，使⽤電腦來到系網站查資料，可能查詢修業相關資 訊，也可能查詢教授相關資訊，找到⾃⼰想要的資料後，就直接關掉網站。』

Step2. 進⼊⾓⾊ •想像⾃⼰為⼩組的⾓⾊，設想： •⼀⽇⾏程 •使⽤系網站的時機 •使⽤⽬的

•帶著這些設想，討論⽬前的分類成果

Step3. 點⼦漫遊 •帶著上⼀階段的觀點，重新檢視以下分類： •活動1-A 的分類 •活動1-B 的最終分類 •分別針對這些分類，提出想法 •讚許之處 •可改良之處

結語- 重視使⽤者的視⾓，是使⽤者經驗設計的重要⼀⼩步 在⼯作坊中，我們重複演練了使⽤者經驗設計中重要的步驟：採取使⽤者的視⾓來看待設計。儘管 每個⼈都有⾃⼰獨特的知識、偏好、品味與判斷，但在產品開發過程，使⽤者經驗研究員/設計師為 了讓設計充分考量使⽤者需求，需要不斷來回在⾃⼰的品味以及使⽤者的視⾓間進⾏切換。使⽤者 的視⾓無法來⾃於憑空想像，⽽是來⾃於實際在使⽤場域進⾏觀察、與使⽤者互動。這次⼯作坊我 們使⽤了⽐較好進⼊的⾓⾊，同時因為時間受限，我們也較少提及使⽤者研究的步驟，但未來在執 ⾏專案，記得要跑研究啊！(請畫線)。 重視使⽤者的視⾓，使⽤者中⼼設計的重要起步。作為起步，意味著後續還有許多事情要做；同時， 好的起步不保證好的結果。在產品開發的路途上，還有許多的未知、難以控制的變項等著我們，⽽ 透過專案經驗的累積，這些可掌握的部分就可以不斷擴⼤。要學的事物還很多，未來也⼀起加油。