User Interfaces 4 BTECH: IT WIKI PAGE: https://userinterfaces4.wikispace.com.

Slides:



Advertisements
Similar presentations
TUTORIAL 1 Getting Started with Excel
Advertisements

YEARBOOK Layout and Design.
Good Vs. Bad UI & Oakley Airwave 1.5 Sean Gergen & Derik Wright.
A Human Resource Management Approach
User Interfaces 4 BTECH: IT WIKI PAGE:
CIS 1310 – HTML & CSS 6 Layout. CIS 1310 – HTML & CSS Learning Outcomes  Describe & Apply the CSS Box Model  Configure Float with CSS  Designate Positioning.
Display (Output) Design Cognitive functions Present task data Communicate task organization Grouping and ordering Draw attention Aid discrimination/searching.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Bar Graphs and Line Graphs Lesson 7-4. Bar Graph A bar graph uses vertical or horizontal bars to display numerical information. Bar graphs can be used.
Unit 2 Section 2.1 – Day : Frequency Distributions and Their Graph  Graphs are used to present data after it has been organized into frequency.
Action Logic Modelling Logic Models communicate a vision for an intervention as a solution to a public health nutrition (PHN) problem to:  funding agencies,
Computing Concepts Advanced HTML: Tables and Forms.
Web Page Development Identify elements of a Web Page Start Notepad
LEARNING THEORY OBSERVATIONAL LEARNING. Observational learning is learning through observation. Observational learning is learning through observation.
© Anselm Spoerri Lecture 14 Annotated Nike Ad Course Review –Course Objectives.
Unit 2 Section : Histograms, Frequency Polygons, and Ogives  Graphs are used to present data after it has been organized into frequency distributions.
Frequency Distributions and Graphs
Art & Design – PAINTING and DRAWING (Assessed for Entry 3) Example Theme: Fashion.
Creating a Bar Chart On a Mac. Frequency Distribution Create a frequency distribution based on the classes Refer to creating a frequency distribution.
Psychology of usability 1 User interfaces Jaana Holvikivi Metropolia.
Psychology of usability
WHAT are frames? what.html are.htmlframes.html. Intro to Frames HTML frames allow you to display more than 1 HTML document in the same browser window.
1 © Prentice Hall, 2002 Physical Database Design Dr. Bijoy Bordoloi.
New Zealand Channel Day 2013 Clearwater Resort ABM Wiki Overview ABM NZ Channel Partner Conference 2013.
The Business Intelligence Delivery Challenge. 2 M.D.O. The Information Challenge BI System Success = Growth in Reports  Which reports are relevant? 
Examples of different formulas and their uses....
Graphs Graphs are used to display data. They visually represent relationships between data. All graphs should have a title that identifies the variables.
Spreadsheet skills Castle College. Objectives Look into what is a Spreadsheet. Gain some understanding into some of the functions of a Spreadsheet. Discuss.
Chapter 6 1 © Prentice Hall, 2002 The Physical Design Stage of SDLC (figures 2.4, 2.5 revisited) Project Identification and Selection Project Initiation.
Context-Aware Interactive Content Adaptation Iqbal Mohomed, Jim Cai, Sina Chavoshi, Eyal de Lara Department of Computer Science University of Toronto MobiSys2006.
Chapter 2 - More Controls More controls – Text boxes - used for user input – Frames - containers to group items – check boxes - user select an option -
2.2 XHTML (cont.). Motto Yea, from the table of my memory I’ll wipe away all trivial fond records. —William Shakespeare.
Human Factors Issues Chapter 9. Human Factors = ergonomics WWII based – military significance… … a necessary part of medical device design…
The Correlation of Divergence and College Success Tracy E. Meetze Shirley Carr Bausmith Stephen E. Taylor.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
7.
Integrating Educational Technology into Teaching
Innovation AMS Center for Advanced Technologies Web Navigation Eugene Tiller & Phillip Green AMS Center for Advanced Technologies.
Design Elements and Principles
Copyright Ó Oracle Corporation, All rights reserved Working with Other Canvases.
Computer Science 101 Lists and Tables. Lists Unordered lists - use a bullet Ordered lists - use a number, Roman numeral, or letter.
GRAPHS Bar, Line, Circle. Bar Graph A bar graph uses vertical or horizontal bars to display numerical information. Bar graphs can be used to compare amounts.
EXCEL CHARTS. CHARTS Charts provide a way of presenting and comparing data in graphical format. Embedded charts or chart sheets Embedded charts are objects.
Working Memory and Learning Underlying Website Structure
So, what’s the “point” to all of this?….
SBD: Information Design
The InfoVis Toolkit Jean-Daniel Fekete INRIA Futurs/LRI, France
Chapter 8A Productivity Software. 8A-2 Acquiring Software Commercial software –Software that must be purchased –Stand alone products Solve one type of.
Chapter 10 Creating a Template for an Online Form Microsoft Word 2013.
5.4 Line Graphs Mme DiMarco.  Learning Goal: In today’s lesson, we wll be learning how to display data using line graphs and how to describe trends Learning.
Mr. Munaco Computer Technology TEACHING ADVANCED WORD 2007.
Real Time Collaboration and Sharing
Statistical Fundamentals: Using Microsoft Excel for Univariate and Bivariate Analysis Alfred P. Rovai Charts Overview PowerPoint Prepared by Alfred P.
PivotTables Use a PivotTable report to analyze and summarize your data. MAN Micro-computers & Their Applications.
Statistics Unit Test Review Chapters 11 & /11-2 Mean(average): the sum of the data divided by the number of pieces of data Median: the value appearing.
Computer Applications. Chart Title Legend Horizontal Axis Title Vertical Axis Title Vertical Y Axis Horizontal X Axis Data Series.
Computer Architecture Organization and Architecture
Deform -  What it means to change shape.
Utilizing Effective Layout Methods Alignment
Chapter 13 Designing Forms and Reports
PSYCHOLOGICAL TESTING chapter 9
Psychology of usability
Booklet Design and Equating
Graphs & Charts.
Microsoft Access Validation Rules, Table Relationships And
Leading Population Regions 4-Square
Interface and Complexity
Motivation in Organizations
Reports Report builder meets the challenge by making it easy to design, publish, and distribute professional, production-quality reports in a variety of.
Presentation transcript:

