SlideShare a Scribd company logo
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 1

Heuristic Evaluation: iCalamity Guide

Aaron Marcus, President, and Scott Abromowitz, Designer/Analyst
Aaron Marcus and Associates, Inc. (AM+A)
1196 Euclid Avenue, Suite 1F, Berkeley, California 94708-1640, USA
Tel: +1-510-601-0994,
Email: Aaron.Marcus@AMandA.com and scott@abromo.com
Web: www.AMandA.com
Prof. Maysoon F. Abulkhair
Faculty of Computing and Information Technology
King Abdulaziz University, Jeddah, Saudi Arabia
Email; mabualkhair@kau.edu.sa
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 2

iCalamity: App Assists People During
Natural, People-Made Disasters
 R+D Project at King Abdulaziz University
 Two user experiences based on user credentials
 Individual (faculty, students ,administrators ,visitors); security agents

 AM+A conducted heuristic evaluation (HE) in 2012
 Examined usability, usefulness, and appeal per AM+A criteria
 Detailed heuristics in Appendix of DUXU13 paper

 Topics






Initial Set up
Application Management
Competitive Analysis
Screen Redesigns
Conclusion
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 3

HE Examples: Initial Set Up, 1/4
 System Set-up: Insufficient options to reassure users
 Example: What happens if users mis-type usernames/passwords
 Example: What happens if users forget account names/passwords
 Example: For visitors cautious about signing up, need for identifying
location while using app
 Severity: 4/4 (bad!)
 Bases: User control/freedom; Fitt’s Law; provide feedback

 Initial uncertainty in regard to user credentials





Example: System doesn’t alert users to successful account creation
Example: Not clear what happens if user has multiple devices
Severity: ¾
Bases: User control/freedom; provide feedback; support action-reversal
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 4

HE Examples: Initial Set Up, 2/4
 Basic functions: Confusing for individual users





Example: Colors on maps appear confusing
Example: Toolbar icons/signs confusing regarding Twitter logo
Severity: ¾
Bases: Info legibility/density; consistency/standards; real-world match;
Help/documentation; direct manipulation; visible UIs
 Recommendation: Provide short descriptions; tutorials; standard colors

 Notifying users of calamity





Example: Push notification needs to be clear about context and relevance
Severity: 2/4
Basis: Consistency/standards
Reommendation: Clearer descriptions
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 5

HE Examples: Initial Set Up, 3/4
 Content: Clarity of language, detection of users





Example: General language clear (positive evaluation!)
Example: Needs more effective users’-locations detection: avoid clutter
Severity: ¾
Bases: Info legibility/density; consistency/standards; real-world match;
Help/documentation; direct manipulation; visible UIs
 Recommendation: Provide

 Notifying users of calamity





Example: Push notification needs to be clear about context and relevance
Severity: 2/4
Basis: Consistency/standards
Reommendation: Clearer descriptions
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 6

HE Examples: Initial Set Up, 4/4
 Use of iOS HCI guidelines






Example: Toolbar buttons don’t follow iOS app guidelines
Example: Button labels did not use initial caps
Severity: 3/4
Bases: Consistency/standards
Recommendation: Change displays to conform to iOS standards

 Error handling
 Example: Error messages use confusing terminology and jargon, esp. for
security personnel
 Severity: 3/4
 Basis: Consistency/standards; Help/documentation
 Reommendation: Conduct user tests for ease of learning and use
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 7

HE Examples:
Application Management
 Manage accounts; delete accounts





Example: No way for users to be removed or logged out
Severity: 3/4
Bases: User control/freedom
Recommendation: Enable users to separate accounts and log out

 Change building’s status
 Example: Confusing for security agents to change building status from
unsafe to safe
 Example: Difficult to change status of several buildings at once
 Severity: 3/4
 Basis: Modelessness
 Reommendation: Consider screen redesigns
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 8

