Evaluation and redesigning user interface of "TRELLO" the project management tool according to schneiderman s 8 golden rules for user interfaces

1. Group 14
Devni de Silva - 140105N
Isuru Dharmadasa - 140120F
Shan Pramuditha - 140474R
Nipuna Sudharaka - 140605X
Sithija Thewahettige - 140623B
CS 4242 Continuous Assessment
Evaluation and Redesigning of Trello

2. Introduction
● Trello is a web-based project management application
● Now owned by Atlassian Corporation Plc
● By 2017, 25 million signups
● 1.1 million daily active users
● It has noticeable inconveniences

3. Basic Elements
Card List
A card represents
tasks and ideas
A list is a set of
cards

4. Basic Elements
Board
Trello board is a list of lists used by a user
or a team to organize a project

5. Ben Shneiderman
● A distinguished Professor in the field of Computer Science,
● Founding Director (1983-2000) of the Human-Computer Interaction
Laboratory (http://www.cs.umd.edu/hcil/)
● A pioneering contributor to human-computer interaction and information
visualization.

6. 8 Golden Rules
Shnedierman and Plaisant’s (2010) list of eight golden rules in Designing the
User Interface
1. Strive for consistency
2. Cater to universal usability
3. Offer informative feedback
4. Design dialogues to yield closure
5. Prevent errors
6. Permit easy reversal of actions
7. Support internal locus of control
8. Reduce short-term memory load

7. 1. Strive for Consistency
Consistency of the interface in actions, prompts, menus, pop-ups,
colour, fonts etc.
● Good
○ Consistency in popup structure and design
○ Maintained good colour consistency
○ Consistency in layouts
● Bad
○ Inconsistency of menus
○ Board sidebar is a combination of menu and the log

8. Current and Improved
Current
Improved

9. Current and Improved
Current Improved

10. 2. Cater to universal usability
Universal usability is the ability for a large group of people to use an application
independently on the abilities and disabilities, language issues, learning issues,
etc. of the people
● Good
○ ability to help the colorblind people in selecting colours for boards
○ User interface in different languages
● Bad
○ User interface is not easy to learn Ex: settings of components

11. Current and Improved
Current Improved

12. Feedback

13. 3. Offer informative feedback
Providing the user some information about the actions done, processes
currently happening, the errors that occur, etc.
● Good
○ Boards, icons or cards getting highlighted when hovered.
○ Highlighting and placeholder shown when a card is being moved.
○ Giving feedback on the search results.
○ Maintaining an activity log
● Bad
○ No immediate feedback after an action.
○ Tool tips are too verbose.
○ Active status of drop down buttons are not shown.

14. Current and Improved
Current Improved

15. Feedback

16. Current and Improved
Current Improved

17. Feedback

18. Current and Improved
Current Improved

19. Feedback

20. 4. Design dialogues to yield closure
Actions are organized with a beginning, middle and end. Informative feedback
is given at the completion of a group of actions.
● Bad
○ No informative feedback at the completion of the sign up process.

21. Current and Improved
Improved

22. Feedback

23. 5. Prevent Errors
Systems should be designed in such a way so the user cannot make a serious
error. If an error is made, the system should be able to detect the error and
offer simple, comprehensible mechanisms for handling the error.
● Good
○ Notifying when a network error occurs
● Bad
○ Actions done offline are not synced when the network connection is
restored.

24. Current and Improved
Current Improved

25. Feedback

26. 6. Permit easy reversal of actions
Actions done by the user are reversible relieving the user’s anxiety and
encouraging him to explore the application.
● Bad
○ No undo or redo functionality
○ Actions shown in the activity log are not reversible

27. Current and Improved
Current
Improved

28. Feedback

29. Current and Improved
Current Improved

30. Feedback

31. 7. Support internal locus of control
Allow your users to be the initiators of actions. Give users the sense that they
are in full control of events occurring in the digital space.
● Good
○ Each component have its own action list Ex: workspace, board, list
and card

32. 8. Reduce short term memory load
Facilitating recognition rather recalling short term memory.
● Good
○ Showing all the boards in separate groups in the home page
○ Boards are shown with the same chosen theme throughout the
application
○ Minimizing the number of patterns represented by different colours
in the colour blind friendly mode.

33. Thank you