SlideShare a Scribd company logo
1 of 17
Design Practice 6




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


     講者:黃婉貞
     2012.05.20


                               1
研究動機




 vs.




       2
文獻回顧
• 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
文獻回顧
• Web Usability and Age: How Design Changes
  Can Improve Performance (Chadwick-Dias, McNulty, &
  Tullis, 2002)




                                                       4
實驗
中文字組成元素:
           字型

字體大小

                行距


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

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

行距:五次的平均值




                                 6
情境腳本
• 徵求一位自願者,扮演受試者。
• 受試者背景設定:
1) 年紀68歲的銀髮族,男女不拘
2) 平時有用電腦上網的習慣
3) 健康狀態佳,可自行打理生活與出門活動
• 情境說明:
1) 在活動中心偶遇主試者(婉貞),聽完實驗
   目的說明後,同意參加實驗。
2) 實驗開始。
                         7
受試者個人資料表
編號:__________
性別:□男 □女
出生年次:民國 ______ 年
教育程度:□國小以下 □國中 □高中職 □五專
   □大學 □碩士 □博士
請問您有使用電腦的習慣嗎:□經常使用 □偶爾使用 □不曾使用
第一部份
第一名:編號 ______ 第二名:編號 ______ 第三名:編號 ______

第二部份
序號         一碼        二碼         結果
1
2
3
4
5
                                            8
實驗畫面:字型x字體大小




               9
實驗畫面:行距




          10
實驗
結果:
           第一名
      大型(26px) 微軟正黑體

          平均行距
          41.55 px



                       11
實驗
討論:
      與英文文字的文獻符合:
       Sans Serif (Ellis & Kurniawan, 2000)

但是…
      也許忽略了重要的事情?



                                              12
找出不合理的地方
受試者性別與年齡分配表                            受試者教育程度分配表
           男性   女性       總計                    人數   百分比
60歲~64歲    7    7         14            國小以下   12   34.3%
65歲~69歲    3    1         4              國中    4    11.4%
70歲~74歲    4    3         7              高中職   11   31.4%
75歲~79歲    2    5         7              專科    2    5.7%
80歲~84歲    1    2         3              大學    5    14.3%
 總計        17   18        35             碩士    1    2.9%

                                         博士    0     0%
                     人數        百分比
                                         總計    35   100%
   經常使用              6         17.1%

   偶爾使用              9         25.7%

   不曾使用              20        57.1%

      總計             35        100%
                                       受試者使用電腦習慣分配表         13
實驗
      受試者使用電腦的習慣分配表
           人數   百分比
 經常使用      6    17.1%
 偶爾使用      9    25.7%
 不曾使用      20   57.1%
 總計        35   100%

假設:使用者在真實的網頁中,喜歡甚麼樣
 的文字組成?


                        14
不真實的網頁狀態




           15
真實的網頁狀態




          16
感謝聆聽

意見或問題?



         17

More Related Content

Viewers also liked

Gasteizko irteera 2D NAE
Gasteizko irteera 2D NAEGasteizko irteera 2D NAE
Gasteizko irteera 2D NAEarbelar
 
HSC Partner Meeting 10-10-12
HSC Partner Meeting 10-10-12HSC Partner Meeting 10-10-12
HSC Partner Meeting 10-10-12bscisteam
 
Observation Lab: New Country, New Eyes
Observation Lab: New Country, New EyesObservation Lab: New Country, New Eyes
Observation Lab: New Country, New EyesAnni Rautio
 
ΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣ
ΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣ
ΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣkaterina_a
 
Web services using sales force.com
Web services using sales force.comWeb services using sales force.com
Web services using sales force.comVaishnavi
 
Presentation ad rs_september2013
Presentation ad rs_september2013Presentation ad rs_september2013
Presentation ad rs_september2013consumerenergy
 
New Models of Content Creation and Scholarship at the Intersection of Library...
New Models of Content Creation and Scholarship at the Intersection of Library...New Models of Content Creation and Scholarship at the Intersection of Library...
New Models of Content Creation and Scholarship at the Intersection of Library...Mike Nutt
 
περιβαλλοντικές οργανώσεις ΓεωργιάκουΣ.
περιβαλλοντικές οργανώσεις ΓεωργιάκουΣ.περιβαλλοντικές οργανώσεις ΓεωργιάκουΣ.
περιβαλλοντικές οργανώσεις ΓεωργιάκουΣ.katerina_a
 
Vulnerable consumers copenhagen june2013
Vulnerable consumers copenhagen june2013Vulnerable consumers copenhagen june2013
Vulnerable consumers copenhagen june2013consumerenergy
 
Preliminary Evaluation
Preliminary Evaluation Preliminary Evaluation
Preliminary Evaluation nctcmedia12
 

Viewers also liked (17)

Gasteizko irteera 2D NAE
Gasteizko irteera 2D NAEGasteizko irteera 2D NAE
Gasteizko irteera 2D NAE
 
