Welcome to the world of EZ-Mail
description
Transcript of Welcome to the world of EZ-Mail
![Page 1: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/1.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/2.jpg)
2
Team MembersTeam Members
• Anjli
• Idan
• Mounir
• Rabie
• Rasha
![Page 3: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/3.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/4.jpg)
4
IntroductionIntroduction
•Purpose & Scope
•Old System
•Features
•Usage Scenario
![Page 5: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/5.jpg)
5
Purpose & ScopePurpose & Scope
• Simplify the use of email
• Fewer functions
• Improve Interface
![Page 6: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/6.jpg)
6
Who is the User?Who is the User?
Everyone!Everyone!
![Page 7: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/7.jpg)
7
The Old SystemThe Old System
• Complicated
• Expensive
• Time Consuming
• SOLUTION….EZ-Mail
![Page 8: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/8.jpg)
8
Are We the First to think about it?
NO!!
![Page 9: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/9.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/11.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/12.jpg)
12
Usage ScenarioUsage Scenario Mother trying to reach me at school
![Page 13: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/13.jpg)
13
Design Evolution
Key decisions
![Page 14: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/14.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/15.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/16.jpg)
16
Login screenLogin screen
1st Iteration 2nd Iteration
![Page 17: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/17.jpg)
17
Options PageOptions Page
1st Iteration 2nd Iteration
![Page 18: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/18.jpg)
18
Message ListMessage List
1st Iteration 2nd Iteration
![Page 19: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/19.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/20.jpg)
20
Evaluation Stage
Summary and Analysis of Feedback
![Page 21: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/21.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/22.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/23.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/24.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/25.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/26.jpg)
26
Send Message
• Feedback is excellent!
![Page 27: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/27.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/28.jpg)
28
Read Message
• Affordance, visibility and feedback are good.
![Page 29: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/29.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/30.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/31.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/32.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/33.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/34.jpg)
34
Evolution of the interface
The Final Prototype...
![Page 35: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/35.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/36.jpg)
36
Welcome ScreenWelcome Screen
•Simplification of wordings
![Page 37: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/37.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/38.jpg)
38
E-Mail OptionsE-Mail Options
•Button Style (obvious)•Changed the title
![Page 39: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/39.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/40.jpg)
40
Message ListMessage List
•Delete Functionality•Confirmation Message•Compose New Message Functionality
![Page 41: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/41.jpg)
41
Read MessageRead Message
•Forward/Reply•Delete
![Page 42: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/42.jpg)
42
Address BookAddress Book
•Choice of E-Mail address•Simplification of wordings •Add/Delete
![Page 43: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/43.jpg)
43
ConclusionConclusion
HCI Concepts
![Page 44: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/44.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/45.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/46.jpg)
46
Iterative Design Process
• Initial design specification phase
• Storytelling prototype phase
• Functional prototype phase
![Page 47: Welcome to the world of EZ-Mail](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/47.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022070411/56814834550346895db55450/html5/thumbnails/48.jpg)
48
User-centered design approach
• Concentrate on user’s abilities and needs
• Study the user’s work habits
• Provide the tasks the user demands