1 Welcome to the world of EZ-Mail E-Mail should be for Everyone… Including your Grandmother!!!

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

1 Unit & District Tools Phase 1. 2 To access the new Unit and District Tools, you will need to click on the link embedded in the MyScouting Flash page.
EDW647 Internet For Educators Setting Up a Gmail Account Roger W. Webster, Ph.D. Department of Computer Science Millersville University (717)
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
Accounts Payable–1099 Processing 1Freedom Systems – Accounts Payable – 1099 Processing WELCOME TO THE ACCOUNTS PAYABLE – 1099 PROCESSING WEBINAR WE WILL.
Ch 11 Cognitive Walkthroughs and Heuristic Evaluation Yonglei Tao School of Computing and Info Systems GVSU.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
Office 2003 Introductory Concepts and Techniques M i c r o s o f t Outlook Project and Contact Management with Outlook.
New Library Catalogue Interface Proposal 3. Introduction This presentation will outline the design decisions for the new interface of the on-line library.
Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2006 Microsoft Corporation.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
Chapter 13: Designing the User Interface
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
Click your mouse button to advance the frames.. Coaches/Team Moms Getting Started.
Outlook Web Access (OWA) is a web mail service of Microsoft Exchange; allow users to connect remotely via a Web browser OWA is used to access ,
User Interface Theory & Design
Quick Reference Guide Welcome TEST USER Version_NSU_ HELP RETIREMENT MANAGER DEMO FEEDBACK.
Adagio4 Web Content Management EP Information Offices.
5. Blackboard Quiz and Survey Tools Dr. Curtis J. Bonk Professor, Indiana University President, CourseShare.com
School and LEA Users
Career Services Center Employer Training. This is the main login page. The link can be found at Employers.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
| | Tel: | | Computer Training & Personal Development Outlook Express Complete.
What You Need... A computer with an internet connection Access to an account that is not shared with any other Referee in any sport or group Your.
User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Encryption Cisco Ironport using Click here to begin Press the ‘F5’ Key to Begin.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Student Training Your Name. The Language Leader Philosophy: Study, Practise, Remember! Grammar Vocabulary Tasks Skills Development: - Reading - Writing.
COMP106 Assignment 2 Proposal 1. Interface Tasks My new interface design for the University library catalogue will incorporate all of the existing features,
We’re Your Bookstore… Ready to Serve You 24/7 efollett.com edoption U. T. Bookstore.
Laser Harp 2002 Introduction: Purpose and Scope Electronic musical toy, not an instrument Uses laser beams instead of strings Teaching capability.
Key Applications Module Lesson 21 — Access Essentials
INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.
Final Presentation Red Team. Introduction The Project We are building an application that can potentially assist Service Writers at the Gene Harvey Chevrolet.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
(PubMed) MY NCBI (Advanced Course: Module 2). Table of Contents  How to register and sign into MY NCBI  Setting up filters in MY NCBI  Saving searches.
The Emotion Quiz Cecelia Redding Erika Zimmermann Jeff Crowe Torben Eisler.
HCI project--iNews Introduction (Yao Jie) Usage Scenario (Yao Jie) Design Evolution (Yao Jie) Summary of Evaluation (Jianfeng Yin) Modification (Jianfeng.
HCI Mini-Presentation M.A.C.S. Project Human Computer Interaction By Jeremy Cooperstock McGill University.
Class Discussion Boards. This is a tour of Manhattan’s Class Discussion Board Module. You’ll find that although there are lots of different ‘modules’
INTERFACE COMPOSITION GAME DESIGN. OBJECTIVES After this lesson, students will be able to: Identify the Eight Golden Rules of Human-Computer Interface.
Heuristic Evaluation Short tutorial to heuristic evaluation
UsersTraining StatisticsCommunication Tests Knowledge Board Welcome to the Knowledge Board interactive guide! We encourage you to start with a click on.
Outlook Web Access (OWA) is a web mail service of Microsoft Exchange; allow users to connect remotely via a Web browser OWA is used to access ,
Design Phase intro & User Interface Design (Ch 8)
Tutor: Gerry Mc Cann Basic Computer Study for academic Skills.
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
Step 1 Lead Notifications Dear Partner, New leads have been assigned to your organization based on customer preference and are available for you.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
AREA MEETING 2016 What is the CLIMATE of your CLUB?
Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-
Unit & District Tools Phase 1
Journal of Mountain Science (JMS)
Human-Computer Interaction
User Interface Design Chapter 8.
Epic In Basket.
Copyright Catherine M. Burns
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Managing Epic Messages
Managing Epic Messages
Usability Heuristics Prof
The Smarter Balanced Assessment Consortium
The Smarter Balanced Assessment Consortium
Presentation transcript:

1 Welcome to the world of EZ-Mail should be for Everyone… Including your Grandmother!!!

2 Team Members Anjli Idan Mounir Rabie Rasha

3 Objectives Introduction Design Evolution Summary of feedback provided by the evaluation team Changes in response to feedback Conclusion

4 Introduction Purpose & Scope Old System Features Usage Scenario

5 Purpose & Scope Simplify the use of Fewer functions Improve Interface

6 Who is the User? Everyone!

7 The Old System Complicated Expensive Time Consuming SOLUTION….EZ-Mail

8 Are We the First to think about it? NO!!

9 CIDCO Appliance Customer Reviewer: An electronics fan from Amherst, VA December 31, 1999 –"…Perhaps MailStation could have even fewer functions, making for more simplicity of operation."

10 CIDCO Appliance vs. EZ-Mail (2) It includes a calculator, a spell check, and a calendar!! Why add these extra features, the user wants to send an and not calculate numbers! The user is not lead through!

11 Features Requires NO computer skills Simple learning curve Simple Keyboard Touch-screen Small & Portable

12 Usage Scenario  Mother trying to reach me at school

13 Design Evolution Key decisions

14 Evolution of the Prototype 3 Iterations –Step 1: Mock-up “go to” type story board mock-up –Step 2: html prototype implementation of “go to” type mock-up –Step 3: improved html prototype more functionality more consistency improved interface

15 From Iteration 1 to Iteration 2: Major Changes... Changed the method of “logging in” Feedback for new messages Improved the marker for new messages

16 Login screen 1 st Iteration2 nd Iteration

17 Options Page 1 st Iteration2 nd Iteration

18 Message List 1 st Iteration2 nd Iteration

19 Other Changes Address book Ability to go to the previous and next message for the current message Screen consistency –same colors in all screen –Exit button in the same place on the screen

20 Evaluation Stage Summary and Analysis of Feedback

21 Log on EZ-mail "Logging on" step unclear. "system password" or "select button" ?! Navigation by tapping the screen not obvious. Registered user, message clear and concise.

22 Add New User Message unnecessarily long and wordy. "Registration form", "system" and "create your account" would intimidate a novice user.

23 Registration Confirmation Message The user’s address is provided once after the user creates an account but after that it is nowhere to be found.

24 Options: Read Messages & Compose New Message User kept informed of number of unread messages. Red, flashing "unread messages" indicator should remain present as long as unread messages exist.

25 Compose a Message "Cc?" & “ list?": Terms unclear to novice user. No Cancel and exit EZ-mail options. No indication on how the user is expected to move between fields.

26 Send Message Feedback is excellent!

27 Inbox:List of Messages "new/old", "from" and "subject" columns seem to indicate one should get a different response by clicking on each! Width of first column disproportionate to that of the other columns. No "Refresh"Inbox option. No Delete message option.

28 Read Message Affordance, visibility and feedback are good.

29 Add address to Address Book Task is simple, Feedback is good. No option to delete or edit in Address Book.

30 Reply/Forward Message No option to exit Ez- mail or cancel the action. "Cc" & "forward" might be an unknown term to novice users.

31 Generalities Exiting EZ-Mail –Very easy and very quickly done. But not all screens have this option. Feedback –Title of each screen keeps user informed as to what the current interface is meant for.

32 Generalities (Continued) Control & Freedom –Technical support information not required on every screen. –Advanced user mode more for experienced users requiring a quicker alternative to PC- based .

33 Generalities (Continued) Aesthetics –Nearly identical design and layout of each screen very appropriate. – Reduce size of EZ-Mail logo. –Take advantage of the screen dimensions by using "landscape" screen instead of the "portrait" screen.

34 Evolution of the interface The Final Prototype...

35 General Modifications “Cancel” button added to all relevant screens. (Concept of Forgiveness) “Exit EZ-mail” added to all post welcome screens. Confirmation messages for Destructive action. Reconfigured screens to Landscape Format. Access to Help by touching

36 Welcome Screen Simplification of wordings

37 Create New Account Simplification of wordings Choice of address Cancel Button

38 Options Button Style (obvious) Changed the title

39 Compose New Message List => Address book CC is omitted Cancel Button

40 Message List Delete Functionality Confirmation Message Compose New Message Functionality

41 Read Message Forward/Reply Delete

42 Address Book Choice of address Simplification of wordings Add/Delete

43 Conclusion HCI Concepts

44 How were HCI concepts applied to the design of EZ-mail? By respecting the founding principles of HCI Norman’s principles of good design Iterative design process Shneiderman’s Golden Rules User-centered design approach

45 Norman’s principles of good design Provide a good conceptual model Make things visible The principle of mapping The principle of feedback

46 Iterative Design Process Initial design specification phase Storytelling prototype phase Functional prototype phase

47 Shneiderman’s Golden Rules Consistency throughout designConsistency Shortcuts for frequent usersShortcuts Informative feedbackfeedback Closure via design dialoguesClosure Error Handling / Action reversalAction reversal Reduce short-term memory load K.I.S.S. (Keep it short and simple)K.I.S.S.

48 User-centered design approach Concentrate on user’s abilities and needs Study the user’s work habits Provide the tasks the user demands