useable design
13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 1/10 Design Case Study (40%)102716 (Spring 2020) Usable Design DESIGN CASE STUDY (40%) Overview Design Case Study Weight: 40% Type of Collaboration: Individual Due: Week 10, Monday September 21st, 5pm. 2020 Submission: Online via Turnitin only Format: Must adhere to the American Psychological Association formatting and referencing guidelines as outlined in; American Psychological Association. Publication manual. Sixth or Seventh Edition. Washington. DC: American Psychological Association. Length: 1,500 words This assessment will take the form of a case study of a single website or a small app chosen from a list of websites and apps provided in week 2 tutorials.The usability of the website will be evaluated according to the perceptual and cognitive principles encountered throughout the unit. Use of images and diagrams to illustrate key points is encouraged. FAQs The idea that there is a limit to our visual acuity is an example of a perceptual principle. Deuteranopia is an example of a perceptual principle. The idea that you can habituate to user interface elements is a cognitive principle. What is a perceptual or cognitive principle? It might be easier to provide examples here; Do we make up our own use case? yes. My vUWS Student Support Content Repository Branden Shamoun 5 https://vuws.westernsydney.edu.au/webapps/blackboard/execute/courseMain?course_id=_33929_1 https://vuws.westernsydney.edu.au/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_1_1 https://vuws.westernsydney.edu.au/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_115_1 https://vuws.westernsydney.edu.au/webapps/portal/execute/tabs/tabAction?tab_tab_group_id=_13_1 https://vuws.westernsydney.edu.au/webapps/login/?action=logout 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 2/10 Do I base my case study on one speci�c page of the site? That depends on your use case. What you assess about the site should relate to how you are using the site. Choose your use case wisely so that it doesn't encompass too much of the site. Assume you are landing onto the front page of the site to carry out your use case. Should we have one use case? yes Which weeks should I look at for ideas of what to write about? Every week addresses something you could write about. For a guide, look at the 'Things you could write about' section below'. Do I need to use a coversheet? No, you don't need a coversheet. I would appreciate it if you put your name and student number on the �rst page. Should the document be double spaced? Yes, please double space your document. This helps the reader while marking. In terms of formatting overall, please pay attention to making your document look professional. You can include some 'design �are' if you like. Should we write in 1st or third person? You could write in either 1st or 3rd person. What's important is to write a business document. You also want to write as objectively as possible. This might naturally result in you limiting how often you construct sentences in 1st person. E.g. Introduce a paragraph by saying 'I assessed this aspect of the site �rst....' but thereafter do not mention yourself for the rest of the paragraph. Can we use bullet points? No Can I include sub-headings? yes Are we required to use in text citations and a reference list? Yes. The idea behind referencing in academia is for the writer to help the reader to be able to �nd out for themselves where the writer got their information from. When thinking about referencing always keep in mind this purpose for doing it. Also keep in mind that a reference list is di�erent to a bibliography. Should we reference images? Images should all have an image label (e.g. Figure 1, Figure 2). In the label you may provide a citation that would lead to a reference in the reference list. It would be best practice to cite the source of the image. How do I cite the web based tools I've used to analyse aspects of my site? They're a website, so you can follow the APA guidelines for websites. 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 3/10 Websites and apps for the case study MSY Penny Juice JB HiFi Craigslist PC Mag Reviews Vecteezy Wired Suzanne Collins Choose only one of the following apps or websites as the focus of your case study. These are not exclusively poorly designed or well designed. They may be a mixture of both. Be sure to only use the cached version of the site linked below! https://web.archive.org/web/20120530000404/http://www.msy.com.au/ https://web.archive.org/web/20180918061656/https://www.pennyjuice.com/ https://web.archive.org/web/20170228123727/https://www.jbhi�.com.au/ https://sydney.craigslist.org/ https://web.archive.org/web/20200617150438mp_/https://www.pcmag.com/reviews https://web.archive.org/web/20190515014213/https://www.vecteezy.com/ https://web.archive.org/web/20190601001117/https://www.wired.com/ https://web.archive.org/web/20170608093048/http://www.suzannecollinsbooks.com/ind ex.htm https://web.archive.org/web/20120530000404/http:/www.msy.com.au/ https://web.archive.org/web/20180918061656/https:/www.pennyjuice.com/ https://web.archive.org/web/20170228123727/https:/www.jbhifi.com.au/ https://sydney.craigslist.org/ https://web.archive.org/web/20200617150438mp_/https:/www.pcmag.com/reviews https://web.archive.org/web/20190515014213/https:/www.vecteezy.com/ https://web.archive.org/web/20190601001117/https:/www.wired.com/ https://web.archive.org/web/20170608093048/http:/www.suzannecollinsbooks.com/index.htm 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 5/10 System details for case study Please include the following table after the executive summary Features Details Computer type Operating system Monitor size (cm) and resolution (pixels) Browser + version Browser accessibility settings Font size Page zoom Added accessibility features For example... Features Details Computer type desktop Operating system Windows 10 Monitor size (cm) and resolution (pixels) 40 cm x 230 cm, 1920 x 1080 Browser + version Google Chrome v 76.0.3809.132 Browser accessibility settings Font size medium Page zoom 100% 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 6/10 Added accessibility features none Recommended structure for the Design Case Study Recommended structure Introduction and executive summary Clear statement of the chosen website or app Also identify one relevant use case Makes a clear statement of the overall impression Presents a well‐ focused summary of any key problems or areas of excellence that demonstrates a good grasp of the perceptual and cognitive basis of the usability of the site/app Identify problem/area of excellence number 1 Describe it, use �gures if possible Outline how you know problem/area of excellence number 1 is a problem/ area of e xcellence Give a brief explanation of the perceptual or cognitive principle/s involved and relat e it back to the site/app. Provide references to support your argument wherever possible. Identify problem/area of excellence number 2 Describe it, use �gures if possible Outline how you know problem/area of excellence number 2 is a problem/ area of excellence Give a brief explanation of the perceptual or cognitive principle/s involved and relat e it back to the site/app. Provide references to support your argument wherever possible. This document outlines the recommended structure for the Design Case Study and relates it to the marking criteria. --> Recommended structure Introduction Executive summary Put the system details table here or at the end of the document. Body https://vuws.westernsydney.edu.au/bbcswebdav/pid-5544036-dt-content-rid-37797298_1/xid-37797298_1 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 7/10 Conclusions and recommendations are congruent with usability analysis Speci�c recommendations and/or plans of action provided. Speci�c perceptual and cognitive concepts are referred to when necessary to suppo rt the analysis and conclusions. Recommendations and conclusions are presented and supported in a literate and e �ective manner. Proper organisation, professional writing, and logical �ow of analysis. APA formatting Logically organized, keypoints, key arguments, and important criteria for evaluating the site/app are easily identi�ed. Key points are supported with a well thought out rationale based on applying speci �c perceptual and cognitive concepts or frameworks to the website/app. Proper grammar, spelling, punctuation. N.B. You don't need to address every usability aspect we look at throughout the unit. You only need to address the ones you �nd most important for your website and purpose for using that website. You are also not expected to cover topics we have not covered before the due date. I anticipate you might write about the top 5 most important usability aspects for your site. This number is not a 'rule', you might address more or fewer depending on your site and use case. Conclusions and recommendations. Making a good impression counts Things you could write about in the design case study Choose which are most important to your site and purpose and analyse those Module 2 Font style Font size Font contrast Attention capture Motion in the periphery Module 3 Legibility 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 4/10 George R.R. Martin Zoho https://web.archive.org/web/20120204043733/http://www.georgerrmartin.com/ https://web.archive.org/web/20190220015219/https://www.zoho.com/sheet/ ATTACHED FILES: rubriccasestudy.pdf (146.285 KB) Marking criteria These are the marking criteria for the design case study Introductory Information Usable Design CaUsable Design Ca…… Check out this video to �nd out some starter information about the Design Case Study https://web.archive.org/web/20120204043733/http:/www.georgerrmartin.com/ https://web.archive.org/web/20190220015219/https:/www.zoho.com/sheet/ https://vuws.westernsydney.edu.au/bbcswebdav/pid-5994010-dt-content-rid-40225365_1/xid-40225365_1 https://www.youtube.com/watch?v=r9AsdfRbZXc 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 8/10 For colour anomalous vision Discriminability Meaning identi�ability For general legibility Foreground/background contrast Colour perception has low acuity Colour combination Opposite colours capture attention Opposite colours are high energy, uncomfortable for lengthy viewing Similar colours are low energy & assimilate Module 4 Monocular depth cues Structure information Separate elements Faces Capture attention Module 5 Gestalt grouping principles Use of grouping to organise information structure Figure Ground segmentation Can you tell the background from the foreground. Contextual cues priming perceptual set contextual cueing (e.g expectations and violations of expectations) Module 6 Auditory Feedback auditory icons, earcons Haptic Feedback (unlikely to need this) 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 9/10 Legibility assessment example Usable Design Case Study, text size analysisUsable Design Case Study, text size analysis Colour assessment example Usable Design Case Study colour analysisUsable Design Case Study colour analysis https://www.youtube.com/watch?v=l_HJZgge8WU https://www.youtube.com/watch?v=9Ckv2_Wd9fM 13/09/2020 Design Case Study (40%) – 102716 (Spring 2020) Usable ... https://vuws.westernsydney.edu.au/webapps/blackboard/content/listContent.jsp?course_id=_33929_1&content_id=_5543971_1&mode=reset 10/10 Faces on sites Usable Design Case Study facesUsable Design Case Study faces ATTACHED FILES: 16-writing-a-case-study MonashU Libraray.doc (96 KB) Monash University guide to writing a Case Study https://www.youtube.com/watch?v=2zsl--UT450 https://vuws.westernsydney.edu.au/bbcswebdav/pid-5544039-dt-content-rid-37797297_1/xid-37797297_1 Microsoft Word - Design Case Studypointers Usable Design Design Case Study Recommended structure Introduction and executive summary Introduction – Clear statement of the chosen website or app Also identify one relevant use case Executive summary – Makes a clear statement of the overall impression – Presents a well‐focused summary of any key problems or areas of excellence that demonstrates a good grasp of the perceptual and cognitive basis of the usability of the site/app Body Identify problem/area of excellence number 1 Describe it, use figures if possible Outline how you know problem/area of excellence number 1 is a problem/ area of excellence Give a brief explanation of the perceptual or cognitive principle/s involved and relate it back to the site/app. Provide references to support your argument wherever possible. Identify problem/area of excellence number 2 Describe it, use figures if possible Outline how you know problem/area of excellence number 2is a problem/ area of excellence Give a brief explanation of the perceptual or cognitive principle/s involved and relate it back to the site/app. Provide references to support your argument wherever possible. Conclusions and recommendations. Conclusions and recommendations are congruent with usability analysis – Specific recommendations and/or plans of action provided. – Specific perceptual and cognitive concepts are referred to when necessary to support the analysis and conclusions. – Recommendations and conclusions are presented and supported in a literate and effective manner. Making a good impression counts Proper organisation, professional writing, and logical flow of analysis. APA formatting – Logically organized, keypoints, key arguments, and important criteria for evaluating the site/app are easily identified. – Key points are supported with a well thought out rationale based on applying specific perceptual and cognitive concepts or frameworks to the website/app. – Proper grammar, spelling, punctuation, Selection criteria related to body of case study document Valid arguments; analysis of perceptual and cognitive performance of the design with relevant supportive detail – Logically organized, key points, key arguments, and important criteria for evaluating the site/app are easily identified – Critical issues, key problems, and areas of excellence that support the analysis are identified and clearly analyzed and supported. Appropriate analysis, evaluation, synthesis for the specific site/app identified – One appropriate use case is identified and relevant data on which to base a thorough evaluation is outlined – Key perceptual and cognitive principles underlying any issues or areas of excellence are identified. – Synthesis, analysis, and evaluations are clearly presented and supported in a literate and effective manner. Design Case Study Grading % Unsatisfactory Needs Improvement Meets Expectations Exceeds Expectations Introduction and executive summary • Clear statement of the chosen website or app Makes a clear statement of overall impression • Presents a well‐focused summary of any key problems or areas of excellence that demonstrates a good grasp of the perceptual and cognitive basis of the usability of the site/app • Effective Executive Summary • Succinct summary • Includes system details table 10% Shows little understanding of the issues, key problems or areas of excellence, and the perceptual and cognitive basis of the usability of the site/app. Executive summary missing or poorly constructed Inadequate system details table Shows some understanding of the issues, key problems or areas of excellence, and the perceptual and cognitive basis of the usability of the site/app. Executive summary inadequate Patchy system details table Shows adequate understanding of the issues, key problems or areas of excellence, and the perceptual and cognitive basis of the usability of the site/app. Executive summary adequate Adequate system details table Shows superior understanding of the issues, key problems or areas of excellence, and the perceptual and cognitive basis of the usability of the site/app. Effective Executive Summary Complete system details table Valid evaluation; analysis of perceptual and cognitive performance of the design with relevant supportive detail Logically organized, key points, key arguments, and important criteria for evaluating the site/app are easily identified Critical issues, key problems, and areas of excellence that support the analysis are identified and clearly analyzed and supported. 30% Critical issues, key problems and areas of excellence that support the evaluation are inadequately identified, analyzed, and supported. Critical issues, key problems and areas of excellence that support the evaluation are poorly identified, analyzed, and supported. Critical issues, key problems and areas of excellence that support the evaluation are identified, analyzed, and supported. Critical issues, key problems and areas of excellence that support the evaluation are clearly identified, analyzed, and supported. Appropriate analysis and synthesis for the specific site/app One appropriate use case is identified and relevant data on which to base a thorough evaluation is outlined Key perceptual and cognitive principles underlying any issues or areas of excellence are identified. Synthesis, analysis, and evaluations are clearly presented and supported in a literate and effective manner. 30% Key perceptual and cognitive principles relevant to identified user and use case are not identified. Poor analysis and synthesis of key perceptual and cognitive principles relevant to identified user and use case. Adequate analysis and synthesis of key perceptual and cognitive principles relevant to identified user and use case. Superior analysis and synthesis of key perceptual and cognitive principles relevant to identified user and use case. Conclusions and recommendations are congruent with usability analysis Specific recommendations and/or plans of action provided. Specific perceptual and cognitive concepts are referred to when necessary to support the analysis and conclusions. Recommendations and conclusions are presented and supported in a literate and effective manner. 10% Effective recommendations and/or plans of action not provided. Specific perceptual and cognitive concepts necessary to support the analysis and conclusions were not provided. Effective recommendations and/or plans of action inadequate. Specific perceptual and cognitive concepts are not referred to when necessary to support the analysis and conclusions. Effective recommendations and/or plans of action were partially provided. Specific perceptual and cognitive concepts are occasionally referred to when necessary to support the analysis and conclusions. Effective recommendations, solutions, and/or plans of action were provided. Specific perceptual and cognitive concepts are referred to when necessary to support the analysis and conclusions. Proper organization, professional writing, and logical flow of analysis. APA formatting Logically organized, key points, key arguments, and important criteria for evaluating the site/app are easily identified. Key points are supported with a well thought out rationale based on applying specific perceptual and cognitive concepts or frameworks to the website/app. Proper grammar, spelling, punctuation, 3rd person objective view, professional writing, and syntax. 20% Key points were not identified and supported. Rationale is very poorly thought out or is not referenced to perceptual and cognitive concepts or frameworks. Grammar, spelling, punctuation, professional writing, and syntax needs