(1) Continue to improve your high-fidelity prototype.

(2) Prepare for a summative evaluation

We will conduct usability tests during the time in the lab. There will be guests invited from the Human-Centered Computing (HCC) research group, who will function as usability test participants. Please prepare for this test session accordingly. We will have three test sessions per group. A test session lasts about 25 minutes.

Please recall your experience and takeaways from your first testing session: What are things you would like to do differently this time?

Prepare all documents (script, consent form, …) you will need during the test session:

• What documents do you need?

script, consent form, observation coding form, ueq short german version

• This time, you will measure the effectiveness using the task completion rate. Please use the provided template (PDF, see below).
• This time, you will also measure the satisfaction of users, by using a post-task or post-test questionnaire. Please choose independently what suits your project.
• Which standardized questionnaire did you choose and why?

We decided to use the short version of the UEQ. We chose a post-test-questionaire, because we have only one functionality to test and our tasks are short. We like the short version better because the points to evaluate are better to differentiate then in the long version and the short version is enough for our small project. It is easier for us to compare the test results.

• Document your preparation.

Skript Usability Testing

Herzlich Willkommen und vielen Dank, dass Sie sich die Zeit für diesen Test genommen haben. Wir sind … und möchten diesen Usability Test für unseren Unikurs Human-Computer Interaction durchführen. Im Kurs beschäftigen wir uns mit Digitalen Gesundheitsanwendungen, so genannten DIGAs. Die DiGA, die wir untersucht haben ist eine App zur Unterstützung der Rauchentwöhnung. Dazu haben wir einen Prototypen gebaut mit dem wir mit ihnen einen Usability Test durchführen möchten. Damit wir die Daten aus diesem Test auch verwenden dürfen, brauchen wir bitte die unterschriebene EInverständniserklärung. Bitte machen Sie sich keine Sorgen, dass Sie etwas falsch machen könnten. Wir testen nicht Sie sondern den Prototypen und ihr Verhalten hilft uns zu verstehen, wo dieser Prototyp noch verbessert werden kann. Wir werden Ihnen gleich Aufgaben stellen, die sie in unserem Prototypen ausführen sollen und wir möchten Sie darum bitten, dass Sie Ihre Gedanken während der Bearbeitung der Aufgaben laut auszusprechen.

AUFGABEN

Vielen Dank für Ihre Mitarbeit. Wir werden die Ergebnissein auswerten und in die Weiterentwickling unsers Projektes einbinden, um den Prototypen weiter zu verbessern.

Aufgaben

1. main task flow: Bitte absolvieren Sie das Tutorial vollständig
2. Bitte starten Sie das Tutorial neu
3. Bitte fangen Sie das Tutorial an und brechen es an einer beliebigen Stelle ab
4. Bitte überspringen Sie das Tutorial

(1) List your various requirements elicited from the user research.

• This step should be earlier in the process, as you know, but it is useful for focusing your work

• it should be easy to understand how to follow tutorial
• the most basic information should me explained/shown on each step
• each feature in the down section of app has to be explained
• by the end of tutorial user should be able to use the Smoke Free app on their own

• Step-by-step instructions: The user wants simple and clear instructions to guide them through the registration process and tutorial. It should be clear that one has to swipe up to continue.
• Skipping steps: There should be a button that allows the user to skip certain steps in the tutorial.
• Show button functions: The users would like the ability to click on the highlighted button to view the functions while other buttons are disabled.
• Additional information: In addition to health status, some users would like the ability to indicate other information such as cravings for certain foods.
• Cancel tutorial: The user should be able to cancel the tutorial at any point.
• Skip text inputs: It should be possible to skip certain input steps instead of having to enter something.
• Go back to previous step: Users would like the ability to return to the previous step in the tutorial.
• Clearer highlighting of buttons: The color of buttons should stand out more clearly to make them easier to see, especially for the colorblind.
• Adaptations for people with visual impairments: Measures should be taken to ensure that colorblind people can easily recognize the buttons and markers.
• Highlighting the save button: In the tutorial, the save button to save entered values should be highlighted more prominently, for example by making it larger.
• Clarity and understandability: The tutorial should be easy to understand and comfortable for users.

(2) Decide based on your requirements and the insights from the low-fi prototype-testing what functionality to include in your high-fidelity prototype.

• Consider your problem statement
• What insights did you gain from the testing? What are your main takeaways?
• Decide on an approach to select the most appropriate requirements (whatever appropriate means in your context)
• asy to follow as you’re guided step-by-step through the process.

• Skip step button.
• Ability to click on the highlighted button to view its functions. Other buttons disabled.
• Ability to cancel the tutorial at any point.
• Option to skip input; not mandatory.
• Option to go back to the previous step.
• The color of the buttons is not prominent enough. Can be difficult for color-blind users to recognize see it.
• Make the save button more noticeable (for example, larger), as this is a tutorial and it’s not clearly indicated that something needs to be entered.

