WP 4.4: Interface/Interaction Guidelines Gregor Broll, Heinrich Hußmann University of Munich (LMU) Department for Computer Science, Media Informatics SMS.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

User Interface Structure Design
System Integration Verification and Validation
Nokia Dominik Röck, Sonja Wihan.  This is a presentation about Nokia guidelines  Dominik Röck, k0rodo00  Sonja Wihan, k0wiso00.
Requirements Engineering n Elicit requirements from customer  Information and control needs, product function and behavior, overall product performance,
WP5 – Knowledge Resource Sharing and Management Kick-off Meeting – Valkenburg 8-9 December 2005 Dr. Giancarlo Bo Giunti Interactive Labs S.r.l.
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.
DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague
SMS-Meeting Munich December 07 WP 4.4 Contribution Sagem Orga Carsten Rust.
© 2009 Research In Motion Limited Methods of application development for mobile devices.
Design Modeling for Web Applications
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Hypotheses for the SMS user interface Richard Walker Frascati January 5, 2007.
The SMS project WP 5: Integration ICCS. Integration’s Role Planning: –Plan for integration of software and hardware components –Define testing needed.
© Lethbridge/Laganière 2001 Chapter 7: Focusing on Users and Their Tasks1 7.1 User Centred Design (UCD) Software development should focus on the needs.
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
Chapter 13: Designing the User Interface
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.
Slide 1 Requirements Workflow. Slide 2 The Phases/Workflows of the Unified Process Figure 3.1 l Phase is Business context of a step Workflow is Technical.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
User Interface Design Process Lecture # 6. CS Structure  Understand the User Interface  Design the User Interface  Evaluate the User Interface.
Human Interface Engineering1 Main Title, 60 pt., U/L case LS=.8 lines Introduction to Human Interface Engineering NTU Seminar Amy Ma HIE Global Director.
Team Crutch. Vision Statement Team crutch aims to develop portable, inexpensive, user-friendly software for the Android platform that mitigates communication.
RUP Requirements RUP Artifacts and Deliverables
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Microsoft Office Communicator A General Introduction.
Enterprise & Intranet Search How Enterprise is different from Web search What to think about when evaluating Enterprise Search How Intranet use is different.
Principles of User Centred Design Howell Istance.
Requirements Analysis
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
Copyright © 2003 Pearson Education, Inc. Chapter 8 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
Guidelines and Prototypes CS774 Human Computer Interaction Spring 2004.
1 DENIM: An Informal Web Site Design Tool Inspired by Observations of Practice CS 376 – Research Topics in HCI 11/01/2005 Tony Tulathimutte.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
Introduction to Interactive Media The Interactive Media Development Process.
Interacting with IT Systems Fundamentals of Information Technology Session 5.
Feasibility Study.
Software Engineering Management Lecture 1 The Software Process.
PowerPoint Presentation for Dennis, Wixom, & Tegarden Systems Analysis and Design with UML, 3rd Edition Copyright © 2009 John Wiley & Sons, Inc. All rights.
User Interface Structure Design Chapter 11. Key Definitions The user interface defines how the system will interact with external entities The system.
Slide 1 Chapter 11 User Interface Structure Design Chapter 11 Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman.
A Conceptual Overview Presentation: 60 minutes Q&A: 30 minutes.
U.S. Department of Agriculture eGovernment Program Design Approach for usda.gov April 2003.
Screen design Week - 7. Emphasis in Human-Computer Interaction Usability in Software Engineering Usability in Software Engineering User Interface User.
Supporting rapid design and evaluation of pervasive application: challenges and solutions Lei Tang 1,2, Zhiwen Yu 1, Xingshe Zhou 1, Hanbo Wang 1, Christian.
ANDROME – WP3 - Applications definition and development | Enabling Community Communications-Platforms and Applications | WP3 : Applications.
CS2003 Usability Engineering Human-Centred Design Dr Steve Love.
Introduction to Software Development. Systems Life Cycle Analysis  Collect and examine data  Analyze current system and data flow Design  Plan your.
Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.
User Interfaces 4 BTECH: IT WIKI PAGE:
Creating your prototype. In this lesson students are learning about: Selecting appropriate software Creating an effective navigation system within an.
Interaction Design Dr. Jim Rowan Foley Introduction What’s in the Book that we’ll cover.
Project Deliverables CEN Engineering of Software 2.
Graphics and interface design Feng Liu Ph.D.. Outline Design Principles – What designer need to keep in mind Elements of design Where interface design.
SEAMLESS: Demo Version 1.4 “Presenting current developments and welcoming your feedback” For contact:
Creative Digital Technology Excellence in Internet Development Since 1992 Westpac Online FX Facelift RFP Discussion.
Conceptual Design Dr. Dania Bilal IS588 Spring 2008.
ELib Technical Issues Concertation Day: Mobile Code and VRML Brian Kelly UK Web Focus UKOLN, University of Bath, Bath
1 WP7 Presentation WP7 -- Project Evaluation Computer Engineering and Networks Laboratory, ETH Zurich Prof. Dr. Bernhard Plattner.
Project Deliverables CIS 4328 – Senior Project 2 And CEN Engineering of Software 2.
William H. Bowers – Specification Techniques Torres 17.
INDIGO – DataCloud WP5 introduction INFN-Bari CYFRONET RIA
WP8: Demonstrators (UniCam – Regione Marche)
Mockups and Prototypes
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.
User Interface Design and Evaluation
WP7 – COMBINING BIG DATA - STATISTICAL DOMAINS
Project HE Assignment Web Site Design
E-learning Projects Overview
Presentation transcript:

