Transcript
Page 1: Welcome to the world of  EZ-Mail

1

Welcome to the world of EZ-Mail

E-Mail should be for Everyone…Including your Grandmother!!!

Page 2: Welcome to the world of  EZ-Mail

2

Team MembersTeam Members

• Anjli

• Idan

• Mounir

• Rabie

• Rasha

Page 3: Welcome to the world of  EZ-Mail

3

ObjectivesObjectives

• Introduction• Design Evolution• Summary of feedback provided by

the evaluation team• Changes in response to feedback• Conclusion

Page 4: Welcome to the world of  EZ-Mail

4

IntroductionIntroduction

•Purpose & Scope

•Old System

•Features

•Usage Scenario

Page 5: Welcome to the world of  EZ-Mail

5

Purpose & ScopePurpose & Scope

• Simplify the use of email

• Fewer functions

• Improve Interface

Page 6: Welcome to the world of  EZ-Mail

6

Who is the User?Who is the User?

Everyone!Everyone!

Page 7: Welcome to the world of  EZ-Mail

7

The Old SystemThe Old System

• Complicated

• Expensive

• Time Consuming

• SOLUTION….EZ-Mail

Page 8: Welcome to the world of  EZ-Mail

8

Are We the First to think about it?

NO!!

Page 9: Welcome to the world of  EZ-Mail

9

CIDCO E-Mail 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."

Page 10: Welcome to the world of  EZ-Mail

10

CIDCO E-Mail 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 email and not calculate numbers!

• The user is not lead through!

Page 11: Welcome to the world of  EZ-Mail

11

FeaturesFeatures

• Requires NO computer skills

• Simple learning curve

• Simple Keyboard

• Touch-screen email

• Small & Portable

Page 12: Welcome to the world of  EZ-Mail

12

Usage ScenarioUsage Scenario Mother trying to reach me at school

Page 13: Welcome to the world of  EZ-Mail

13

Design Evolution

Key decisions

Page 14: Welcome to the world of  EZ-Mail

14

Evolution of the PrototypeEvolution 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

Page 15: Welcome to the world of  EZ-Mail

15

From From Iteration 1Iteration 1 to to Iteration 2: Iteration 2: Major Changes...Major Changes...

• Changed the method of “logging in”

• Feedback for new messages

• Improved the marker for new messages

Page 16: Welcome to the world of  EZ-Mail

16

Login screenLogin screen

1st Iteration 2nd Iteration

Page 17: Welcome to the world of  EZ-Mail

17

Options PageOptions Page

1st Iteration 2nd Iteration

Page 18: Welcome to the world of  EZ-Mail

18

Message ListMessage List

1st Iteration 2nd Iteration

Page 19: Welcome to the world of  EZ-Mail

19

Other ChangesOther 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

Page 20: Welcome to the world of  EZ-Mail

20

Evaluation Stage

Summary and Analysis of Feedback

Page 21: Welcome to the world of  EZ-Mail

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.

Page 22: Welcome to the world of  EZ-Mail

22

Add New User

• Message unnecessarily long and wordy.

• "Registration form", "system" and "create your account" would intimidate a novice user.

Page 23: Welcome to the world of  EZ-Mail

23

Registration Confirmation Message

• The user’s email address is provided once after the user creates an account but after that it is nowhere to be found.

Page 24: Welcome to the world of  EZ-Mail

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.

Page 25: Welcome to the world of  EZ-Mail

25

Compose a Message

• "Cc?" & “E-mail 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.

Page 26: Welcome to the world of  EZ-Mail

26

Send Message

• Feedback is excellent!

Page 27: Welcome to the world of  EZ-Mail

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.

Page 28: Welcome to the world of  EZ-Mail

28

Read Message

• Affordance, visibility and feedback are good.

Page 29: Welcome to the world of  EZ-Mail

29

Add E-mail address to Address Book

• Task is simple, Feedback is good.

• No option to delete or edit in Address Book.

Page 30: Welcome to the world of  EZ-Mail

30

Reply/Forward Message

• No option to exit Ez-mail or cancel the action.

• "Cc" & "forward" might be an unknown term to novice users.

Page 31: Welcome to the world of  EZ-Mail

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.

Page 32: Welcome to the world of  EZ-Mail

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 e-mail.

Page 33: Welcome to the world of  EZ-Mail

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.

Page 34: Welcome to the world of  EZ-Mail

34

Evolution of the interface

The Final Prototype...

Page 35: Welcome to the world of  EZ-Mail

35

General ModificationsGeneral 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

Page 36: Welcome to the world of  EZ-Mail

36

Welcome ScreenWelcome Screen

•Simplification of wordings

Page 37: Welcome to the world of  EZ-Mail

37

Create New AccountCreate New Account

•Simplification of wordings •Choice of E-Mail address•Cancel Button

Page 38: Welcome to the world of  EZ-Mail

38

E-Mail OptionsE-Mail Options

•Button Style (obvious)•Changed the title

Page 39: Welcome to the world of  EZ-Mail

39

Compose New MessageCompose New Message

•E-Mail List => Address book•CC is omitted•Cancel Button

Page 40: Welcome to the world of  EZ-Mail

40

Message ListMessage List

•Delete Functionality•Confirmation Message•Compose New Message Functionality

Page 41: Welcome to the world of  EZ-Mail

41

Read MessageRead Message

•Forward/Reply•Delete

Page 42: Welcome to the world of  EZ-Mail

42

Address BookAddress Book

•Choice of E-Mail address•Simplification of wordings •Add/Delete

Page 43: Welcome to the world of  EZ-Mail

43

ConclusionConclusion

HCI Concepts

Page 44: Welcome to the world of  EZ-Mail

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

Page 45: Welcome to the world of  EZ-Mail

45

Norman’s principles of good design

• Provide a good conceptual model

• Make things visible

• The principle of mapping

• The principle of feedback

Page 46: Welcome to the world of  EZ-Mail

46

Iterative Design Process

• Initial design specification phase

• Storytelling prototype phase

• Functional prototype phase

Page 47: Welcome to the world of  EZ-Mail

47

Shneiderman’s Golden Rules

• Consistency throughout design

• Shortcuts for frequent users

• Informative feedback

• Closure via design dialogues

• Error Handling / Action reversal

• Reduce short-term memory load

• K.I.S.S. (Keep it short and simple)

Page 48: Welcome to the world of  EZ-Mail

48

User-centered design approach

• Concentrate on user’s abilities and needs

• Study the user’s work habits

• Provide the tasks the user demands


Top Related