G9 臥底 UX 之招募新血

「給我個機會，我想做好 UX Designer…」

HPX 讀書會第九小組（簡稱 G9）自成軍以來，陸續完成「資訊架構學北極熊版」與「資訊架構學小超人版」後，休息了一會兒，現在要開始向下一階段邁進了。

因為想要同時學習做臥底 UX 和英文，所以下一本書選擇的是 Undercover User Experience Design。

這本書很實務地涵蓋了 UX 裡需要做的事和技巧，並且以從小處做起、馬上實行為目標，非常適合應用在企業裡（無論韓琛公司是否支持 UX）。

進行方式

• 雖然這本書的英文不算深奧，但是考慮這畢竟是外國文字，因此暫訂兩週一次，讀書的壓力會減輕一些。每次要有人負責導讀（如果覺得有需要，也可以兩個人一起分擔）
• 時間暫訂是隔週的週四
• 每次也希望安排小作業，讓大家回去實際嘗試一下（這本書不配合實習課，就真的說不過去了）　:-)
• （其實暗中還有計劃每次規定用英文談 UX 卅分鐘，不過這部份還在研議中…）　^^|||

招募新血

預計招募六位新血，如果有興趣的人真的很多，再視情況安排。
目前計劃在 5/24 召開第一次說明暨全書綜覽會。
歡迎有志抓內鬼學習 UX 的青年、壯年和中年一起來讀書！

主辦：HPX 讀書會第九小組（簡稱 G9）
時間：5/24（四）晚上 7:30

地點：悠識數位Ｕ教室（感謝悠識贊助場地）
費用： 0元…是的，參加讀書會活動不用錢！

報名

報名請在下方留言。

關於HPX Campus ^beta（HPX 校園^測試）

HPX Campus 除了希望把實務經驗帶進校園，讓年輕的學子提早接觸業界資訊外，也希望把 HPX 的分享和交流精神帶進校園。所以除了主題演講外，在活動中也希望有多一點實際的互動。因此，HPX Campus 非常需要 HPX「學長姊」的支援，在每一次的活動裡和在校的同學們交流一點自己的經驗。

除了實體的活動外，也歡迎加入 HPX Campus facebook 社團
http://www.facebook.com/groups/hpx.campus/

講題：透過洞察來改變社會的互動設計

主講：Kyle Lin（台灣互動設計協會會長／ Leader, IxDA Taiwan）

內容

互動設計不只是業界的流行名詞，它其實在生活中的很多層面都可以觀察與應用。Kyle 會分享關於互動設計的種種，包括：

什麼是互動設計？

• 人與人、人與物、物與物之間到底存在什麼樣的關係？又是怎麼互動的？
• 在日常生活中，什麼東西已經被”互動設計”過了？
• 什麼是好的互動設計，什麼又是不好的互動設計？
• 互動設計如何引領下一個世代的世界改變？
• 互動設計實例、影片分享

為什麼同學應該了解互動設計？

• 如何透過互動設計為你的報告、作品甚至人際關係加分？
• 如何透過觀察、思考、拍起來，重新認識你周遭的世界？
• 互動設計在企業中是怎麼被運用？
• 互動設計未來的出路有哪些？

這個題目非常適合製作專題的同學來聽，瞭解如何在各種資訊系統和網站中注意並應用互動設計的觀念，讓系統更適當地協助使用者。

關於 Kyle Lin

Kyle Lin 目前是 IxDA（台灣互動設計協會）的會長，投入業界以來致力於學習、研究人機介面設計（Human-Computer Interaction）以及使用者研究（User Research），對於探討了解人／物之間的互動模式有著瘋狂的熱情。

2010年成立 IxDA Taiwan，致力於推廣互動設計在台灣的能見度，透過業界發起的數次大小聚會凝聚互動設計界的動能，希望透過新興的互動設計改變世界，並為自己生長的台灣社會盡一份心力。

IxDA Taiwan 粉絲專頁
http://www.facebook.com/ixda.tw
歡迎大家加入！

時間

2012年5月21日（星期一）7:30pm-9:30pm
演講與問答討論：1~1.5 小時，交流時間：30 分鐘