WP 4.4: Interface/Interaction Guidelines Gregor Broll, Heinrich Hußmann University of Munich (LMU) Department for Computer Science, Media Informatics SMS Meeting, 3rd/4th December 2007 Herrsching, Germany

LMU, SMS Meeting, Herrsching, Germany, /11 Agenda Current status of development of interfaces/interaction patterns for SMS Integration with other WPs Deliverable Next steps

LMU, SMS Meeting, Herrsching, Germany, /11 Towards SMS Design Guidelines Development of design guidelines from: Functional requirements (WP4.1) SMS scenarios (e.g. interface mock-ups) Storyboarding, paper-prototyping, focus groups Agenda for finding interfaces/interaction patterns for SMS application: Survey of existing interface/interaction patterns Prototyping and evaluating different interfaces Implementation of a reference application based on evaluation results Further evaluation (e.g. against alternative approaches or focued on specific features) Development of guidelines Design Guidelines Functional Requirement Interfaces, Interaction Patterns, …

LMU, SMS Meeting, Herrsching, Germany, /11 Related Work and Analysis Survey of existing: (mobile) interface and interaction patterns/guidelines/libraries usability and design guidelines for mobile applications, e.g. from Nokia technologies, toolkits, etc. for the development of mobile interfaces, e.g. Java ME, Thinlets. What are the functional requirements for SMS-applications? What are additional standard-procedures, feedback mechanisms, menu structures, graphical design, etc. in SMS applications? What are existing guidelines/patterns for (mobile) interfaces/interactions? How can these be applied to the functional requirements from SMS? What are useful interfaces/interaction patterns for SMS features?

LMU, SMS Meeting, Herrsching, Germany, /11 Prototyping - Basics Paper-prototypes of different interfaces/interaction patterns Based on functional requirements Different alternative designs for different interfaces/interactions Apply whole range of investigated interfaces, interaction patterns and gui widgets Focus on: Key features of SMS: startscreen, What’s here, TakeMe2, services, MEM, SMS points Standard components: Login/logout, contacts, settings, filter, order, rating, feedback Basic layout: icons vs. text, grid/list/tab layout, map, menu structure, navigation

LMU, SMS Meeting, Herrsching, Germany, /11 Prototyping - Examples

LMU, SMS Meeting, Herrsching, Germany, /11 Evaluation Evaluation of different paper-prototypes in a meta-scenario Focus on a selection of interface/interaction features/issues: What‘s here Order and filter Wizard (using a service) Receiving and using a MEM TakeMe2 SMS point Navigation Startscreens Contacts Includes features from Lancaster proposal (e.g. service discovery, MEM) Expected results: Input for basic guidelines Basis for development of reference application

LMU, SMS Meeting, Herrsching, Germany, /11 Integration with WP4.1 and WP3 Different options for (further) evaluation and integration: 1.Combination of LMU and Lancaster proposals for planned evaluation -Takes too long -Current study already very big 2.Evaluation of LMU reference implementation, Lancaster design and MOVE +Refined evaluation - find out (dis)advantages of all 3 designs +Pick best features for SMS reference design -Takes quite some time -Redundant efforts (3 client implementations) 3.Application of evaluation results to MOVE client +Fast application of evaluation results +Refined MOVE client as reference application +More time to focus on development and evaluation of SMS specific features (e.g. MEM, SMS points, …) + WP4.1 and WP4.4 to provide alternative designs for evaluation => pick best designs

LMU, SMS Meeting, Herrsching, Germany, /11 Deliverable – Preliminary Outline Due at the end of January 2008 Overview of usability development process Preliminary study on future trends in mobile hard- and software Existing interface/interaction guidelines for mobile applications Technical prerequisites for implementing interfaces (Java ME, Thinlets, etc.) Analysis Functional requirements and application of existing guidelines/patterns Design of alternative mobile interfaces (paper-prototypes) Design of Lancaster proposal (?) User study and evaluation Preliminary guidelines (based on results of user study) Outlook Application of guidelines to MOVE client Further development and evaluation of SMS specific features

LMU, SMS Meeting, Herrsching, Germany, /11 Deliverable – Partner Contributions Sagem Orga: resumes work on interfaces for security and privacy All partners: Run the evaluation/user study with at least 5 people in their home countries Materials (study outline, questionnaire, etc.) will be provided Confirmed by: Sagem Orga, VTT, XiWrite, Radiolabs Deadline for all contributions: 11 th January 2008

LMU, SMS Meeting, Herrsching, Germany, /11 Summary / Next Steps User study, evaluation, definition of basic SMS design guidelines Application of these guidelines to the MOVE client Further, more detailed evaluation of selected SMS issues (e.g. MEMs, navigation, interaction with SMS points, …) => WP4.1 and WP4.4 Compare Java ME/Thinlet-interfaces against competition, e.g. HTML