Heuristic Evaluation
HUMANITY WEB APP
Marko Aleksic
www.markiz.io
Heuristic Evaluation?
WHAT IS
Usability inspection method for computer software that helps to identify usability problems in the UI and UX design.
10 Heuristic Principles
A LIST OF
01 Visibility of system status
02 Match between system and the real world
03 User control and freedom
04 Consistency and standards
05 Error prevention
06 Recognition rather than recall
07 Flexibility and efficiency of use
08 Aesthetic and minimalist design
09 Help users recognize, diagnose, and recover from errors
10 Help and documentation
Humanity Modules
WHAT WAS EVALUATED
Humanity Modules
WHAT WAS EVALUATED
01 Sign Up/Log In
02 Onboarding
03 Dashboard
04 ShiftPlanning
05 TimeClock
06 Leave
07 Training
08 Staff
09 Payroll
10 Reports
11 Message Inbox
12 Settings
13 Emails
14 User Qs
15 General
Report
HEURISTIC EVALUATION
268
Open
Issues
268
OPEN
Issues
60+
EVALUATION
Hours
60+
Hours
Spent
9
Critical
Issues
81
Major
Issues
178
Minor
Issues
Report
HEURISTIC EVALUATION
9
CRITICAL
Issues
81
MAJOR
Issues
178
MINOR
Issues
Issue Types
PERCENTAGE OF
58
%
User Interface
44
%
User Experience
5
%
Copy
1
%
Other
3
%
Improvement
Onboarding
PAIN POINTS · 13 TASKS
Poorly styled onboarding screens
Elements not as defined in Styleguide
Adding new employee should be consistent
Added employees vs placeholders, Things should not look disabled
Adding and Assigning Position issues
User should be able to assign new position right from creation screen
Add New Position
Scheduling ➡️ Add Employee ➡️ Choose Existing or Add New Position
Staff ➡️ Locations & Positions ➡️ Location (Add Position from here)
Assign Position
go back to Staff ➡️ Click Employee ➡️ Scroll and checkbox his new Position
Having Locations and Positions on the same page confuses even more
find a dropdown Employee Assignments ➡️ Check & assign new Position
Onboarding does not explain Employee Profile
Except from Assigning Position – Availability, Leave, Permissions, Payroll...
Taking Leave for the 1st time unintuitive
Adding Leave Type is not enough, should enable every employee, should be covered in Onboarding
Nor it provides an unscripted path
It should also help user configure important settings
and prepare him for what's there 😀
Onboarding is not a replacement for clear UI
but is a huge plus
ShiftPlanning
PAIN POINTS · 42 TASKS
Shift screen looks complicated
8 Different entities, Elements disconnected, Action area should be highlighted
No formal "Create Shift" button
Requires intuitive calendar behaviour
Sidebar and filters should be improved
Design Proposal
Default Shift Color, Shift CTAs,
Published vs Unpublished Shifts
Design Proposal
Shift acceptance criteria
System is already "smart" but can be smarter and save more time
No more 20 hours shifts for "8-5"
Focus on majority of cases (1st & 2nd shift)
if 1st number is 12, 1, 2, 3, 4 put PM
if 1st number is 5, 6, 7, 8, 9, 10, 11 put AM
Shift Details too complicated
Too many screens in one popup, Delete Shift strange behaviour
Design Proposal
Conflicts poorly solved
Design Proposal
Enhance user action support
Always support UNDO, multiselect shifts, maybe right click actions
Various other UX and UI issues
Like Schedule a Sync example, browser popups, elements over elements, etc
Which can be solved simple
Staff
PAIN POINTS · 56 TASKS
Logo section too big
It won't be changed too often
Employee Table Improvements
More details, bulk actions, statuses, avatars, let user be aware he can go deep
Design Proposal
Activating Employee Accounts should be simpler
Make it clear and easier, Fix bugs and funny issues, Promote it more
Positions and Locations should be separated
Clear structure, less actions, less clutter, info better presented
Positions can be better presented
No repetitive text, clear action states, more info can be added
Design Proposal
Assigning a Position various issues
Employee Profile should look more like profile
Allow user to focus here on links and actions from Employee profile
Various Employee Profile issues
General
PAIN POINTS · 5 TASKS
Global search in navigation and breadcrumbs
Quick and easy finding pages and employees, Reducing number of clicks significantly, Helping users navigate from everywhere, Understanding the structure, Being aware where they are and how deep in the system
Notifications issues
Don't fully look and act like notifications, Dashboard has notifs but it's just a shortcut to other modules, Can be used to alert for shifts and changes
Activating Employee, Mobile number country issues and unfriendly default usernames
Page headline issues
Poor and inconsistent Error handling globally
Which is easy to solve (just follow Styleguide)
In-app Billing different from the website Billing
Design Proposal
Dashboard
PAIN POINTS · 26 TASKS
Mostly Styling issues and Message Wall
Design Proposal
Various
PAIN POINTS
Timeclock looks like Settings
Fixing Settings
Design Proposals
Reports looks, sidebar lenght, headline, actions positions
Design Proposal
(Illustrations not mine, just example)
Timeclock Manage Time Sheet
Statuses, Clear actions, Bulk actions, Live shifts vs Done shifts...
Design Proposal
Payroll various UX and UI issues
Actions positions, headline, filter states, date picker, new card autocreation...
Training UX and UI should be updated
Onboarding and help descriptions would help
Various Log In issues
Various Reset Password issues
Even managed to set 1 CHARACTER as a password
Questions
THE END
Marko Aleksic
www.markiz.io