{"id":1399,"date":"2021-05-30T13:26:13","date_gmt":"2021-05-30T11:26:13","guid":{"rendered":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/?p=1399"},"modified":"2021-05-30T14:35:30","modified_gmt":"2021-05-30T12:35:30","slug":"a6-p5-paper-prototyping-and-usability-testing","status":"publish","type":"post","link":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/30\/a6-p5-paper-prototyping-and-usability-testing\/","title":{"rendered":"[A#6, P5] Paper prototyping and usability testing"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">(1)  Continue to develop (or start a new)   paper prototype based on new insights or feedback from your peers.<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What and why you have changed your prototype?<\/h3>\n\n\n\n<p>We used the feedback we got from our first feedback round, for example to have a dream diary with voice recording.<br>In the first version of our prototype we build functions that are important before a potential user goes to sleep (the night mode) but in order to test our prototype with its full functionality we decided to extend our prototype with the missing functions (the morning mode).<\/p>\n\n\n\n<p>This is our new version of the prototype:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.figma.com\/proto\/qH6nfjcUHLOE83Zun9yMlr\/Prototype-ver2?node-id=0%3A1&amp;scaling=scale-down&amp;page-id=0%3A1\">https:\/\/www.figma.com\/proto\/qH6nfjcUHLOE83Zun9yMlr\/Prototype-ver2?node-id=0%3A1&amp;scaling=scale-down&amp;page-id=0%3A1<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How you expect this will improve the prototype?<\/h3>\n\n\n\n<p>We hope that with the extension of our prototype the user will easier understand how the mobile application should be used than only with the first version. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">(<strong>2) Conduct (at least) 3 formative usability tests.<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Develop a script for your usability test.<\/h3>\n\n\n\n<p>(1) Notes for the User<br>We test our app and not you! Please ask questions and I do my best to answer them. Please think aloud and describe your interaction with our prototype.<br>We will record your screen and this interview as described in the Consent Form.<\/p>\n\n\n\n<p>(2) Context of the application<br>Sleepy Heads is a mobile application that can track your sleep.<br>It was developed to help people to monitor and improve their sleeping problems. Furthermore you have a dream diary, relaxation methods and your sleep will be evaluated. <br>As part of the usertest we want to test our mobile application and get your feedback.<\/p>\n\n\n\n<p>(3) Questions <br>How old are you? <br>Did or do you have sleeping problems?<br>              Did or do you go to a doctor because of your sleeping problems?<br>What helps you falling asleep? <\/p>\n\n\n\n<p>(4) Szenario(s)<br>You went to the doctor because of your sleeping problems and he recommended the mobile application &#8218;Sleepy Heads&#8216; to you. <br>You owned a smartwatch and you tracked your sleeping schedule with it until now.  You want some more help and thats why you want to use &#8218;Sleepy Heads&#8216;.<br>Now you want to go through a relaxation method before going to sleep and listen to a nature sound while falling asleep. <br>After you wake up you want to write down a dream you had and rate your sleep quality.<\/p>\n\n\n\n<p>(5) Tasks<br>1. Familiarize yourself with the application and describe your first impression.<br>2. Please choose a Relaxation method.<br>3. Please search for sleep sound.<br>4. Please add a new factor.<br>5. Please choose the option to record your voice while you are sleeping.<br>6. Start the sleep modus.<br>7. Please stop the sleep modus.<br>8. Please add a new dream in your dream diary. Where would you navigate? <br>9. Please rate your sleep quality.<\/p>\n\n\n\n<p>(6) Final questions<br>1. What are pros and cons of our mobile application?<br>2. Were all of the icons that we used understandable?<br>3. How did you find it that you had sleep methods and sleep music in the same category?<br>4. What did you find very good?<br>5. What would you changed?<\/p>\n\n\n\n<p>(7) Final<br>Do you have any more questions regarding our mobile application?<br>Thanks for your time and participation!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Document who is taking what role.<\/h3>\n\n\n\n<p>Because of the fact that everyone of us invited one friend for the usertest we decided that the person who knows the interviewee will be the moderator and the other two will document the interview. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Decide if you want to record your test session and how you take notes during the test sessions.<\/h3>\n\n\n\n<p>We want to record the voice and the screen of the interviewee but it depends on the person if they agree to it or not.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Document who you are inviting for a test session and how long the session lasted.<\/h3>\n\n\n\n<p>1. Usertest: woman, 21 years old, no sleeping problems, but it takes a long time to fall asleep. The interview took 25 minutes.<\/p>\n\n\n\n<p>2. Usertest: woman, 28 years old, has sleeping problems and went to a doctor, melatonin helps her to sleep better. The interview took 18 minutes.<\/p>\n\n\n\n<p>3. Usertest: woman, 24 years old, has problems to wake up because her sleep is too deep, in order to fall asleep she listens to music or podcasts. The interview took 18 minutes.<\/p>\n\n\n\n<!--nextpage-->\n\n\n\n<h2 class=\"wp-block-heading\">(<strong>3) Document and evaluate the results of your testing.<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What method did you use to evaluate the results of your usability tests? How did you evaluate the results?<\/h3>\n\n\n\n<p>We used Affinity Diagramming to order our notes that we took from the interviews and to get a better overview of want went not so well and what we can improve in our prototype.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1024x576.png\" alt=\"\" class=\"wp-image-1406\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1024x576.png 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-300x169.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-768x432.png 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1200x675.png 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1.png 1422w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>Our notes sorted by the different interviewee<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1-1024x576.png\" alt=\"\" class=\"wp-image-1407\" srcset=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1-1024x576.png 1024w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1-300x169.png 300w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1-768x432.png 768w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1-1200x675.png 1200w, https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/files\/2021\/05\/Evaluation-6-1-1.png 1422w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption>Our notes sorted by different categories<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">What did you learn from the testing? What are your main takeaways?<\/h3>\n\n\n\n<p>We learned that our mobile application and our ideas and visions where very appealing to our interviewees. The overall design with the color scheme and the separation of the different functions were received well. For the most part the icons were understandable but  with some of them our interviewees had problems to understand them properly or got a bit confused. Also to start the sleepmodus was rather confusing than helping. According to the interviewees the transition from our application to the lock screen was aprubt and we should use a pop-up screen to ask if the user wants to begin  the sleeping modus. <br>Also we got some suggestions where some icons should be placed or what we could add to some functions to improve the usage of our mobile application. <br>But our main takeaway is to change the icons so that potentional users could easier navigate through our application. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reflection<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Who did what?<\/h3>\n\n\n\n<p>Angelika created the blog post. We all worked to together to extend our prototype, to create the script for the user tests and used jamboard to evaluate the interviews. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What have we learned? <\/h3>\n\n\n\n<p>As described under section 3 &#8218;<strong>Document and evaluate the results of your testing<\/strong>&#8218; we learned a lot about how others see our application and what we could change to make a better one. Also we learned how different people interact with new software. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What went well? <\/h3>\n\n\n\n<p>As always our group work was very efficient and good and although we had little connection errrors in our usertests everything went well. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What do we want to improve?<\/h3>\n\n\n\n<p>Like last time we want to improve the icons in our prototype and want to think about some of the suggestions of our interviewees.<\/p>\n\n\n\n<p>But as always we are happy with the work we have done and the results we got from the usertests.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>(1) Continue to develop (or start a new) paper prototype based on new insights or feedback from your peers. What and why you have changed your prototype? We used the feedback we got from our first feedback round, for example to have a dream diary with voice recording.In the first version of our prototype we &hellip; <a href=\"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/2021\/05\/30\/a6-p5-paper-prototyping-and-usability-testing\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201e[A#6, P5] Paper prototyping and usability testing\u201c<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":6162,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[383756,384908,401100],"tags":[],"class_list":["post-1399","post","type-post","status-publish","format-standard","hentry","category-projekt-5","category-blogbeitraege","category-assignment-6"],"_links":{"self":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1399","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/users\/6162"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/comments?post=1399"}],"version-history":[{"count":5,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1399\/revisions"}],"predecessor-version":[{"id":1412,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/posts\/1399\/revisions\/1412"}],"wp:attachment":[{"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/media?parent=1399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/categories?post=1399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.fu-berlin.de\/hci1-sose2021\/wp-json\/wp\/v2\/tags?post=1399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}