(3) Define the major task flow you want to support.

• Based on your scenario, describe at least two major task flows.
• These descriptions will serve as task descriptions for the evaluators within heuristic evaluation next week.

Task Flow 1: Simplified Introduction

1. User opens the SmokeFree app for the first time.
2. After successful registration, the user is guided through the onboarding tutorial.
3. The tutorial provides step-by-step instructions on using the app, including features like tracking smoking habits, setting goals, and accessing resources.
4. The user completes each tutorial step, following the instructions and interacting with the app accordingly.
5. Once the tutorial is finished, the user is directed to the app’s main dashboard, where they can access the full range of features and functionalities to aid in their smoking cessation journey.

minor task flow:

Task Flow 2: Revisiting Tutorial Steps

1. User is actively using the SmokeFree app.
2. While navigating through the app, the user realizes they have missed certain tutorial steps or information related to a specific page or feature.
3. On the current page, the user looks for a dedicated option or button to revisit the tutorial steps.
4. The user locates the „Tutorial Recap“ or similar option on the page and clicks on it.
5. The app presents a recap of the tutorial steps associated with that specific page or feature.
6. The user reviews the instructions, explanations, and interactive elements presented in the tutorial recap.
7. If necessary, the user follows the instructions and interacts with the app to practice the steps covered in the tutorial.
8. Once the tutorial recap is completed, the user can continue using the app with the refreshed knowledge and understanding of the missed information.
9. If the user encounters another page or feature where they feel they have missed tutorial steps, they can repeat this process by finding the „Tutorial Recap“ option on that particular page.

(4) Start building your prototype. The UI should be clearly developed (consider all interaction, visual, and information design)

https://www.figma.com/proto/vKlEYIkcpOjpLLNpAIOY6F/HCI-first-prototype?type=design&node-id=1-3&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=1%3A3

(1) Summarize the feedback you received on your storyboard.

During the last lab session, you collected feedback from your peers. Please summarize the feedback and document which feedback you will incorporate into your prototype.

The people giving feedback noted that the storyboard’s design and personalization were done well and detailed, offering a nice picture of the app guide. There was however a weak connection with the scenario, so there could be more description of Sabine’s thoughts and actions.

(2) Develop an interactive paper prototype.

You will develop a low-fidelity interactive prototype that represents multiple states or views. Think about your persona who wants to use your product: What are the minimum needs of your persona? What are the must-haves?

Please describe briefly:

• Your prototyping process.
• The use case this prototype addresses.
• How the storyboard is reflected in your prototype.
• A self-assessment of the potential strengths and weaknesses of this first step into your design space.

We started by deciding to use figma as a plattform to create our first prototype. We created accounts and a project. Then we all started creating the first flow in figma. After we had all the frames we continued to create components and started filling the frames with our desired content. We all worked on different aspects of the frames.

The use case of our prototype is a onboarding process of a user after the user registered and starts using the app. They will be greated by a tutorial but can decide to skip it.

Our Storyboard was already very detailed and very focused on the prototype. Therefore we just recreated the storyboard as the prototype.

The strengths of our prototype are clear user interactions and a straight forward user guidance. But it lacks a refined design.

https://www.figma.com/proto/vKlEYIkcpOjpLLNpAIOY6F/HCI-first-prototype?type=design&node-id=0-1&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=1%3A3&show-proto-sidebar=1

1) Formulate a problem and hypothesis statement and document it.

Please use the template (shown in class) introduced in the lab session:

PROBLEM STATEMENT

Sabine needs a way to register easily in the app and to get a simple and understandable introduction because she decided to quit smoking, but due to her limited experience with smartphones, she could be overwhelmed by the many features of the app. We know that this is achieved when Sabine regularly uses the app and its functions.

HYPOTHESIS STATEMENT

We believe that by creating a good introduction for Sabine, we will achieve an easier onboarding for users so that more of them start using it regularly with understanding of basic app functionality.

(2) Create individual sketches.

• Now it is time for solutions and first drawings!
• Step 1: Look at your persona, your scenario and reflect on your problem/hypothesis statement, and focus!
• Step 2: Each person in the team is drawing on paper (drawing on a tablet is also okay!) a solution he/she thinks would solve your problem.
• Justify your first design rationales by documenting them using QOC.

Anna:

Henry:

Alexandra

(3) Share your sketches with your team.

• Each person should present his/her first drawing to the other team members.
• Select features and ideas you think should be part of your prototype.
• You can use the dot-voting method again to make faster decisions.

(3) Condense your results from the previous step into a storyboard.