地點

銘傳大學基河校區 J407 教室
台北市士林區基河路 130 號

》查看地圖
捷運劍潭站 1 號出口，沿基河路向西北方走（靠左邊），大約 7~8 分鐘就到了。
中間會經過百齡高中、已經倒掉的台北海洋館；
也可以看到對面的士林夜市（剛搬回去、新蓋好的）。
樓下是松青超市和台南海鮮，
從松青旁邊的門進來，坐電梯到 4 樓就可以了。

其他 HPX 社團

HPX Junior facebook 社團 http://on.fb.me/hpx-junior
歡迎30歲以下且有興趣參與網站企劃經驗交流的朋友加入。

HPX 讀書會 facebook 社團 http://on.fb.me/hpxbook
歡迎有興趣參與網站企劃讀書會的朋友加入。

HPX Life facebook 社團 http://www.facebook.com/groups/hpx.life/
歡迎想要學習生活，分享生活體驗的朋友加入。

【如何報名】

目前測試期，暫無正式報名機制。
》報名請加入 HPX Campus facebook 社團並留言回覆，以便掌握出席人數。

關於HPX Campus ^beta（HPX 校園^測試）

HPX Campus 除了希望把實務經驗帶進校園，讓年輕的學子提早接觸業界資訊外，也希望把 HPX 的分享和交流精神帶進校園。所以除了主題演講外，在活動中也希望有多一點實際的互動。因此，HPX Campus 非常需要 HPX「學長姊」的支援，在每一次的活動裡和在校的同學們交流一點自己的經驗。

除了實體的活動外，也歡迎加入 HPX Campus facebook 社團
http://www.facebook.com/groups/hpx.campus/

講題：super Q 的冒險之旅 – App Star 競賽經驗分享

主講：林稚蓉 Chris Lin（程式設計師 / 簡報訓練師）

內容

Chris 會分享他們團隊（super Q）參加台視 App Star 比賽的經驗，從團隊的組成、技術的學習、系統的設計與執行、專案的管理，到競賽的成功關鍵因素等。此外，他會談談 Android 開發的經驗，也會給同學一些學習和預備的建議。

這個題目其實非常適合專題研究的同學來聽，瞭解一個專案和團隊如何建立和管理。他們的團隊還有出書《第一次學 Android 就上手》，有興趣的同學也可以參考。

關於 Chris 與 super Q

林稚蓉（Chris Lin）目前是 soho 的程式設計師，主要負責開發網站和行動方面的應用。他們的團隊 super Q 參加台視「App Star 高手爭霸戰－市集應用軟體設計大賽」，在 266 組的參賽團隊中，不但入圍決賽，也榮獲社會組佳作（就是前五名）。

此外，他們也和鄭一鴻老師一起將學習與開發 App 的過程，整理並出版了 Android 開發的書《第一次學Android 就上手》，從 Java 基礎、Android SDK，一直到雲端、專題和行動付費都涵蓋在內，非常值得參考。
《第一次學 Android 就上手－從Java程式設計到行動裝置專題製作》

時間

2012年4月16日（星期一）7:30pm-9:30pm
演講與問答討論：1.5 小時，交流時間：30 分鐘

地點

銘傳大學基河校區 J407 教室
台北市士林區基河路130號
》查看地圖
捷運劍潭站 1 號出口，沿基河路向西北方走（靠左邊），大約8~10分鐘就到了。
中間會經過百齡高中、已經倒掉的台北海洋館；
也可以看到對面的士林夜市（剛搬回去、新蓋好的）。
樓下是松青超市和台南海鮮，
從松青旁邊的門進來，坐電梯到 4 樓就可以了。

其他 HPX 社團

HPX Junior facebook 社團 http://on.fb.me/hpx-junior
歡迎30歲以下且有興趣參與網站企劃經驗交流的朋友加入。

HPX 讀書會 facebook 社團 http://on.fb.me/hpxbook
歡迎有興趣參與網站企劃讀書會的朋友加入。

