Effect of Text font, line length and language on online information search Hang Yu Human Centered Design and Engineering University of Washington.

Slides:



Advertisements
Similar presentations
Typography 101 Using Typography to Enhance Content.
Advertisements

Typography Typography exists to honor content. — Robert Bringhurst,
Masthead Stands out even though it has that translucent effect it still look powerful because it is in all capital letters. It is a unique masthead and.
Multimodal feedback : an assessment of performance and mental workload (NASA-TLX) 남종용.
Chapter Concepts Discuss Fonts Understand Fonts
Memory Span A Comparison Between Major Types Amy Bender, Jeremy Owens, and Jared Smith Hanover College 2007.
Evaluation Adam Bodnar CPSC 533C Monday, April 5, 2004.
Typography Principles Communications 320 Desktop Publishing.
Welcome to Turnitin.com’s Peer Review! This introductory tour will take you through our Peer Review system and explain the steps you need to get started.
Gender Issues in Systems Design and User Satisfaction for e- testing software Prepared by Sahel AL-Habashneh. Department of Business information systems.
Words & Definitions By: Naftaly Garcia Birruete. Address Bar  The space provided on a web browser that shows the addresses of websites.
CONTRAST BETWEEN SERIF AND SANS SERIF FONTS – TIMES NEW ROMAN (TNR) AND ARIAL (AR) PROJECT MEMBERS KATARINA ANGSTOVA, LENA KUTTIG, FARNAZ MOMENI & STEFANIE.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Multimedia: Making it Work
Information Resource Design ”How to make a web page scannable” Check out this webpage: Read the summary,
Created with User Interface Aesthetics COMPSCI 345 / SOFTENG 350 Prepared by Safurah Abdul Jalil & Beryl Plimmer 2011.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.
Typography Text needs to be visible, legible and readable. Typography.
Effective Web Site Design Written by Jimmy Ellis.
Creating Web Pages: Week 4, continued Is a picture worth 1000 words? HTML: body tag, text tags, lists Typography & Editorial Style Homework: Look at schedule.
PowerPoint Template – delete this slide Fill in the appropriate slides Remove any bold or italicized words after you’ve added your changes Delete slides.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Michael Wybrow, 23 rd April 2009 Scrolling Behaviour with Single- and Multi-column Layout.
Lesli Scott Ashley Bowers Sue Ellen Hansen Robin Tepper Jacob Survey Research Center, University of Michigan Third International Conference on Establishment.
Hao Wu Nov Outline Introduction Related Work Experiment Methods Results Conclusions & Next Steps.
The Literature Search and Background of the Problem.
The Effects of Stress on Memory Final Project Research Design and Analysis Melissa VanToever Lauren McCreight.
Seungwon Yang, Haeyong Chung, Chris North, and Edward A. Fox Virginia Tech, Blacksburg, VA USA 1ETD 2010, June 16-18, Austin, TX.
Animated banners - H1 Sigurbjörn Óskarsson. Research design Repeated measures N=32 (- 1 outlier) Task testing Control category + 3 levels of experimental.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $100 Welcome.
1 The Importance of Cognitive Mapping on Effective Website Design By Neo H.K., Tan G.W., Wei K.K. National University of Singapore.
1 Analysis of Variance ANOVA COMM Fall, 2008 Nan Yu.
The Scientific Method DescriptionSteps Lab terms & processes.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
The effects of captions on deaf students’contents comprehension, cognitive load and motivation in online contents 21 June 2010 Joong-O Yoon
PowerPoint Template – delete this slide Fill in the appropriate slides Remove any bold or italicized words after you’ve added your changes Delete slides.
QUICK DESIGN GUIDE (--THIS SECTION DOES NOT PRINT--) This PowerPoint 2007 template produces a 36”x60” professional poster. It will save you valuable time.
How to Write Abstract How to write title? a good title (typically 10–12 words long) 6,7 will use descriptive terms and phrases that.
The Effects of Color on Flavor Ratings Stephanie Mattson Denise White
Typography & Layout Top Tips! FOLIOz ASQ Course March 2012.
The Psychologist as Detective, 4e by Smith/Davis © 2007 Pearson Education Chapter Eleven: Designing, Conducting, Analyzing, and Interpreting Experiments.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Impact of Font Type on Information Processing GINA RICHARDS BINGHAMTON UNIVERSITY.
TFT-LCD and Visual Performance 이현철. Nuclear I&C and Information Engineering Laboratory Preface  From the previous seminar, it.
PowerPoint Template – delete this slide Fill in the appropriate slides Remove any bold or italicized words after you’ve added your changes Delete slides.
PS Research Methods I with Kimberly Maring Unit 9 – Experimental Research Chapter 6 of our text: Zechmeister, J. S., Zechmeister, E. B., & Shaughnessy,
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #20.
Reader’s Digest Version
The Elements of Design: Color
Section 7.1 Section 7.2 Identify presentation design principles
The Literature Search and Background of the Problem
DFP 4113 MULTIMEDIA TECHNOLOGY
Student: Joyce Chen Advisor: Kate Chen ID
Exercise 1.1 Short term memory (STM) decay
Parts of an Academic Paper
PowerPoint Template – delete this slide
The Art of Type 9/17/2018.
Factorial Experimental Designs
Simple Steps to Completing a Literature Review
Sunburst Papers Radial, Space-Filling Hierarchy Visualizations
Design and Implementation of Software for the Web
SCSH3. Students will identify and investigate problems scientifically
The Elements of Design: Color
An Empirical Study of Learning Strategy Use by Differently Proficient Students in a Web-based Environment Wang Zhiru.
Presenter’s Name (if case)
Designing Pages and Documents
Research Paper Overview.
Assessment Objectives
Assignment 3 – Visual Principles Paula Pulley
Presentation transcript:

Effect of Text font, line length and language on online information search Hang Yu Human Centered Design and Engineering University of Washington

Introduction Understanding of web content can be so different when using different languages. People are not actually reading the letters, they are reading the shapes and forms. I just got my Kindle, and the Chinese version system of Kindle you can choose your file to be presented in one or two columns, which is different from the English Version. However, English papers are presented in one column, two columns and three column.

Literature Review

Overview Influence of Font Type on Visual Search of Web Content Effect of Text line length on Information Retrieval of Web Content Effect of Language on User’s online reading performances Typography of English and Chinese Language

Typography & Text Font Typographical arrangement may provide cues for the organization of thought (Jenkins, 1951) Serif fonts significantly improved recall of information (Michael Gasser, 2005) There was little impact of font on users’ understanding of web content (Jonathan Ling, 2006) Although participants performed tasks more quickly with serif fonts, they still preferred sans- serif fonts (Scott, 1993) Chinese typography had no significant effect on subjects’ reading performance (An-Hsiang Wang*, 2003)

Text Line Length Comprehension was affected by whitespace, but participants were not affected by line length (Apedoe, 2002) The effect of line length was significant, with longer line lengths facilitating better scanning and shorter line lengths leading to better subjective outcomes (Jonathan Ling, 2006)

Hypothesis H1: Serif font can improve the speed of information search, both in English and in Chinese, compared to San-Serif font. H2: Text line length will influence the understanding of Online information more when using Chinese than English. H3: Serif font may be preferred when the information is in Chinese while San-serif font be preferred when in English

Methodology

Variables Variable TypeVariable NameAttributesScale Independent IV 1 Text line length55 cpl, 70cpl, 85 cpl, 100cpl Nominal Independent IV 2 Text fontSeirf, San-Serif Nominal Independent IV 3 Text languageEnglish/ChineseNominal Dependent DV 1 Search TimeRatio Dependent DV 2 Preferred FontSeirf, San-Serif Nominal

Experimental Design This research used a 3 factor mixed measure design. Factors: Two within subject factors: Text font Two levels: Serif, San-serif Text Line Length Four levels: 55 cpl, 70cpl, 85 cpl, 100 cpl One between subject: Language Two levels: Chinese, English

English & Chinese Fonts English letters are formed by strokes and spaces. They are more important when comes to the legibility of fonts. Chinese fonts

English & Chinese Fonts English letters are formed by strokes and spaces. They are more important when comes to the legibility of fonts. Based on the same criteria, Chinese font types are chosen.

Material and Instruments Mock web pages are created using HTML Participants access the pages using their own machine Navigation bar added to the left Pages in Chinese and pages in English have the same content with text in black (# ) and background in white (#FFFFFF)

Participants 18 participants 9 participants’ native language are Chinese while 9 are English All participants are graduate students, who uses Internet on a daily basis 38.9% of the participants are female

Procedures A set of 16 search tasks were given to the participants, each fonts show up for 8 times, in which each text line length appear twice. After the search task, participants were asked to answer several questions about the task they have given. Finally, participants were asked to choose their preferred text font and text line length.

Statistical Method A series of 2 × (2× 4) analyses of variance (ANOVA) were used to assess the effects of font type (Serif or San-Serif) and line length (55, 70,85 or 100 cpl) and Language (Chinese 0r English) on search and recall task outcome measures

Results

Overview

Effect of font type When using serif font, time used in search task is shorter. F = 9.162, p = 0.08, which indicates that Serif font may increase the speed of information search. H1 is supported.

Effect of text length When text length is 70cpl, time spent on search task is the shortest. F = 6.340, p = H2 is supported

Preference LanguagePreference Chinese Serif6 San-Serif3 English Serif2 San-Serif7

Discussion & Conclusion

Conclusion & Discussion Three hypothesis are all supported from the research Time spent on searching in English and Chinese has no significant difference Font type and more factor abouts language should be taken into consideration

Thank you Questions?