WHIRLPOOL 12/02/04 UXG ATHENA PREMIUM UI DEVELOPMENT WHIRLPOOL.

Slides:



Advertisements
Similar presentations
Modified Virtual Tour. Supply Management Online Main Menu The Main Menu provides a suite of offerings designed to meet the needs of our customers.
Advertisements

User Experience Krista Van Laan. Agenda What is User Experience? How does a User Experience team support the rest of the organization? What processes.
UX Portfolio Derek Smith. Overview Slides to walk through the UX activities of a sample project Present key design elements of the sample project Some.
Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.
Remote set-up instructions Life is meant to be interactive!
BUSINESS DRIVEN TECHNOLOGY Decision Analysis Tools in Excel
Decision Analysis Tools in Excel
Managing Text Flow Lesson 7. Skills Matrix SKILL #MATRIX SKILL 1.1.6Insert blank pages or cover pages 1.2.3Create and format columns.
In this presentation you will:
FEATURES – Displays the job features on the screen. Additional features are available by touching the tabs. TOUCH SCREEN – displays all the available features.
GUI Testing. High level System Testing Test only those scenarios and outputs that are observable by the user Event-driven Interactive Two parts to test.
Documentation Letts Study Guide Information Systems - IT Chapter 19.
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.
Viewing this Tutorial Use the ‘Down’ arrow on your keyboard, or left click your mouse, to move to the next point. Use the ‘Up’ arrow to go back. Use the.
Creating and Editing a Publication. What is Microsoft Office Publisher 2003?  A powerful desktop publishing program that assists you in designing and.
1.
TEAM ERIS: MOBILE AND GPS INTEGRATION. WHY HFID WAS WORTH OUR TIME Balance simplicity with functionality Don’t design for edge cases Communicate affordances.
1 Computing for Todays Lecture 20 Yumei Huo Fall 2006.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals Understand who are the users and what do they do Articulate how will users.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
PYP002 Intro.to Computer Science Microsoft Word1 Lab 07 Creating Documents with Efficiency and Consistency.
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 15 Working with Tables 1 Morrison / Wells / Ruffolo.
Computer System Examples? Input Output Devices System Unit Devices
Visual Basic Chapter 1 Mr. Wangler.
XP New Perspectives on Microsoft Office PowerPoint 2003 Tutorial 2 1 Microsoft Office PowerPoint 2003 Tutorial 2 – Applying and Modifying Text and Graphic.
Getting Started with Expression Web 3
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.
GPS Parking System Team 29 (Campus) Shinyi Chen Chih-Ching Huang Pei-Hua Lu.
Web Technologies Website Development Trade & Industrial Education
Erin Malone Product Design Director AOL Web Properties Using Flowmaps in a team Steps to increase their effectiveness.
HOW TO SELL OMNII™ For Oracle KEYBOARD
XP Modifying the Slide Master Click the View tab on the Ribbon, and then, in the Master Views group, click the Slide Master button Click the Slide Master.
Requirements Information and data which need to be displayed or accessible to the user Sitemapping (Site Map) Flow Chart models of site structure displaying.
Website Development with Dreamweaver
Cool Reader design guide v0.1 Copyright© by Ohio State University. All Rights Reserved. Page 1 Beta Tap Zone Actions Design Guidelines ISE SangHyun.
Java Software Solutions Lewis and Loftus Chapter 10 1 Copyright 1997 by John Lewis and William Loftus. All rights reserved. Graphical User Interfaces --
1 CMPT 275 Phase: Design. Janice Regan, Map of design phase DESIGN HIGH LEVEL DESIGN Modularization User Interface Module Interfaces Data Persistance.
Introducing the UHC-HD for McDonald’s
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Instructional Guide. How does EasyBib make research easier? Citation Generation Easily create a bibliography in MLA, APA, and Chicago styles Export to.
Instructors begin using McGraw-Hill’s Homework Manager by creating a unique class Web site in the system. The Class Homepage becomes the entry point for.
1 ADVANCED MICROSOFT WORD Lesson 13 – Working with Long Documents Microsoft Office 2003: Advanced.
Presented by Dr. Jack E. Johnson at the 2007 NBEA Annual Convention Thursday, April 5, GDP, Distance Learning, & Word 2007 “Perfect Partners in.
1 Lesson 18 Organizing and Enhancing Worksheets Computer Literacy BASICS: A Comprehensive Guide to IC 3, 3 rd Edition Morrison / Wells.
Chapter One An Introduction to Visual Basic 2010 Programming with Microsoft Visual Basic th Edition.
PowerPoint Presentation for Dennis, Wixom, & Tegarden Systems Analysis and Design with UML, 3rd Edition Copyright © 2009 John Wiley & Sons, Inc. All rights.
U.S. Department of Agriculture eGovernment Program Design Approach for usda.gov April 2003.
XP New Perspectives on Microsoft PowerPoint 2002 Tutorial 2 1 Microsoft PowerPoint 2002 Tutorial 2 – Applying and Modifying Text and Graphic Objects.
Working with Objects. Objectives Create an object Transform an object Arrange and lock an object Step and repeat an object Use Live Distribute Use the.
Microsoft Office 2008 for Mac – Illustrated Unit C: Understanding File Management.
User interface design and human computer interaction Xiangming Mu.
Creating Graphical User Interfaces (GUI’s) with MATLAB By Jeffrey A. Webb OSU Gateway Coalition Member.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Chapter 4 Working with Frames. Align and distribute objects on a page Stack and layer objects Work with graphics frames Work with text frames Chapter.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Deliverables -IA Methodologies -Research Topic Presentations.
1  [company] Inc. [year] Girl Scouts of the USA Secure Site Project Kickoff [date]
© 2011 Delmar, Cengage Learning Chapter 4 Working with Frames.
SOFTWARE ARCHITECTURE FOR A KWIC SYSTEM TEAM: GLOBAL 14.
Topic 4 - Database Design Unit 1 – Database Analysis and Design Advanced Higher Information Systems St Kentigern’s Academy.
CIS 4910 Information Systems Development Project Project Documentation.
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
Microsoft ® Excel 2010 Core Skills Lesson 5 Viewing and Printing Workbooks Courseware #: 3243 Microsoft ® Office Excel 2010.
Tutorials and Quick Guides A quick introduction. Overview  Genre of Tutorial  Genre of Quick Guide  Genre of Reference  Genre of User Manual  Attributes.
Adobe InDesign CS5 – Illustrated Unit C: Working with Objects.
Art 155 Information Architecture In-class Presentation Week 4B.
William H. Bowers – Specification Techniques Torres 17.
Team Skill 3 - Defining the System (Chapters of the requirements text ) Sriram Mohan 1.
USER AND TECHNICAL DOCUMENTATION
Presentation transcript:

WHIRLPOOL 12/02/04 UXG ATHENA PREMIUM UI DEVELOPMENT WHIRLPOOL

12/02/04 User Research Information Architecture Interaction Architecture Interaction Design UI Prototyping User Research UI Design Specifications Simulations UI DEVELOPMENT PROCESS

WHIRLPOOL 12/02/04 Use research results to create the basic foundation for the user experience Address the underlying design framework first Arrange & structure content, features, & functions to facilitate intuitive access to them INFORMATION ARCHITECTURE

WHIRLPOOL 12/02/04 INFORMATION ARCHITECTURE

WHIRLPOOL 12/02/04 Leverage any mental model work, research results, & info architecture to define and document user-system interaction processes Create an interaction flow that is ideal for the target user and independent of UI technology INTERACTION ARCHITECTURE

WHIRLPOOL 12/02/04 INTERACTION ARCHITECTURE

WHIRLPOOL 12/02/04 INTERACTION ARCHITECTURE

WHIRLPOOL 12/02/04 High level for all microwaves Specific for each Athena unit technology specific feature specific used to generate UI Specs INTERACTION ARCHITECTURE

WHIRLPOOL 12/02/04 Iterative design process Balance multiple stakeholder needs to design solutions that meet product, brand, usability, & technology requirements INTERACTION DESIGN

WHIRLPOOL 12/02/04 Affinity diagram from interaction architecture to identify all unique templates within the product TEMPLATES

WHIRLPOOL 12/02/04 Described unique screens/interactions from IA on post-its and made affinity diagram of them: Naming the interactions Organizing like behaving screens together TEMPLATES

WHIRLPOOL 12/02/04 Template Map TEMPLATES

WHIRLPOOL 12/02/04 Sample screens from the template map TEMPLATES

WHIRLPOOL 12/02/04 Provide a detailed and comprehensive way to clearly communicate UI design to process partners Four types of design blueprints: Visual Design Specification UI Screen Catalog Interaction Architecture Style Guide Ensure design integrity UI DESIGN SPECIFICATIONS

WHIRLPOOL 12/02/04 UI DESIGN SPECIFICATIONS

WHIRLPOOL 12/02/04 UI DESIGN SPECIFICATIONS

WHIRLPOOL 12/02/04 Screen Catalog UI DESIGN SPECIFICATIONS

WHIRLPOOL 12/02/04 Interaction Architecture UI DESIGN SPECIFICATIONS

WHIRLPOOL 12/02/04 Style Guide UI DESIGN SPECIFICATIONS

WHIRLPOOL 12/02/04 10 KEY DISPLAY MATRIX 22 DEDICATED KEYS - 10 NUMERIC KEYS - 3 QUICK SELECTION - 1 TIMER ON/OFF - 1 TURNTABLE ON/OFF - MANUAL MWO - MANUAL CONVECT - START - CANCEL / OFF / CHILD LOCK CONTROL & DISPLAY

WHIRLPOOL 12/02/04 LCD ScreenCONTROLS TO LEFT OF LCD SCREEN: Are naturally grouped together Cooking processes, one-touch cook and oven features Would terminate a current activity and take over with new functionality with the key that was pressed from the right (i.e. they do not need a cancel button to be invoked if a process us underway) Would occur most normally before or after the Start key was pressed CONTROLS TO RIGHT OF LCD SCREEN: Act as modifiers, adjusters, and activators (i.e. Start) for activities from the left keys or from the LCD screen Support current tasks being done from the LCD screen and/or right keys Include alphanumeric keypad CONTROL PANEL

WHIRLPOOL 12/02/04 Full 1/3 2/3 1/3 LCD LAYOUT

WHIRLPOOL 12/02/04 Instructional text: top portion of screen Command button: bottom portion of screen Option / Action / Info: middle portion of screen LCD LAYOUT

WHIRLPOOL 12/02/04 UI (MAIN MENU) BRAND DIFFERENTIATION

WHIRLPOOL 12/02/04 ID BRAND DIFFERENTIATION