User Interfaces 4 BTECH: IT WIKI PAGE:

User characteristics Memory Understanding human memory Perception Implications for design Acceptance models

Memory Short term Long term Examples that impact on design Understanding human memory

Examples that impact on design

Perception Different skills levels Integrating what you see with what you have experienced and know Interface factors that influence perception Factors that could increase perception skill level required How does perception skills link to memory

Examples: 1

Examples: 2

Examples: 3

Implications for design Link design perception requirements with target user abilities Complexity of display Complexity of user interaction Memory requirements, complexity and perception

Display complexity Four factors need to be considered: overall density: the number of filled character spaces as a percentage of total spaces available local density: the average number of filled character spaces around each character, as a percentage of available spaces grouping: the number of groups of “connected” characters, layout complexity: Complexity (defined in information theory), of the distribution of horizontal and vertical distances of each label and data item from a standard point on the display.

Layout complexity Lower local and overall densities: easier-to-read displays. Assess the number of clusters of fields on a display. Clusters are formed by characters that are separated by no more than one intervening space horizontally and that are on adjacent lines. Layout complexity measures the variety of shapes that confront the user on a display. Neat blocks of fields that start in the same column will have a lower layout complexity.

Examples High Complexity Less complex

Clusters help simplify TAYLOR, SUSAN WILLIAM TAYLOR THOMAS102974ANN082177ALEXANDRA As opposed to EMPLOYEE:Susan Taylor SSN: SPOUSE:William Taylor CHILDREN: NAMESBIRTHDATES Alexandra Thomas Ann

Acceptance models TAM TTF Technology Diffusion Factors that influence acceptance serenko_iwc_model_of_user_adoption.pdf