WHITE SPACE and USER INTERACTION Ebuba Udoh 0313957 Idris Kargbo 0317960 Linda Mensah 0508699.

Slides:



Advertisements
Similar presentations
Creating Flyers Flyers are generally used to advertise a product or service that is available for a limited amount of time.
Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
How To Design a User Interface For People With Disabilties
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.
Web Design Bill Pegram April 25, Goal of Presentation Summarize ideas from part of The Non- Designers Web Book, Third Edition, Robin Williams &
How the edges of a line, paragraph, object, or table are positioned horizontally and vertically between the margins or on a page.
Putting them together screen layout and design  basic principles  grouping, structure, order  alignment  use of white space.
[Your Name] [Your Teacher’s Name] [Your School] [Your Grade] Presented By :
Use of layout and consistency in designing interfaces Michael, Paul, Jason, Augusto.
Lecture 7 Date: 23rd February
SIMS 213: User Interface Design & Development Marti Hearst Thurs Feb 8, 2001.
WHITE SPACE and USER INTERACTION Ebuba Udoh Idris Kargbo Linda Mensah
DESIGNING INTERFACE FOR DISABILITIES Ebuba Udoh Idris Kargbo Linda Mensah
Designing Pages and Screens Comm Arts II Mr. Wreford.
APPROPRIATE APPEARANCE Presented by Joyce Nganga Edwina Odiwanor Mohammed Lamine Konate.
Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.
Screen Design and Layout Appropriate appearance Student ID: Group 3 Topic 2 IM2044 Usability Engineering.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Designing Interface for Disability A. Tijani S. Cook
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
CO1552 – Web Application Development Lists, Special Characters, and Tables.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
CORE 2: Information systems and Databases COLLECTING AND DISPLAYING FOR DATABASE SYSTEMS.
IT3 Human Computer Interface [HCI] Human Computer Interfaces Factors that should be considered when designing a Computer Interface.
Chapter 2 Web Site Design Principles
Web Site Design Principles
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
Word Lesson 9 Enhancing Documents Microsoft Office 2010 Advanced Cable / Morrison 1.
Human Computer Interaction Design and graphics design in computer human interaction by Sylvia Ward.
Welcome! The Topic For Today Is Word Processing and Desktop Publishing.
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
Web Design. Why is design important for the web? Traditional systems Traditional systems You controlled the user You controlled the user You know exactly.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Web Site Design 15 Easy Steps to an Excellent Web Site.
Publisher Lesson 5 Working with Style and Design Elements.
Microsoft Access 4 Database Creation and Management.
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
0707 IAT 102 Graphic Design Design Basics Design Tools.
Websites with good heuristics Irene Wachirawutthichai.
Ch 9 Screen Layout Yonglei Tao School of Computing and Info Systems GVSU.
Using COLOR Bristol Community College Bristol Community College Business Creativity Sources: Non Designers Design Book.
Ch10 Screen Layout Yonglei Tao School of Computing & Info Systems GVSU.
“Just look at our web site…” I hate the title of this session, and so should you.
Different Types of HCI CLI Menu Driven GUI NLI
Posters, Magazines, Websites
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
Oct 091 Example Program DemoInputValidation1.java DemoInputValidation2.java.
(Desktop View) Introducing the new dawsonera Online Reader.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
MarkNotes Question 1 The Human Computer Interface (HCI) is an important part of an ICT system. Describe four factors which should be taken.
Microsoft Expression Web 3 – Illustrated Unit M: Advanced Typography Using CSS.
Principles of Design Lesson Khuzaima Jallad. Principles of Design Lesson Balance Proximity / Unity Alignment Repetition / Consistency Contrast White Space.
WHAT ARE WE DOING TODAY? GET READY TO MAKE NOTES iMedia Students – get ready to make notes 1.Bateman, Jordan 2.Buckle, Aimee 3.Coulthard, Nicole 4.Crichton,
Planning a Web Site Planning a Web Site. The Home Page Think of this as your storefront. It is the first thing seen by your customer when they log on.
Chapter 2 Web Site Design Principles
Human Computer Interaction Lecture 11 Interaction Paradigms
Human Computer Interaction Lecture 11 Interaction Paradigms
Section 6.1 Section 6.2 Write Web text Use a mission statement
Computer Fundamentals
Yonglei Tao School of Computing & Info Systems GVSU
Week: 10 Human-Computer Interaction
Dissecting Design Design.
The interaction.
For use on your feedback page
Chapter 2 Web Site Design Principles
Human and Computer Interaction (H.C.I.) &Communication Skills
Presentation transcript:

WHITE SPACE and USER INTERACTION Ebuba Udoh Idris Kargbo Linda Mensah

What is white space? The space between elements on a screen ( element in this case is the content i.e. text &graphics) Ignoring the content gives one the layout of the interface

Uses of white space Space to Separate Space to Structure Space to highlight

History and more about White Space The term arises from graphic design practice, where printing processes generally use white paper - it is that portion of a page left un-marked: In some types of magazine, newspapers, e.t.c, white space is limited in order to get as much vital information on to the page as possible. A page crammed full of text or graphics with very little white space appears busy, cluttered, and will be difficult to read without careful attention being paid to it. A page with a lot of white space can appear either incomplete, or large amounts of white space applied judiciously can give a page a classic, elegant, or rich appearance. Upscale brands often use ad layouts with little text and a lot of white space, for example.

How it helps user interaction Aids reading e.g. less strain on the eye Structuring/ grouping of information prevents information overload

How it helps user interaction Interaction not just about interface The devices dictate the style of interaction that the system support If we use different devices then the interface will support a different style of interaction To understand human-computer interaction need to understand computer

User Interaction, with most computing and other devices (cont) Rapid feedback Navigator system The user tell the computer what they want (input) The computer then answer by result (output) The user should be in control Doing rather than thinking

User Interaction, with most computing and other Devices (cont) Table and chair Drawing plans on the paper Mobile phone Photocopier Car

User Interaction, with most computing and other Devices Interaction Model - translation between user and system - the nature of user /system dialog - User decide where to go, what to see, what to do and when to leave - system should response for user interest of using the product/system

References Alan Dix, Janet Finlay, Gregory D. Abowd, Russell Beale, 2004,Human Computer Interaction Third chap-05.ppt chap-05.ppt