Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.

Slides:



Advertisements
Similar presentations
3.01D Design Multimedia Presentations
Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
COMP 3715 Spring 05. Computer Interface Interaction between human and computer Has to deal with two things  User’s mental model Different user has different.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Screen Design and Layout Appropriate appearance Student ID: Group 3 Topic 2 IM2044 Usability Engineering.
FACTORS TO BE TAKEN INTO ACCOUNT WHEN DESIGNING A GOOD HCI Year 13.
G063 - HCI Design Perception, Attention, Memory & Learning (PALM)
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
Lecture 6 Desktop Publishing III – Presentation Software Introduction to Information Technology With thanks to Dr. A. Zhang, Dr. Haipeng Guo, and Dr. David.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
How do people communicate with computers?
Ch 26 & 27 User Interfaces.
Interface Analysis Report
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Key Applications Module Lesson 19 — PowerPoint Essentials
Web-designWeb-design. Web design What is it? Web-design features Before…
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
IT3 Human Computer Interface [HCI] Human Computer Interfaces Factors that should be considered when designing a Computer Interface.
Unit 1 – Improving Productivity Louis Price Instructions ~ 100 words per box.
We Are Learning To (WALT): Evaluate existing web graphics What I am Looking For (WILF): 4 evaluations that contain: – Detailed descriptions of target.
PassMeritDistinction Candidates will collect and display examples of: navigation buttons navigation bar advertising banner from at least two different.
11.10 Human Computer Interface www. ICT-Teacher.com.
AS Level ICT Selection and use of appropriate software: Interfaces.
12 Tips to Creating Effective Web Sites Don’t Make Sites that Suck!
 Attractive page layout  The contrast and blend of clolours is well balanced  Legible fonts  Headlines, brief news items, photos and videos provided.
Lecture 3 Web Design What makes a "good" website? Getting started on your website. Planning the layout. Picking a theme. Effective Design Tips.
Presented by the Virginia 4-H Science and Technology Committee PowerPoint 101.
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.
The Basic Book Trailer. What is a Book Trailer? A book trailer is similar to a movie trailer. It uses images, sound and sometimes video to sell the book’s.
“The Power At The Click Of A Mouse” (Using Power Point To Create A Presentation)
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Good Web Design. The Four A’s of Good Design Accessible Accurate Appropriate Appealing.
COMP106 Assignment 2 Proposal 1. Interface Tasks My new interface design for the University library catalogue will incorporate all of the existing features,
Output Design. Output design  Output can be: Displayed on a screen/VDU/monitor. Printed on paper as hard copy. Sound.
Unit 4 – Design and produce multimedia products AO1 – Review several existing multimedia products Mr Farmer.
What is PowerPoint? a complete presentation graphics package gives you everything you need to produce a professional-looking presentation offers word.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Search bar, top of page, easy to find. Advertisements either side of main script. Advert. Although personally I find this website easy.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
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.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Principles of effective web design NOTES Flo Morris-Duffin.
Unit 11 Interactive Multimedia Products Task A Product Review –
How to Design an Effective PowerPoint Presentation
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Different Types of HCI CLI Menu Driven GUI NLI
Unit 8.2 / Lesson 1 / presentation1b Website Styles.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
For this course please make your website address your first initial, last name. If this is unavailable, try your first initial, middle initial, last name.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Unit 13- Web Design P1-Explain the intended uses and features of two different websites. M1-Review how the features in two websites improve presentation,
Unit 13 – Website Development FEATURES OF WEBSITES.
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Introducing Scratch Learning resources for the implementation of the scenario
Multimedia Design.
Investigating User Interfaces
Web-design.
Designing Information Systems Notes
Web Design and Development
Website Design and Management Section 3 - Design
Task 1 investigating website by Hannah Sanders
Designing HCI’s for a specific purpose.
Presentation transcript:

Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an expert then you can design the interface with lots of shortcuts which an expert user can navigate easily. If the target audience is a is made up of ‘ novices’: people with no expertise then the interface should be as simple and straight forward as possible with lots of simple menus and icons.

Older users If the target audience is older people e.g. pensioners then the interface should be as simple and straight forward as possible with lots of large icons and on-line help available.

User Interface for older people Older user interface technologies: such as gesture interaction, voice control, avatars, second screen multi-touch devices and gyroscopic remote controls.

User interface for the very young If the target audience is young people then then the interface should be as interesting and interactive as possible since they will look for lots of movement, colour and sound to get their attention.

Expert users Expert users will often find graphical interfaces slow them down and prefer to use command lines or keyboard shortcuts to get things done.

Key Features of a well designed user interface A well designed interface will incorporate the following design aspects: – visual layout – navigation – selection – consistency – interactivity – readability

Visual layout The visual layout should be clear and attractive without being too cluttered or use too many distracting colours.

Navigation It should be easy for a user to find their way around, to navigate the site. This will mean e.g. having clear menus, buttons, graphics, site maps

An example of well designed navigation There are two navigation bars. The top one for moving between the different sections of the website. The lower one for the news section There is also a search facility.

Making selections A user should be able to make selections easily e.g. by providing drop down menus like this one:

Consistency It is important that the user interface in an information system has a consistent appearance. That means that the colours, the menus, the icons, the navigation should be similar, within sections and throughout the system.

Examples of consistency in design

Interactivity A good user interface should enable the user to interact with the system e.g. to enlarge or rotate the graphics

Interactivity Enabling the user to choose to listen to a sound file or view a video clip

I Interactivity Enabling the user to access more data on an item or topic

Readability A well designed user interface should be readable. That means that the text should be clear and be a size that suits the user { text size can be made variable}.

Readability: Varying the text size

Readability The colour balance should ensure that the text colour does not clash with the background colour