HE Examples: Competitive Analysis
of 3 Products, 1/2
 Deloitte’s Bamboo (http://bamboo4bcm.com)
 Targeted for businesses replacing paper-based prototcols
 Positive: Users can see colleagues
 Negative: Designed for offices of single building, not campus; locationpins can be come cluttered; no toolbar for easy navigation

 MyDisasterDroid
(http://www.scribd.com/doc/94311333/Android)
 Determines optimal route to safety based on users location and safe
areas
 Positive: Prioritization of closer locations for rescuers; prioritizing location
with many people in need
 Negative: No user awareness; UI is unintuitive; not easy to see location
of users or to designate buildings as safe or dangerous
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 9

HE Examples: Competitive Analysis
of 3 Products, 2/2
 Meridian App (http://meridianapps.com)
 Marketed to hospitals, malls, large building complexes to guide people
from one point in building to another point in same building; doesn’t rely
on GPS signal but on users’ ability to follow steps
 Positive: Logically designed UI with legible words and warning; allows
direct manipulation
 Negative: Not designed for multi-building campus
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 10

AM+A Redesigns Improve Layout,
Color, Typography, Navigation, 1/x
 Non-security user screens
 Rewording to enhance usability of pop-up notification and a color key
above tab bar for easy reference
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 11

AM+A Redesigns Improve Layout,
Color, Typography, Navigation, 2/x
 Security personnel screens
 More logical depiction for changing unsafe building to safe
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 12

AM+A Redesigns Improve Layout,
Color, Typography, Navigation, 3/x
 Security personnel screens
 Clearer status under building name; incorporated number of people in
building for easy reference; blue arrow links to list of people in building
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 13

Conclusions
 Heuristic evaluation identified areas needing
improvement in good application’s UI/HCI/UX
 Redesigns showed initial, clear examples of
recommended changes
 User testing needs to determine which sketches
would provide most powerful enhancements
 Acknowledgements
 KAU IT Dept. development team students: Hajer Assiri, Reham
Fiesal, Somaia Alyoubi, Marwah Samarkandi, Noura Alsaba'an, and
Oraib Abdullah
AM+A

Aaron Marcus and Associates, Inc., www.AMandA.com, 14

Heuristic Evaluation: iCalamity Guide

Aaron Marcus, President, and Scott Abromowitz, Designer/Analyst
Aaron Marcus and Associates, Inc. (AM+A)
1196 Euclid Avenue, Suite 1F, Berkeley, California 94708-1640, USA
Tel: +1-510-601-0994,
Email: Aaron.Marcus@AMandA.com and scott@abromo.com
Web: www.AMandA.com
Prof. Maysoon F. Abulkhair
Faculty of Computing and Information Technology
King Abdulaziz University, Jeddah, Saudi Arabia
Email; mabualkhair@kau.edu.sa

More Related Content

PPTX
The Driving Machine (DUXU - 2013)
PPTX
iCalamity (DUXU - 2013)
PPTX
Academica
PPTX
Final yr proj ppt
PPSX
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
PPTX
Ppt on seminar
PPT
User interface design for the Web Engineering Psychology
PDF
Senior project 2 capstone (thesis) - Designity final presentation
The Driving Machine (DUXU - 2013)
iCalamity (DUXU - 2013)
Academica
Final yr proj ppt
Ten Usability Heuristics with Example -Sivaprasath Selvaraj
Ppt on seminar
User interface design for the Web Engineering Psychology
Senior project 2 capstone (thesis) - Designity final presentation

Similar to Heuristic Evaluation of iCalamityGuide Application (20)

PPTX
E portfolio platforms
DOCX
Simulation Modelling Practice and Theory 47 (2014) 28–45Cont.docx
PPT
Usability awareness brown bag
PDF
UX Practices for dApps on Tezos
PDF
Challenges In Mobile Application Development How to Overcome.pdf
PPT
Chapter1
PPTX
ForwardJS 2015: Choosing an Accessible Framework
PPTX
apidays New York 2025 - Building Green Software by Marissa Jasso & Katya Drey...
PPTX
Chapter 5 human computer interaction chapter 5
PDF
1.Review news reports from a specific data breach. Choose a breach f.pdf
PDF
Key insights of E-learning mobile application development
PPT
Chapter 7)
PPT
MR Summary Presentation
PDF
Drupal Usability Report
PDF
App Architecture for Efficient Mobile App Development.pdf
PPT
Advanced Internet
PPTX
Seamless Tech Experiences Showcasing Cross-Platform App Design.pptx
PPTX
Teaching web accessibility at the source
PDF
AN EMPIRICAL STUDY OF USING CLOUD-BASED SERVICES IN CAPSTONE PROJECT DEVELOPMENT
PDF
Study On User Interface(UI) Attributes Of Web Forms For Better User Experience
E portfolio platforms
Simulation Modelling Practice and Theory 47 (2014) 28–45Cont.docx
Usability awareness brown bag
UX Practices for dApps on Tezos
Challenges In Mobile Application Development How to Overcome.pdf
Chapter1
ForwardJS 2015: Choosing an Accessible Framework
apidays New York 2025 - Building Green Software by Marissa Jasso & Katya Drey...
Chapter 5 human computer interaction chapter 5
1.Review news reports from a specific data breach. Choose a breach f.pdf
Key insights of E-learning mobile application development
Chapter 7)
MR Summary Presentation
Drupal Usability Report
App Architecture for Efficient Mobile App Development.pdf
Advanced Internet
Seamless Tech Experiences Showcasing Cross-Platform App Design.pptx
Teaching web accessibility at the source
AN EMPIRICAL STUDY OF USING CLOUD-BASED SERVICES IN CAPSTONE PROJECT DEVELOPMENT
Study On User Interface(UI) Attributes Of Web Forms For Better User Experience
Ad

Recently uploaded (20)

PPTX
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PPTX
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
PDF
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
PPTX
Share_Module_2_Power_conflict_and_negotiation.pptx
PDF
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
PDF
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
PPTX
Introduction to Building Materials
PDF
What if we spent less time fighting change, and more time building what’s rig...
PDF
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
PDF
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
advance database management system book.pdf
PDF
IGGE1 Understanding the Self1234567891011
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PDF
HVAC Specification 2024 according to central public works department
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PPTX
B.Sc. DS Unit 2 Software Engineering.pptx
PDF
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Chinmaya Tiranga Azadi Quiz (Class 7-8 )
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
CHAPTER IV. MAN AND BIOSPHERE AND ITS TOTALITY.pptx
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
Share_Module_2_Power_conflict_and_negotiation.pptx
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
medical_surgical_nursing_10th_edition_ignatavicius_TEST_BANK_pdf.pdf
Introduction to Building Materials
What if we spent less time fighting change, and more time building what’s rig...
BP 704 T. NOVEL DRUG DELIVERY SYSTEMS (UNIT 1)
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
advance database management system book.pdf
IGGE1 Understanding the Self1234567891011
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
HVAC Specification 2024 according to central public works department
Paper A Mock Exam 9_ Attempt review.pdf.
B.Sc. DS Unit 2 Software Engineering.pptx
1.3 FINAL REVISED K-10 PE and Health CG 2023 Grades 4-10 (1).pdf
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Ad

Heuristic Evaluation of iCalamityGuide Application

  • 1. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 1 Heuristic Evaluation: iCalamity Guide Aaron Marcus, President, and Scott Abromowitz, Designer/Analyst Aaron Marcus and Associates, Inc. (AM+A) 1196 Euclid Avenue, Suite 1F, Berkeley, California 94708-1640, USA Tel: +1-510-601-0994, Email: Aaron.Marcus@AMandA.com and scott@abromo.com Web: www.AMandA.com Prof. Maysoon F. Abulkhair Faculty of Computing and Information Technology King Abdulaziz University, Jeddah, Saudi Arabia Email; mabualkhair@kau.edu.sa
  • 2. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 2 iCalamity: App Assists People During Natural, People-Made Disasters  R+D Project at King Abdulaziz University  Two user experiences based on user credentials  Individual (faculty, students ,administrators ,visitors); security agents  AM+A conducted heuristic evaluation (HE) in 2012  Examined usability, usefulness, and appeal per AM+A criteria  Detailed heuristics in Appendix of DUXU13 paper  Topics      Initial Set up Application Management Competitive Analysis Screen Redesigns Conclusion
  • 3. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 3 HE Examples: Initial Set Up, 1/4  System Set-up: Insufficient options to reassure users  Example: What happens if users mis-type usernames/passwords  Example: What happens if users forget account names/passwords  Example: For visitors cautious about signing up, need for identifying location while using app  Severity: 4/4 (bad!)  Bases: User control/freedom; Fitt’s Law; provide feedback  Initial uncertainty in regard to user credentials     Example: System doesn’t alert users to successful account creation Example: Not clear what happens if user has multiple devices Severity: ¾ Bases: User control/freedom; provide feedback; support action-reversal
  • 4. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 4 HE Examples: Initial Set Up, 2/4  Basic functions: Confusing for individual users     Example: Colors on maps appear confusing Example: Toolbar icons/signs confusing regarding Twitter logo Severity: ¾ Bases: Info legibility/density; consistency/standards; real-world match; Help/documentation; direct manipulation; visible UIs  Recommendation: Provide short descriptions; tutorials; standard colors  Notifying users of calamity     Example: Push notification needs to be clear about context and relevance Severity: 2/4 Basis: Consistency/standards Reommendation: Clearer descriptions
  • 5. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 5 HE Examples: Initial Set Up, 3/4  Content: Clarity of language, detection of users     Example: General language clear (positive evaluation!) Example: Needs more effective users’-locations detection: avoid clutter Severity: ¾ Bases: Info legibility/density; consistency/standards; real-world match; Help/documentation; direct manipulation; visible UIs  Recommendation: Provide  Notifying users of calamity     Example: Push notification needs to be clear about context and relevance Severity: 2/4 Basis: Consistency/standards Reommendation: Clearer descriptions
  • 6. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 6 HE Examples: Initial Set Up, 4/4  Use of iOS HCI guidelines      Example: Toolbar buttons don’t follow iOS app guidelines Example: Button labels did not use initial caps Severity: 3/4 Bases: Consistency/standards Recommendation: Change displays to conform to iOS standards  Error handling  Example: Error messages use confusing terminology and jargon, esp. for security personnel  Severity: 3/4  Basis: Consistency/standards; Help/documentation  Reommendation: Conduct user tests for ease of learning and use
  • 7. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 7 HE Examples: Application Management  Manage accounts; delete accounts     Example: No way for users to be removed or logged out Severity: 3/4 Bases: User control/freedom Recommendation: Enable users to separate accounts and log out  Change building’s status  Example: Confusing for security agents to change building status from unsafe to safe  Example: Difficult to change status of several buildings at once  Severity: 3/4  Basis: Modelessness  Reommendation: Consider screen redesigns
  • 8. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 8 HE Examples: Competitive Analysis of 3 Products, 1/2  Deloitte’s Bamboo (http://bamboo4bcm.com)  Targeted for businesses replacing paper-based prototcols  Positive: Users can see colleagues  Negative: Designed for offices of single building, not campus; locationpins can be come cluttered; no toolbar for easy navigation  MyDisasterDroid (http://www.scribd.com/doc/94311333/Android)  Determines optimal route to safety based on users location and safe areas  Positive: Prioritization of closer locations for rescuers; prioritizing location with many people in need  Negative: No user awareness; UI is unintuitive; not easy to see location of users or to designate buildings as safe or dangerous
  • 9. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 9 HE Examples: Competitive Analysis of 3 Products, 2/2  Meridian App (http://meridianapps.com)  Marketed to hospitals, malls, large building complexes to guide people from one point in building to another point in same building; doesn’t rely on GPS signal but on users’ ability to follow steps  Positive: Logically designed UI with legible words and warning; allows direct manipulation  Negative: Not designed for multi-building campus
  • 10. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 10 AM+A Redesigns Improve Layout, Color, Typography, Navigation, 1/x  Non-security user screens  Rewording to enhance usability of pop-up notification and a color key above tab bar for easy reference
  • 11. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 11 AM+A Redesigns Improve Layout, Color, Typography, Navigation, 2/x  Security personnel screens  More logical depiction for changing unsafe building to safe
  • 12. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 12 AM+A Redesigns Improve Layout, Color, Typography, Navigation, 3/x  Security personnel screens  Clearer status under building name; incorporated number of people in building for easy reference; blue arrow links to list of people in building
  • 13. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 13 Conclusions  Heuristic evaluation identified areas needing improvement in good application’s UI/HCI/UX  Redesigns showed initial, clear examples of recommended changes  User testing needs to determine which sketches would provide most powerful enhancements  Acknowledgements  KAU IT Dept. development team students: Hajer Assiri, Reham Fiesal, Somaia Alyoubi, Marwah Samarkandi, Noura Alsaba'an, and Oraib Abdullah
  • 14. AM+A Aaron Marcus and Associates, Inc., www.AMandA.com, 14 Heuristic Evaluation: iCalamity Guide Aaron Marcus, President, and Scott Abromowitz, Designer/Analyst Aaron Marcus and Associates, Inc. (AM+A) 1196 Euclid Avenue, Suite 1F, Berkeley, California 94708-1640, USA Tel: +1-510-601-0994, Email: Aaron.Marcus@AMandA.com and scott@abromo.com Web: www.AMandA.com Prof. Maysoon F. Abulkhair Faculty of Computing and Information Technology King Abdulaziz University, Jeddah, Saudi Arabia Email; mabualkhair@kau.edu.sa