Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ConRes: A Conflict Resolution System <ul><li>Simon N. Reynolds </li></ul><ul><li>@simonnreynolds </li></ul><ul><li>[email_...
Refresh <ul><li>Mediation and prevention of workplace conflict </li></ul><ul><li>Developed high level requirements </li></...
Design Requirements <ul><li>Utilised personas and scenarios of use </li></ul><ul><ul><li>Detailed enough to continue not r...
DECIDE Framework Analysis of Data Ethical Issues Goals Practical Issues ? Evaluation Methods Questions
Evaluation Process 270 Initial Design Final Design Revised Design Ad-hoc Evaluation Usability Testing Heuristic Analysis F...
Initial Design <ul><li>Re-visited and re-analysed user requirements  </li></ul><ul><li>Brainstormed information architectu...
Evaluation Procedure <ul><li>Process-oriented design and brainstorm outlined tasks/elements </li></ul><ul><li>Treejack IA ...
Evaluation Procedure <ul><li>Ad-hoc evaluation of low-level prototype candidates </li></ul><ul><ul><li>Team members explai...
Findings <ul><li>Initial information architecture ineffective </li></ul><ul><ul><li>Terminology inappropriate </li></ul></...
Low-Fidelity Prototype
Revised Design <ul><li>Developed high-quality graphical designs within Photoshop </li></ul><ul><li>Implemented all changes...
<ul><li>Task-driven system walkthrough </li></ul><ul><li>Participant completes various tasks whilst evaluator observes </l...
Evaluation Procedure <ul><li>Interaction logging </li></ul><ul><li>Chalkmark evaluation tool </li></ul><ul><ul><li>Specify...
Evaluation Procedure <ul><li>Nielsen’s Heuristics </li></ul><ul><ul><li>Ten principles which define an effective, usable s...
Findings <ul><li>Many evaluations identified similar problems </li></ul><ul><li>These were all analysed and rectified with...
Mid-Fidelity Prototype
Final Design <ul><li>Implemented all recommendations of previous evaluations </li></ul><ul><li>Developed HTML shell of sys...
Evaluation Procedure <ul><li>Field Testing </li></ul><ul><li>Ensures all previous evaluations effective </li></ul><ul><li>...
Findings <ul><li>Participants felt prototype had evolved appropriately for everyday needs </li></ul><ul><li>Determined no ...
High-Fidelity Prototype <ul><li>Demonstration </li></ul>
Thank you <ul><li>Simon N. Reynolds </li></ul><ul><li>@simonnreynolds </li></ul><ul><li>[email_address] </li></ul>Matthew ...
Upcoming SlideShare
Loading in …5
×
Upcoming SlideShare
Chapter 13 An evaluation framework
Next
Download to read offline and view in fullscreen.

Share

Design Assignment Part B

Download to read offline

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Design Assignment Part B

  1. 1. ConRes: A Conflict Resolution System <ul><li>Simon N. Reynolds </li></ul><ul><li>@simonnreynolds </li></ul><ul><li>[email_address] </li></ul>Matthew Ryan @mattieryan mattie.ryan @gmail.com
  2. 2. Refresh <ul><li>Mediation and prevention of workplace conflict </li></ul><ul><li>Developed high level requirements </li></ul><ul><li>Completed exploratory studies </li></ul><ul><li>Produced user personas and scenarios of use </li></ul><ul><ul><li>Extrapolated detailed requirements of system for prototype designs </li></ul></ul>
  3. 3. Design Requirements <ul><li>Utilised personas and scenarios of use </li></ul><ul><ul><li>Detailed enough to continue not require further analysis </li></ul></ul><ul><li>Storyboard developed to provide additional perspective on requirements </li></ul>
  4. 4. DECIDE Framework Analysis of Data Ethical Issues Goals Practical Issues ? Evaluation Methods Questions
  5. 5. Evaluation Process 270 Initial Design Final Design Revised Design Ad-hoc Evaluation Usability Testing Heuristic Analysis Field Testing IA Testing
  6. 6. Initial Design <ul><li>Re-visited and re-analysed user requirements </li></ul><ul><li>Brainstormed information architecture </li></ul><ul><li>Researched various designs </li></ul><ul><li>Modeled on existing social networks </li></ul><ul><ul><li>Reduction in learning curve </li></ul></ul><ul><ul><li>Simple, clean design </li></ul></ul>
  7. 7. Evaluation Procedure <ul><li>Process-oriented design and brainstorm outlined tasks/elements </li></ul><ul><li>Treejack IA evaluation </li></ul><ul><ul><li>Upload site map </li></ul></ul><ul><ul><li>Specify tasks and expected answer </li></ul></ul><ul><ul><li>Participants navigate and select an appropriate option </li></ul></ul>
  8. 8. Evaluation Procedure <ul><li>Ad-hoc evaluation of low-level prototype candidates </li></ul><ul><ul><li>Team members explain and justify design </li></ul></ul><ul><ul><li>Evaluated against usability principles </li></ul></ul><ul><ul><li>Most suitable design to continue development </li></ul></ul>
  9. 9. Findings <ul><li>Initial information architecture ineffective </li></ul><ul><ul><li>Terminology inappropriate </li></ul></ul><ul><ul><li>Hierarchy illogical for use </li></ul></ul><ul><ul><li>Tools helped to rectify </li></ul></ul><ul><li>Prototypes benefited from proven IA </li></ul><ul><ul><li>Simplified design and evaluation process </li></ul></ul>
  10. 10. Low-Fidelity Prototype
  11. 11. Revised Design <ul><li>Developed high-quality graphical designs within Photoshop </li></ul><ul><li>Implemented all changes recommended within previous evaluations </li></ul><ul><li>Better represented system interaction style </li></ul><ul><li>Used to complete usability testing and heuristic evaluation </li></ul>
  12. 12. <ul><li>Task-driven system walkthrough </li></ul><ul><li>Participant completes various tasks whilst evaluator observes </li></ul><ul><ul><li>User able to ask questions </li></ul></ul><ul><ul><li>Evaluator to informally interview about system suitability </li></ul></ul><ul><li>Followed by structured questionnaire </li></ul>Evaluation Procedure
  13. 13. Evaluation Procedure <ul><li>Interaction logging </li></ul><ul><li>Chalkmark evaluation tool </li></ul><ul><ul><li>Specify a task to be completed </li></ul></ul><ul><ul><li>Uploaded prototype </li></ul></ul><ul><ul><li>User selects next logical option to complete task </li></ul></ul><ul><ul><li>Tool outlines user clicks and response times </li></ul></ul>
  14. 14. Evaluation Procedure <ul><li>Nielsen’s Heuristics </li></ul><ul><ul><li>Ten principles which define an effective, usable system </li></ul></ul><ul><li>Analysis conducted by design team </li></ul><ul><li>ConRes mid-fidelity prototypes generally met all principles </li></ul><ul><ul><li>Recommended to improve terminology consistency and visibility of system status </li></ul></ul>Number Evaluators Success of Nielsen’s Heuristics
  15. 15. Findings <ul><li>Many evaluations identified similar problems </li></ul><ul><li>These were all analysed and rectified within final high-fidelity prototypes </li></ul><ul><li>Mid-fidelity designs found to comply with various usability principles </li></ul>
  16. 16. Mid-Fidelity Prototype
  17. 17. Final Design <ul><li>Implemented all recommendations of previous evaluations </li></ul><ul><li>Developed HTML shell of system </li></ul><ul><ul><li>Outlines navigation </li></ul></ul><ul><ul><li>Mirrors interaction style of final system </li></ul></ul><ul><ul><li>Assists in visualisation of system and its role in the resolution of workplace conflict </li></ul></ul>
  18. 18. Evaluation Procedure <ul><li>Field Testing </li></ul><ul><li>Ensures all previous evaluations effective </li></ul><ul><li>Occurs within normal environment of use </li></ul><ul><li>Conducted using functionally incomplete prototype </li></ul><ul><ul><li>Simulated use of system </li></ul></ul>
  19. 19. Findings <ul><li>Participants felt prototype had evolved appropriately for everyday needs </li></ul><ul><li>Determined no further revision was required </li></ul><ul><li>Recommended to proceed with functional development and testing </li></ul>
  20. 20. High-Fidelity Prototype <ul><li>Demonstration </li></ul>
  21. 21. Thank you <ul><li>Simon N. Reynolds </li></ul><ul><li>@simonnreynolds </li></ul><ul><li>[email_address] </li></ul>Matthew Ryan @mattieryan mattie.ryan @gmail.com

Views

Total views

639

On Slideshare

0

From embeds

0

Number of embeds

7

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×