HPX Life facebook 社團 http://www.facebook.com/groups/hpx.life/
歡迎想要學習生活，分享生活體驗的朋友加入。

【如何報名】

目前測試期，暫無正式報名機制。
》報名請加入 HPX Campus facebook 社團並留言回覆，以便掌握出席人數。

/藍鑫

2012年的第一場HPX，我們從產品企劃中間的甘苦開始談起吧！

產品企劃箇中甘苦各有不同，在這次的HP32中，我聽見兩個讓我感觸深刻的企劃歷程，一是FHM，另一則是Accuvally-盈科泛利。感動我的點在於中間經歷的震撼與我過去個人經驗中需要的跟缺少的部分，彼此相聯結。雖然主題是產品企劃，我卻感受到這些人背後的特質與堅持的力量。

簡少年，用一個故事讓我開始思考，我到底有沒有勇氣面對我人生中突如其來的大型挑戰。上班第一天，要求研究原本網站有哪些問題，簡少年研究分析完之後，董事長要求重新設計，而且「要看到跟真實網頁一樣的內容」，上班不到三天得到這樣的任務，捫心自問，我是會退縮的，但少年抱著對挑戰的熱情，擁抱它並解決它，使用Excel與螢幕截圖製作擬真度極高的原型網站，去掉Excel的程式工具列，你會以為你在用瀏覽器，而不是Excel。提出了網站原型，也改變了網站的呈現方式，少年也一步步把未善加利用的內容，及網路上有趣、有料的內容放進網站內，讓社群對網站產生更多期待。少年給了我一堂重要的課：對一件事情面對態度的差別會影響事情的結果，自己原本的立基點大小僅有少數關聯，最後取決於自己有多努力達成，機會隨之降臨，若沒有機會，想必是時間還沒有到，等待更美麗的機會。

John，從自己開始思考，想著自己是誰？想著要做什麼？編織着什麼樣的夢？反覆思考着自己的定位，也在思考網路產業是否能夠靠3G賺錢？回到根本，John問自己到底為什麼要做夢呢？因為從小看到故事中的偉人看魚逆流而上，也聽他們說要立志做大事，不要做大官。思考與實作並行下，把Accuvalley打造成變形金剛，逐步完成自己的創業夢想，在一開始創業的時候非常快樂也非常自由，但久了自己的肝越來越不好，身體健康成了很需要注重的環節；在創業中各個環節都需要善加利用工具，例如發想時可以用心智圖工具、規劃時善用專案工具，除了工具之外，更要注意三重制約：規格、時間與成本三者的關聯性，當規格擴大則開發時間等比增加，開發成本相對提高，這三重制約也提醒了我現在所有想法需要再次針對實際需求重新思考，想要提供更好的網站介面與使用者經驗，後續的開發時間與成本更需仔細斟酌，再次提醒自己還有更多創業的細節需要逐一注意。

新創公司最需要在意的是成本，重視進度管控增加自己的效率，找一個「狀況內」的PM把資訊分類，早期篩選內容；慎選開發執行工具，網路服務產品本身需要分層式設計，增加資訊安全性；John身為公司的創辦人，意識到自己身上的裝備行動化，有助於自己工作執行，這些技巧都可以透過訓練得來，保持對產品與自己的熱情是得要自己一步一步累積維持，持續搜尋市場，保持探索未知的心態讓自己進步得更快，創業是孤獨的，需要多培養一些興趣，也需要自High，團隊中的人會用手溫暖彼此的手，在走上人煙罕至的這條路時，我們要趁早地勇敢前行。

這半年來，向很多前輩虛心請教，才逐漸明白自己現階段更需要調整態度，積極向前，日前跟一位前輩交流之後才發現，原來他這一路累積，從網路媒體到現階段的工作，其實不脫行銷與企劃，做這些事情的努力讓我更清楚地知道，每一步都需要有更深刻的累積，無論是產品企劃或者是其它面向，這兩段故事讓我看見更多可以補足的GAP，我也希望自己多專注在怎麼開發出更有趣的活動，讓TEDxTaipei的活動啓發更多人投入改變教育的行列，要做的不必多，只要用我們自己所接觸範圍內的人，一起開始多學習不同的事物，建立一個起點，我相信很快就會有不同的循環產生，熱愛自己的世界吧，改變教育從此開始，生活將會逐漸變好。

