Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what,

Slides:



Advertisements
Similar presentations
Quality control tools
Advertisements

CHECKLISTS. Analysis: describing what is there in the textbooks, elements of the contents. Evaluation: Making a judgment of the usefulness of the contents.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
Writing for online …communicating information effectively on-screen. Professional Development Workshop 2011 Louise Housden – WestOne Services.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
Graphing Data Unit 2. Graphs of Frequency Distributions Sometimes it is easier to identify patterns of a data set by looking at a graph of the frequency.
Penn State Graphic Standards: Why Are They Important on the Web? Jeff Hermann University Editor and Director of University Publications.
Design Elements of a Web Page. Focal Point Each page should have a focal point to attract the viewer. This can be one large picture or a headline, a combination.
Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what,
Web Site Design Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development April 6, 1999.
Layout and design of tabloids and broadsheets..  Some designers are daunted when facing the seemingly enormous expanse of white space available in a.
Part 4: Evaluation Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what, where, and when Chapter.
Copyright © 2003 Bolton Institute The Web is a new medium Writing for the web is not like writing a print document Users tend to browse and glance at information.
Web Page Design J. Richard Stevens. Basic Grid Design
HCI revision lecture. Main points Understanding Applying knowledge Knowing key points Knowing relationship between things If you’ve done the group project.
Information Architecture Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Examining the top three rows first Row two requires a 5. It has to be located in the middle 3x3 box. Two possible locations for 5 in centre box The centre.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Web Design.
Writing for the Web Research on how users read on the Web and how authors should write their Web pages.
The Value of Visual Elements in Web Search Lizzeth Cabana Tejada School of Computer Sciencie San Pablo Catholic University 2010.
Ian Reeves. Homepage design  Google’s Golden Triangle.
Photo Gallery A photo gallery is a web page that contains a collection of graphics arranged in a specific layout. Microsoft FrontPage provides four different.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
By: Catherine Mendoza. Evaluate Implement Develop Analyze Design.
Ian Reeves. Homepage design  Google’s Golden Triangle.
Best practice in design on NREN websites A heuristic evaluation made for TERENA TF-PR By Julia Gardner & Gitte Kudsk, UNIC
2009 South Florida Environmental Report Florida Department of Environmental Protection 2009 SFER Workshop Presentation Template and Example Presentation.
2008 South Florida Environmental Report Volume I, Chapter South Florida Environmental Report Volume I, Chapter South Florida Environmental.
Copyright Ó Oracle Corporation, All rights reserved Working with Other Canvases.
Lecture PowerPoint Slides Basic Practice of Statistics 7 th Edition.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Eye Tracking In Evaluating The Effectiveness OF Ads Guide : Dr. Andrew T. Duchowski.
YLM Calendar Feed Updated 6/6/ Sign in at YLM Homepage: 2.From the horizontal menu above the YLM logo, navigate.
F-Shaped Pattern For Reading Web Content by JAKOB NIELSEN, 2006.
Yanling Sun, Ph.D. Senior Instructional Coordinator Technology Training and Integration ADDIE: A Guide for Designing Online Courses Summer Symposium for.
Windows layout. During the design process, the individual elements, or building blocks, of screens will have been identified. A logical flow of information.
L AYOUT OF A PRINT ADVERT. Layout of a print ad is extremely important Goal of advertising is to make people take some action It is not possible if the.
Chapter 7 Flow…. Objectives (1 of 2) Appreciate what the principle of flow is and why it is important in designs. Learn how to identify visual flow and.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what,
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Web Page Design J. Richard Stevens. Layout grids Page dimensions Usability Layout grids Page dimensions Usability Basic Online Journalism Design.
Interviews, Questionnaires, and control flowcharts Chapter 19.
Multimedia Web site development Plan your site Steps for creating web pages.
In the last several lessons, you have described translations using coordinates. You have also developed strategies for determining where an object started.
TGJ3M1 COMMUNICATIONS TECHNOLOGY DESIGN AND LAYOUT PRACTICES - USING PHOTOSHOP ELEMENTS T Y P E SO FL A Y O U T ST Y P E SO FL A Y O U T S.
3.1 Observation with Eye Tracking. Eye Tracking 凝視點 (Fixation)  「我癡癡地凝視著他,有好一段時間,我幾乎 忘了這個世界的存在」  定義  個體專注於視覺刺激中特定位置時  眼球相對固定不動時所停留的位置  兩項參數  (
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
Word & Windows Terminology Review. 1. Provides one-click access to common commands you use frequently. In the Business Lab some of the commands you will.
2009 South Florida Environmental Report Volume I, Chapter SFER Workshop Presentation Template and Example Presentation * If you need help or for.
Section 6.1 Section 6.2 Write Web text Use a mission statement
Eye tracking – experiences from a pre-study
Cl Bellwork Atomic #: Atomic Mass: # of Protons: # of Neutrons:
COLUMNS The foundation of design Sally Manke
CHAPTER 1: Picturing Distributions with Graphs
Week 12: Activity & Sequence Diagrams
Formatting a Workbook Part 1
Basic Agiloft Terminology
Writing for Communication on the Web
Good Morning AP Stat! Day #2
Step-3: Principles of Good Interface and Screen Design
Helping You Transform Your Ability to Influence, Inform and Inspire
Tips on good web site Design
Headlines here in upper and lower case
Headlines here in upper and lower case
Headlines here in upper and lower case
Presentation transcript:

Part 4: Evaluation Days 25, 27, 29, 31 Chapter 20: Why evaluate? Chapter 21: Deciding on what to evaluate: the strategy Chapter 22: Planning who, what, where, and when Chapter 23: Deciding how to collect data Chapter 24: Final preparations for the evaluation Chapter 25: Analysis and interpretation of user-observation evaluation data Chapter 26: Inspections of the User Interface Chapter 27: Variations and more comprehensive evaluations

Planning Choosing who Deciding how long Preparing a schedule Determining tasks Deciding where

Data Quantitative –Time Qualitative –Think-aloud Questionnaires

Eye Tracking Is homepage layout effective? What effect do blurbs on the homepage have compared to headlines? When is multimedia appropriate? Are ads placed where they will be seen by the audience? From

Heat Maps This dominant reading pattern looks somewhat like an F and has the following three components: Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar. Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F's lower bar. Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F's stem.

Heat Maps for Re-design