Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "WHIRLPOOL 12/02/04 UXG ATHENA PREMIUM UI DEVELOPMENT WHIRLPOOL."— Presentation transcript:

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

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

3 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

4 WHIRLPOOL 12/02/04 INFORMATION ARCHITECTURE

5 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

6 WHIRLPOOL 12/02/04 INTERACTION ARCHITECTURE

7 WHIRLPOOL 12/02/04 INTERACTION ARCHITECTURE

8 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

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

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

11 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

12 WHIRLPOOL 12/02/04 Template Map TEMPLATES

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

14 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

15 WHIRLPOOL 12/02/04 UI DESIGN SPECIFICATIONS

16 WHIRLPOOL 12/02/04 UI DESIGN SPECIFICATIONS

17 WHIRLPOOL 12/02/04 Screen Catalog UI DESIGN SPECIFICATIONS

18 WHIRLPOOL 12/02/04 Interaction Architecture UI DESIGN SPECIFICATIONS

19 WHIRLPOOL 12/02/04 Style Guide UI DESIGN SPECIFICATIONS

20 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

21 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

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

23 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

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

25 WHIRLPOOL 12/02/04 ID BRAND DIFFERENTIATION


Download ppt "WHIRLPOOL 12/02/04 UXG ATHENA PREMIUM UI DEVELOPMENT WHIRLPOOL."

Similar presentations


Ads by Google