原作者：Henry Lin
出處：Henry Lin 的 Facebook 網誌

這次的 Junior 很熱鬧、很熱血、很精彩，也因場地的關係，增加了許多互動交流，不過也讓 主持人藍鑫 ，很緊張。

要先感謝提供場地的 掌方軟體公司 。

藍鑫主持處女秀，正式開始，HPX的介紹就不多說(請上http://hpx-party.com/)，HPX讀書會目前有3X組，遍及北、中、南，讀書會除了讀書以外，也邊讀邊做，尋找相關議題項目實際執行，發展網站企劃、製作App、設計舊書交換服務、Open HPX 等等項目不斷被發掘進而執行，相信未來的HPX會很有趣。

主持人先分享自己的故事，運用駭客任務短片，告訴你我 Nothing Is Impossible，用些簡單的故事(圖片)，說明，』人生是串聯而成的』，』而他最想做的事?;改變!』，“你前進的方向擁有光芒”，簡單的開場，卻引起本次活動的熱情。

第一位分享者 – Edward Chiang (江鍾權)，分享 Interaction Of Visual Design (2011 粉樂町 iPhone/iPad app 為例)

App 功能特色 –

• 展覽
• 活動
• 拍照
• 最新消息
• 介紹、影片

Developer 起頭進行 -

• 整個App骨架
• 將所有元素放置App裡頭
• Paper Prototyping – 紙上原型 (利用紙張製作(畫)出原型，與客戶進行初步的溝通)
• Static images – 靜態圖像 (與客戶溝通好Paper Prototype，將Paper Prototype製作成實際Static images)
• Interaction on device – 在設備上互動 (將製作成的Static images，放到設備上簡易的互動，進而溝通)
• iPhone + SDK – App系統 (了解客戶想開發的系統，開始製作)
• Grouping – 群組化 (頁面主要資訊，進行群組分類，提高使用者閱讀舒適性)
• Stratification – 階層化 (組織資訊架構，方便使用者，找到需要的資訊)
• Calibrate – 校準 (進行最後確認)
• 不要讓Designer獨立執行 – 因為需要團隊相互的溝通，才是對Designer及團隊最有幫助的。
• Designer要從初期就開始參與製作 – 如果Designer後期才參與，除了製作有許多限制，跟團隊溝通的也少，以致影響App品質。
• 整體畫面、排版、顏色要通通一起考量，才能做出重要取捨 – Designer當然要在此發揮專業，也要了解使用者，與團隊溝通，達到最好取捨。
• 善用空間 – 了解使用裝置，在有效的空間，製作好的使用者體驗。

第二位分享者 – Tower Chen (陳宥安)，分享 企劃的另一張嘴–讓企劃書幫你說話

一開始的自我介紹已經讓Tower停不下嘴，就是在提醒想做企劃的朋友，旅途過程可能造成心理壓力或身體不適等症狀，心臟無力者請勿參與！

『回頭是岸』!

企劃書 -

• 企劃書 = 計劃書
• 蓋房子的藍圖
• 分析的過程
• 解決問題/提出做法
• 其實就是 一套邏輯思考的架構及過程

思考架構 -

• 架構
• 人事時地物
• 5W2H1E
• 起承轉合

5W2H1E –

• Why(為什麼) – 緣由、故事、前景
• Who(誰) – TA (目標客戶)、執行者、對內or對外
• What(什麼) – 目標、內容
• How(如何) – 做法、方案
• When(何時) – 時間上限
• Where(何處) – 瀏覽器、使用裝置
• How much(多少) – 多少錢(用的、回收的)
• Effect(效果) – 預測企劃結果、效果

適當的創意為企劃書加料，就是要「有梗」!
因時間有限，Tower分享正精彩，都說到嘴邊了，卻要收回去，看來上台分享不是結束而是開始。

第三位分享者 – Anderson Lin (林憲駿)，分享 APP人生 之 一場奇異的小旅行 – 電子書App開發筆記

小旅行學 – 目的地不是唯一的目的

真是一場奇異的小旅行，幾位不同領域卻志同道合的人，在這之前都發生一些人生的巧妙插曲，才引導至今，成立 點醒數位 ，尋找 小旅行學(新一代設計展-金獎) 製作團隊，把小旅行學的概念，從書發展到電子書App，相信他們一定會成功，屆時再次邀請他們一起與HPX分享

緊接著，下一位分享者

第四位分享者 – Leader, Jun (李紅豆) ，分享 你有多重人格？窺視IxDesigner的設計黑箱

開始就利用自己的故事，來分析自己的多重人格是如何建立的，從童年到高中，大學讀多媒體設計系，其實就是設計類的企管系，也發現自己什麼都會卻也不專精，因此踏入互動設計，這個需要跨領域、溝通、赤子之心才能進入的領域。

多重人格的人，其實人格結構還是維持完整，就像魔術方塊有六個面一樣，能獨立運作及轉換。

從醫生的觀點認為多重人格的特點 -

• 不同人格可以是以 不同年齡層、不同性別，而且每種人格都可以獨立與他人相處，或有自己的思考模式。
• 有些人格知道其他人格的存在，有些則否；同時，至少有一、二位人格出面統合整個人的行為。
• 不同人格的變換過程通常是突然且戲劇化的。
• 多重人格障礙通常是漫長或一輩子的病程。
• 多重人格的病因多半是幼時遭受長期虐待而造成人格扭曲。

不過 上帝為你(他)關了一扇門，必為你開另一扇窗。

互動設計，評估使用者行為 -

• 使用性負責，包括使用者執行效能與滿意度，那些形式應該被規格化，是否要使用滑鼠或者軌跡球，是否要有實際的鍵盤等，以確認在“介面使用過程保持一致”。

在這樣的自我人格溝通整合的過程中，尋找滿足99.9%使用者需求，在合作夥伴都又要達成80%的情況下，挑戰20%的創新設計，所以我(分享者)想把所有創新設計者通通抓來分析人格 XD。
利用 台灣製造的 生日音樂蠟燭 ，說明以上觀點。(要團購嗎? XD)

互動設計 -

• 執行參與的經驗or實際學習及了解
• 不只是同理心，更是要親身體驗，才是真實感受
• Persona scenario – 人物場景 (了解使用者)
• 練習快速轉換人格，讓整合溝通彈性愈大
• 因為有了』假性』多重人格，你擁有不同思考角度，也有著不同的生活興趣，更會有著許多衝突的怪異習慣，但這些都還是你，因為，只有你可以掌控整合他們，創造出屬於自己的一番見解。

活動接近尾身(早就超過時間)，簡短結尾。(趕人)
此時夜深人未靜，都不散場，還站在人家公司樓下續攤 XD。

這次大家的自我介紹都說得意猶未盡，欲罷不能，似乎也產生不少未來的分享者。

感謝本次攝影師 Erica & 昱廷，還有主持的很精彩的 藍鑫。

感謝給予交流的朋友，還有HPX。

One More Thing…，歡迎加入G22 設計思考改造世界 讀書會

P.S.
2. 陳保元 – PimLove / http://www.pimlove.com
19. 謝守澤 – Uxmap / http://www.Uxmap.net
20. 施俊豪 – 桑格設計書店 / http://www.fb.me/sungoodbookstore
30. 陳怡靜 – 2011互動經驗設計與數典服務應用研討會 / http://2011ixdda.ics.nctu.edu.tw/
37. Erica – 甜甜圈工作室 / http://www.fb.me/happybuttonkids

Edward -
粉樂町 / http://itunes.apple.com/tw/app/id449096908?mt=8

Anderson -
點醒數位 / http://www.facebook.com/pages/%E9%BB%9E%E9%86%92%E6%95%B8%E4%BD%8D/221451361225620

李紅豆 – RED．Interaction design /
http://www.fb.me/Red.Ixdesigner / http://leaderjun-d.blogspot.com/

（如有錯，請予以指正！謝謝！）