如何利用測試得出網頁字型的方法

17
如何利用測試得出網頁字型的方法 講者:黃婉貞 2012.05.20 1 Design Practice 6

Upload: wan-jen-huang

Post on 20-Jul-2015

1.003 views

Category:

Documents


8 download

TRANSCRIPT

Page 1: 如何利用測試得出網頁字型的方法

如何利用測試得出網頁字型的方法

講者:黃婉貞

2012.05.20

1

Design Practice 6

Page 2: 如何利用測試得出網頁字型的方法

研究動機

vs.

2

Page 3: 如何利用測試得出網頁字型的方法

文獻回顧

• Font-size: Performance has been shown to increase on paper tasks when a 12-14 point size is employed; many older adults seem to prefer these sizes of type relative to smaller sizes (Ellis & Kurniawan, 2000).

• Font-family: Text set with sans serif typeface has been found to be read more easily by older adults(Grabinger & Osman-Jouchoux, 1996). Sans serif typefaces include Helvetica, Ariel, and Univers.

3

Page 4: 如何利用測試得出網頁字型的方法

文獻回顧

• Web Usability and Age: How Design Changes Can Improve Performance (Chadwick-Dias, McNulty, &

Tullis, 2002)

4

Page 5: 如何利用測試得出網頁字型的方法

實驗

中文字組成元素:

字型

字體大小

行距

5

Page 6: 如何利用測試得出網頁字型的方法

實驗

字型:新細明體、標楷體、微軟正黑體

字體大小:大(26px), 中(21px), 小(16px)

行距:五次的平均值

6

Page 7: 如何利用測試得出網頁字型的方法

情境腳本

• 徵求一位自願者,扮演受試者。

• 受試者背景設定:

1) 年紀68歲的銀髮族,男女不拘

2) 平時有用電腦上網的習慣

3) 健康狀態佳,可自行打理生活與出門活動

• 情境說明:

1) 在活動中心偶遇主試者(婉貞),聽完實驗目的說明後,同意參加實驗。

2) 實驗開始。7

Page 8: 如何利用測試得出網頁字型的方法

受試者個人資料表編號:__________

性別:□男 □女

出生年次:民國 ______ 年

教育程度:□國小以下 □國中 □高中職 □五專

□大學 □碩士 □博士

請問您有使用電腦的習慣嗎:□經常使用 □偶爾使用 □不曾使用

第一部份

第一名:編號 ______ 第二名:編號 ______ 第三名:編號 ______

第二部份

8

序號 一碼 二碼 結果

1

2

3

4

5

Page 9: 如何利用測試得出網頁字型的方法

實驗畫面:字型x字體大小

9

Page 10: 如何利用測試得出網頁字型的方法

實驗畫面:行距

10

Page 11: 如何利用測試得出網頁字型的方法

實驗

結果:

第一名

大型(26px) 微軟正黑體

平均行距

41.55 px

11

Page 12: 如何利用測試得出網頁字型的方法

實驗

討論:

與英文文字的文獻符合:

Sans Serif (Ellis & Kurniawan, 2000)

但是…

也許忽略了重要的事情?

12

Page 13: 如何利用測試得出網頁字型的方法

找出不合理的地方

13

男性 女性 總計

60歲~64歲 7 7 14

65歲~69歲 3 1 4

70歲~74歲 4 3 7

75歲~79歲 2 5 7

80歲~84歲 1 2 3

總計 17 18 35

人數 百分比

國小以下 12 34.3%

國中 4 11.4%

高中職 11 31.4%

專科 2 5.7%

大學 5 14.3%

碩士 1 2.9%

博士 0 0%

總計 35 100%

人數 百分比

經常使用 6 17.1%

偶爾使用 9 25.7%

不曾使用 20 57.1%

總計 35 100%

受試者性別與年齡分配表 受試者教育程度分配表

受試者使用電腦習慣分配表

Page 14: 如何利用測試得出網頁字型的方法

實驗

受試者使用電腦的習慣分配表

假設:使用者在真實的網頁中,喜歡甚麼樣

的文字組成?

人數 百分比

經常使用 6 17.1%

偶爾使用 9 25.7%

不曾使用 20 57.1%

總計 35 100%

14

Page 15: 如何利用測試得出網頁字型的方法

不真實的網頁狀態

15

Page 16: 如何利用測試得出網頁字型的方法

真實的網頁狀態

16

Page 17: 如何利用測試得出網頁字型的方法

感謝聆聽

意見或問題?

17