Chapter 14 Moving from choosing components into design areas

Slides:

Advertisements

Similar presentations

Chapter 19 Design Model for WebApps

Advertisements

User Interface design Teppo Räisänen

Taavi Tamberg What is screen? Device User Interface Information Service Innovation.

Principles of Web Design 5th Edition

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.

Intro to Graphic Design & Multimedia Definition of Graphic Design & Multimedia Technology Convergence Design Process Multimedia Production Cycle Graphic.

Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.

Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.

Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.

Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.

Web Site Design Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development April 6, 1999.

Design Modeling for Web Applications

Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.

Design Principles for Human- Computer Interfaces Donald A. Norman Presented by Paul Woodall.

Software Engineering Incorporating Interface Design Into Software Engineering.

Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Introduction to Computer Graphics Survey (Chapter 1) Graphics Systems (Chapter 2)

Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.

Essential Guide to User Interface Design PART 1 The User Interface – Introduction and Overview Chapter 2 – Characteristics of the Graphical and Web UI.

Designing Documents, Slides, & Screens

Systems Analysis and Design in a Changing World, 6th Edition

Multimedia Notes Review for 8 th Grade Computer Skills Competency Test.

◦ A single seamless whole. ◦ Simplicity is the key UIDE Chapter 14.

Chapter 2 Web Site Design Principles

Web Site Design Principles

Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem

Patterns, effective design patterns Describing patterns Types of patterns – Architecture, data, component, interface design, and webapp patterns – Creational,

What about Chapter 7?. What is the usability process? Tyldesley’s 22 possible Measurement Criteria Let’s focus on usability–A usability initiative needs.

Chapters 13, 14, & 15 Daniel Schomburg Rollie Ostrander Neil S. Harmon.

Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.

Chapter 9 Design guidance and design rationale. UIDE Chapter 9 Sources of Design Guidance Standards Standards –User interface standard Design Guidelines.

Bringing it together Humans Computers Interaction Paradigms Design HCI in software development Design Rules Implementation Support – to come.

Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.

Technical Module H Web and Graphical User Interface Design Interface Fundamentals Who are the users? Internal External Users’ main events Types of interfaces.

Defining Presentation Software. Presentation Software A complete presentation graphics program used to produce a professional looking presentation.

Introduction to Multimedia Review 1 - Lecture Notes Semester 1.

GOLDEN PRINT ILLUSTRATION PURPOSES Attract Attention: Most cases it is necessary but not sufficient. See Exhibits 13.1 on page 409. Make the brand heroic.

Chapter 5 Requirements gathering: knowledge of user interface design.

Interaction Design Chapter 1. Good design? Bad design?

Chapter 5:User Interface Design Concepts Of UI Interface Model Internal an External Design Evaluation Interaction Information Display Software.

AOIT Graphic Design Unit 3, Lesson 9 Examples of Balance.

Design Phase intro & User Interface Design (Ch 8)

Web Interface Design Basic GUI and Web layouts Fig H.12: Basic Layouts of Web and Graphic User Interfaces.

Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.

3461 Laying Out Components Principles of Good Screen Design Galitz, W. O., (2002) The Essential Guide to User Interface Design, 2nd Edition, Wiley Computer.

Printed Reports Analysis questions –Who will use the report? –What is the purpose of the report? –When or how often is the report needed? –Where does the.

WELCOME Topic: Peoples and Machines. Definition People and machines is a concept that includes all of the issues that relate to how people interact with.

 Balance, Alignment, Consistency, Contrast, Repetition, Golden Rectangle, White space, Proximity.  Graphic Design case study1  Tutor marked assignments.

Decision Support System by Simulation Model (Ajarn Chat Chuchuen) 1 Chapter 6 User Interface Management.

Chapter 4. CONCEPT OF THE OPERATING SYSTEM MANAGING ESSENTIAL FILE OPERATIONS.

Chapter 2 Web Site Design Principles

Characteristics of Graphical and Web User Interfaces

Communication Technology II & III

Principles of Good Screen Design

Chapter 6: Interfaces and interactions

Objective % Explain concepts used to create websites.

Chapter 18 The design of embedded computer systems

Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.

Fundamentals of Human Computer Interaction (HCI)

Chapter 13 Choosing interaction elements: software components

Intro to Digital Media & Multimedia

Chapter 26 Inspections of the user interface

Characteristics of Graphical and Web User Interfaces

Defining Presentation Software

Defining Presentation Software

Chapter 2 Web Site Design Principles

Objective Explain concepts used to create websites.

User Interface Design In Windows using Blend.

Presentation transcript:

Chapter 14 Moving from choosing components into design areas

Combining Interaction Devices and Software Components Simplicity is the key UIDE Chapter 14

Principles of Good Layout Separate the Currently Active Components Emphasize Important Components Color, type size, positioning, animation Use White Space Effectively Spaces and gaps are important Make the Controls Visible Function of controls must be obvious Balance Aesthetics and Usability Create Natural Groupings UIDE Chapter 14

Critique UIDE Chapter 14

What Is a Design Area? Graphical user interfaces (GUIs) Web pages Embedded systems, such as handheld devices “Technological convergence” “Ubiquitous computing” UIDE Chapter 14

Design Components and Design Areas Identify the relevant design area, principles, guidelines and issues Consider the conceptual design Combine the design components UIDE Chapter 14