狠狠撸

狠狠撸Share a Scribd company logo
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
实验画面:字型虫字体大小




               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 (17)

PPTX
Gasteizko irteera 2D NAE
arbelar
?
PPTX
HSC Partner Meeting 10-10-12
bscisteam
?
PDF
Observation Lab: New Country, New Eyes
Anni Rautio
?
PPT
ΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣ
katerina_a
?
PPTX
Web services using sales force.com
Vaishnavi
?
PPT
Presentation ad rs_september2013
consumerenergy
?
PPTX
New Models of Content Creation and Scholarship at the Intersection of Library...
Mike Nutt
?
PPTX
περιβαλλοντικ?? οργαν?σει? Γεωργι?κουΣ.
katerina_a
?
PPT
Vulnerable consumers copenhagen june2013
consumerenergy
?
DOCX
Evaluation
nctcmedia12
?
PPTX
Regular verbs
Caroline Ribeiro
?
PDF
Socialmedia
Jennie Cortes
?
PPTX
Ontology-based Context-sensitive Computing for FMS Optimization
FAST-Lab. Factory Automation Systems and Technologies Laboratory, Tampere University of Technology
?
PDF
ResCNMVMSL2013
ACAM ATLETISMO
?
PPSX
Chris sanders resume
chrissanders60
?
PPT
Nahia
gazadi
?
DOCX
Preliminary Evaluation
nctcmedia12
?
Gasteizko irteera 2D NAE
arbelar
?
HSC Partner Meeting 10-10-12
bscisteam
?
Observation Lab: New Country, New Eyes
Anni Rautio
?
ΠΕΡΙΒΑΛΛΟΝΤΙΚΕΣ ΟΡΓΑΝΩΣΕΙΣ
katerina_a
?
Web services using sales force.com
Vaishnavi
?
Presentation ad rs_september2013
consumerenergy
?
New Models of Content Creation and Scholarship at the Intersection of Library...
Mike Nutt
?
περιβαλλοντικ?? οργαν?σει? Γεωργι?κουΣ.
katerina_a
?
Vulnerable consumers copenhagen june2013
consumerenergy
?
Evaluation
nctcmedia12
?
Regular verbs
Caroline Ribeiro
?
Socialmedia
Jennie Cortes
?
ResCNMVMSL2013
ACAM ATLETISMO
?
Chris sanders resume
chrissanders60
?
Nahia
gazadi
?
Preliminary Evaluation
nctcmedia12
?

More from Wan Jen Huang (7)

PPTX
一个使用者体验部门都在做什麼
Wan Jen Huang
?
PPTX
职场生存之道:内向心理学(二)
Wan Jen Huang
?
PPTX
懂我,不难:内向心理学(一)
Wan Jen Huang
?
PPTX
Responsive web design的能與不能
Wan Jen Huang
?
PPTX
沒有所謂的end user:一個open source project網站的改版計畫
Wan Jen Huang
?
PPTX
我眼中的台南贬笔齿是长这样的
Wan Jen Huang
?
PPTX
念资管的為什麼会转去念心理学
Wan Jen Huang
?
一个使用者体验部门都在做什麼
Wan Jen Huang
?
职场生存之道:内向心理学(二)
Wan Jen Huang
?
懂我,不难:内向心理学(一)
Wan Jen Huang
?
Responsive web design的能與不能
Wan Jen Huang
?
沒有所謂的end user:一個open source project網站的改版計畫
Wan Jen Huang
?
我眼中的台南贬笔齿是长这样的
Wan Jen Huang
?
念资管的為什麼会转去念心理学
Wan Jen Huang
?
Ad

如何利用测试得出网页字型的方法