網路、設計、使用者經驗

講題：

網路、設計、心理學使用者經驗web, design, psychology user experience

www.xxc.idv.tw陳啟亮 [email protected]

目前職稱: 網站資訊架構師

什麼是資訊架構師What is Information Architect

建築師, 不規劃房子規劃網站的

我們公司想做個網站，你們明天作個首頁來提案吧

1網站 2設計 3專業 4失靈 5參與

誰來規劃網站？

• 視覺創作者: 設計師• 網站是一種互動多媒體的表現



• 作者: 文案、編劇、導演(作者論)• 網站是一種敘事形式

• 視覺創作者: 設計師• 網站是一種互動多媒體的表現



• 管理者: 專案經理/產品經理• 網站是一種產品

• 視覺創作者: 設計師• 網站是一種互動多媒體的表現• 作者: 文案、編劇、導演(作者論)• 網站是一種敘事形式



• 工程師• 網站是一種資訊系統

• 視覺創作者: 設計師• 網站是一種互動多媒體的表現• 作者: 文案、編劇、導演(作者論)• 網站是一種敘事形式• 管理者: 專案經理/產品經理• 網站是一種產品



• 行銷、傳播專業人士• 網站是一種傳播媒體

• 視覺創作者: 設計師• 網站是一種互動多媒體的表現• 作者: 文案、編劇、導演(作者論)• 網站是一種敘事形式• 管理者: 專案經理/產品經理• 網站是一種產品• 工程師• 網站是一種資訊系統



• 視覺創作者: 設計師• 作者: 文案、編劇、導演(作者論)

• 管理者: 專案經理/產品經理• 工程師

• 行銷、傳播專業人士

• 網站是一種互動多媒體的表現• 網站是一種敘事形式

• 網站是一種產品• 網站是一種資訊系統

• 網站是一種傳播媒體


網站設計/企劃者的奮鬥


在台灣，你不會想被叫做”美工”


提昇地位

1. 變得更像藝術家2. 變得更像銷售員3. 變得更像(理性的)專業人員


例子 1


Deborah Adler School of Visual Arts MFA in Design program


例子 2


Pizza tripod

小處著手：追求完美的設計Small Things Considered : Why There is no Perfect Design

Henry Petroski, 陳正芬(譯), 時報出版


藏於民間，隨手可得，不愧為最佳設計之首

http://www.flickr.com/photos/80445716@N00/3353181375/


設計師的專業化：也許來一些心理學與社會學


設計

• [名詞]. 製作某物以解決使用者特定問題的過程.• [動詞]. 決定如何製作出某物以解決使用者特定問題.


Dervin's sense-making metaphor (1992)


UCD, User centered designThe human-centred design process, ISO-13407 (ISO 1999)


UCD

確定設計問題

了解使用情境

建構解決方案

檢驗設計

確定使用者需求


例 1


Jakob Nielsen(2006)

Enquiro (2006)1網站 2設計 3專業 4失靈 5參與

Think Eyetracking (2008) 1網站 2設計 3專業 4失靈 5參與

Reader don’t Read!!

On the average Web page, users have time to read at most 25% of the words

Jakob Nielsen (2008) 1網站 2設計 3專業 4失靈 5參與

例 2


Jan Chipchase

• Principal Researcher at Mobile HCI Group of Nokia Research

• has a Master degree of User Interface Design in UK

• has a Blog http://www.janchipchase.com/

• is living and working in Tokyo


Photos: Center of Gravity, Jan Chipchase, Berlin, Tokyo, 2003, 2004.


例 3


小筆電


Asus eeePC


Acer Aspire One


Ubuntu Netbook Remix

1網站 2設計 3專業 4失靈5參與

HP Mini Note Dashboard


設計者失靈哪一個設計”客觀上”比較好？


意外行為Thoughtless act

設計者失靈 (1)

Thoughtless Acts?: Observations on Intuitive Design (Hardcover)by Jane Fulton Suri (Author), Ideo (Author)

http://www.thoughtlessacts.com/


http://www.flickr.com/photos/stribs/363124906/in/pool-thoughtlessacts/

設計者失靈 (1)


人性: 並非完全理性行動

設計者失靈 (2)


Herbert Simon:剛好滿意satisficing

設計者失靈 (2)


Don Norman: Emotional design

1988 2004

設計者失靈 (2)


• 吸引力（感覺的, visceral ）• 功能性和可用性（行為的, behavioral）• 品位（反思性的, reflective）

設計者失靈 (2) Don Norman: Emotional design

Herbert Simon:剛好滿意

• Satisficing• 決策時不會考慮最佳的解決問題方法• 夠用就好


設計循環時差

設計者失靈 (3)


UCD

確定設計問題

了解使用情境

建構解決方案

檢驗設計

確定使用者需求


設計師的除魅


參與式設計Participatory design


參與式設計

• 空間設計• 建築• 社區、都市規劃


成功的參與式資訊設計

• Folksonomy (scoial tagging) • Wikipedia• Open source


by Wesley FryerCC Attribution-Share Alike 2.0 Generichttp://www.flickr.com/photos/wfryer/433566428/


但也有失敗的


造物者之死

• 將資訊設計，從一種”造物”的觀點，轉為另一種” 系統”的觀點• 資訊生態系統 Information ecologies• 資訊經濟學 Information economics• 社會科技網絡 Socio-tech network


Photo by Nienyi Hohttp://flickr.com/photos/honienyi/2216528946/ CC 2.0 Attribution-Noncommercial-Share Alike

例：圖書館/書店/漫畫出租店的分類法


例：瀏覽者與搜尋者


ending

新店慈濟醫院

Bad不清楚的導覽

Good超互動導覽

Thanks,

www.xxc.idv.tw陳啟亮 [email protected]

網路、設計、使用者經驗

Design

Transcript of 網路、設計、使用者經驗