HSC Partner Meeting 10-10-12
HSC Partner Meeting 10-10-12HSC Partner Meeting 10-10-12
HSC Partner Meeting 10-10-12
 
Observation Lab: New Country, New Eyes
Observation Lab: New Country, New EyesObservation Lab: New Country, New Eyes
Observation Lab: New Country, New Eyes
 
ΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣ
ΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣ
ΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣ
 
Web services using sales force.com
Web services using sales force.comWeb services using sales force.com
Web services using sales force.com
 
Presentation ad rs_september2013
Presentation ad rs_september2013Presentation ad rs_september2013
Presentation ad rs_september2013
 
New Models of Content Creation and Scholarship at the Intersection of Library...
New Models of Content Creation and Scholarship at the Intersection of Library...New Models of Content Creation and Scholarship at the Intersection of Library...
New Models of Content Creation and Scholarship at the Intersection of Library...
 
περιβαλλοντικές οργανώσεις ΓεωργιάκουΣ.
περιβαλλοντικές οργανώσεις ΓεωργιάκουΣ.περιβαλλοντικές οργανώσεις ΓεωργιάκουΣ.
περιβαλλοντικές οργανώσεις ΓεωργιάκουΣ.
 
Vulnerable consumers copenhagen june2013
Vulnerable consumers copenhagen june2013Vulnerable consumers copenhagen june2013
Vulnerable consumers copenhagen june2013
 
Evaluation
EvaluationEvaluation
Evaluation
 
Regular verbs
Regular verbsRegular verbs
Regular verbs
 
Socialmedia
SocialmediaSocialmedia
Socialmedia
 
Ontology-based Context-sensitive Computing for FMS Optimization
Ontology-based Context-sensitive Computing for FMS OptimizationOntology-based Context-sensitive Computing for FMS Optimization
Ontology-based Context-sensitive Computing for FMS Optimization
 
ResCNMVMSL2013
ResCNMVMSL2013ResCNMVMSL2013
ResCNMVMSL2013
 
Chris sanders resume
Chris sanders resumeChris sanders resume
Chris sanders resume
 
Nahia
NahiaNahia
Nahia
 
Preliminary Evaluation
Preliminary Evaluation Preliminary Evaluation
Preliminary Evaluation
 

More from Wan Jen Huang

一個使用者體驗部門都在做什麼
一個使用者體驗部門都在做什麼一個使用者體驗部門都在做什麼
一個使用者體驗部門都在做什麼Wan Jen Huang
 
職場生存之道:內向心理學(二)
職場生存之道:內向心理學(二)職場生存之道:內向心理學(二)
職場生存之道:內向心理學(二)Wan Jen Huang
 
懂我,不難:內向心理學(一)
懂我,不難:內向心理學(一)懂我,不難:內向心理學(一)
懂我,不難:內向心理學(一)Wan Jen Huang
 
Responsive web design的能與不能
Responsive web design的能與不能Responsive web design的能與不能
Responsive web design的能與不能Wan Jen Huang
 
沒有所謂的end user:一個open source project網站的改版計畫
沒有所謂的end user:一個open source project網站的改版計畫沒有所謂的end user:一個open source project網站的改版計畫
沒有所謂的end user:一個open source project網站的改版計畫Wan Jen Huang
 
我眼中的台南HPX是長這樣的
我眼中的台南HPX是長這樣的我眼中的台南HPX是長這樣的
我眼中的台南HPX是長這樣的Wan Jen Huang
 
念資管的為什麼會轉去念心理學
念資管的為什麼會轉去念心理學念資管的為什麼會轉去念心理學
念資管的為什麼會轉去念心理學Wan Jen Huang
 

More from Wan Jen Huang (7)

一個使用者體驗部門都在做什麼
一個使用者體驗部門都在做什麼一個使用者體驗部門都在做什麼
一個使用者體驗部門都在做什麼
 
職場生存之道:內向心理學(二)
職場生存之道:內向心理學(二)職場生存之道:內向心理學(二)
職場生存之道:內向心理學(二)
 
懂我,不難:內向心理學(一)
懂我,不難:內向心理學(一)懂我,不難:內向心理學(一)
懂我,不難:內向心理學(一)
 
Responsive web design的能與不能
Responsive web design的能與不能Responsive web design的能與不能
Responsive web design的能與不能
 
沒有所謂的end user:一個open source project網站的改版計畫
沒有所謂的end user:一個open source project網站的改版計畫沒有所謂的end user:一個open source project網站的改版計畫
沒有所謂的end user:一個open source project網站的改版計畫
 
我眼中的台南HPX是長這樣的
我眼中的台南HPX是長這樣的我眼中的台南HPX是長這樣的
我眼中的台南HPX是長這樣的
 
念資管的為什麼會轉去念心理學
念資管的為什麼會轉去念心理學念資管的為什麼會轉去念心理學
念資管的為什麼會轉去念心理學
 

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