• Check out the examples and hints on storyboards on the web…
• You should not spend too much time with it, and your solution does not need to be perfect. We will continue working on that!
• Synthesize your design rationales and document them using QOC.
• This step aims to explain your idea/solution using the storyboard to your fellow students.

Derive a primary persona from your data-gathering insights

Create a scenario that describes your vision of how your persona interacts with your

Sabine (42) erwachte am Morgen durch das penetrante Klingeln ihres Weckers und greift noch im Bett sofort nach ihrem Smartphone auf dem Nachttisch. Sie entsperrte es und öffnete die App SmokeFree, die sie von ihrem Hausarzt verschrieben bekommen hatte. Nachdem sie ihr morgendliches Verlangen nach einer Zigarette in der App notiert hatte, las sie die motivierende Nachricht des Tages und erinnerte sich daran, warum sie mit dem Rauchen aufgehört hat und nie wieder damit anfangen will.

Nachdem sie für sich und ihre Familie Frühstück gemacht hat spürte sie den typischen Drang, eine Zigarette zu rauchen. Aber anstatt nach der Zigarettenschachtel zu greifen, öffnete sie stattdessen wieder die App. Sie benutzte eine der Ablenkungstechniken, die die App anbot – ein einfaches Spiel, das sie ablenken solle. Nach ein paar Minuten hatte das Verlangen nachgelassen.

Anschließend bringt sie die Kinder zur Schule und zur Kita, fährt zur Arbeit in das Büro und fängt an zu arbeiten

Während der Arbeit bekam sie von ihrem Vorgesetzten die gewohnten Rauchpausen, aber statt mit den Kolleg:innen zur Raucherecke auf dem Firmenparkplatz zu gehen, nutzte sie diese Pausen nun, um einen kurzen Spaziergang zu machen und frische Luft zu schnappen. Sie nutzte auch eine der Atemübungen, die ihr die App vorschlug, um Stress abzubauen.

Am Ende des Arbeitstages überprüfte Sabine ihre Statistiken in der App. Sie hatte heute keine einzige Zigarette geraucht und die App zeigte ihr, wie viel Geld sie dadurch gespart und wie viele Minuten ihrer Lebenserwartung sie theoretisch „zurückgewonnen“ hatte. Dieses positive Feedback motivierte sie und gab ihr die Bestätigung, dass sie auf dem richtigen Weg war. Sie fährt nach Hause, wo ihre Familie bereits auf sie wartet und sie verbringen zusammen den Abend

Vor dem Schlafengehen öffnete Sabine noch einmal die App und las eine weitere motivierende Nachricht. Sie konnte sehen, dass sie Fortschritte machte und dass ihr Ziel, für rauchfrei zu sein, in greifbare Nähe rückte. Sie schloss die App und legte ihr Smartphone auf den Nachttisch, bereit, am nächsten Tag wieder der Versuchung zu widerstehen und ihren gesünderen Lebensstil fortzusetzen.

Teilaufgabe 1: uns ist noch kein Teamname eingefallen 🙁

Teilaufgabe 3: The electronic patient record (ePA) and digital health applications (DiGA) are two digital health initiatives in Germany. The ePA is a digital health record that allows patients to store and share their medical data with their healthcare providers. Patients can use the ePA to manage their medication, access test results, and view their vaccination records. The DiGA is a digital health application that is designed to improve patient health outcomes and are eligible for reimbursement by German health insurance companies. DiGAs can be used to support the treatment of chronic diseases, mental health issues, and other conditions. They can also help patients manage their health and wellbeing through various digital tools, such as tracking their symptoms, providing educational content, and enabling telemedicine consultations. Overall, both ePA and DiGA aim to improve patient care and outcomes in Germany. While ePA focuses on the storage and sharing of medical records, DiGA offers a range of digital tools to support the treatment and management of various health conditions.

Teilaufgabe 4: We decided to do our prject on the DiGA: Smoke Free

What is the challenge you would like to tackle?
The Dashboard is overwhelming and overall the app seems to have a lot of functionality that is not explained. We would like to introduce an instruction/tutorial to guide new users through the functionality the app provides.

Why do you expect your engagement to be useful?
we want to make the user experience for the app better, so that people use it for a longer time and reach their goal to stop smoking.

Who are your intended stakeholders?
smokers, health institutions, maybe doctors,

Reflexion:

Wer hat welchen Beitrag geleistet? All of us did the research for Task 3 and searched for a fitting DiGA. Anna and Alexandra wrote the blog entry. Henry found the DiGA we want to use,

Was habt ihr gelernt? We improved our knowledge about ePA and DiGA. We learned how to write this blogentry 🙂

Was lief gut? We had a good process to decide on a DiGa for the project

Was möchtet ihr verbessern? We want to improve our communtcation skills, so we can work better together.