Testing LoFi Prototyping
Quicklinks
Probiere es gleich selbst aus
Gehe zu:
Usability Walkthrough
Die Antworten sind als direkte Rede zu verstehen. Sie können für bessere Lesbarkeit gekürzt oder abgeändert worden sein. Die Aussagen der einzelnen Antworten wurden jedoch immer berücksichtigt und in keiner Weise dadurch verfälscht.
Testperson:
Matthias Koch
Haben Sie bereits Erfahrung mit einer Notiz-App gemacht?
Ich brauche Bear als Notizapp. Meistens nutze ich diese täglich und zwar als zentrales Notizapp für die Schule, im Geschäft oder persönlich auf dem PC und Handy.
Aufgabe 1
| Bitte editiere die neueste Notiz Modul «Human Centered Design» und füge dann der Notiz einen Bereich aus einer hochgeladener Datei zu. Anschliessend markierst Du dir den zweiten Satz innerhalb der Notiz um diesen Bereich hervorzuheben. Füge der Notiz eine Überschrift sowie einige Sätze hinzu. |
Welches ist die neuste Notiz? Ich gehe ins Modul HCD – eine von den ersten beiden Kästen? – ich schliesse daraus, dass die links die Neueste ist. Ich klicke auf sie. Bitte Datei hochladen? – Upload via Button unten. Ich erwarte hier aber Drag and Drop zum hochladen. Auch lokale Dateien, die schon irgendwo gesammelt sind möchte ich hier. Einen Bereich einer hochgeladenen Datei hinzufügen? Ich hover mit der Maus auf die Datei – die Icons bedeuten für mich anschauen, ausschneiden und verschieben. Ich klicke auf die Schere. Ich habe erwartet die ganze Folie auszuschneiden. Ich sehe aber im Screen, dass ich einen Teil der Folie ausschneiden kann – achso okay – jetzt verstehe ich die Aufgabe.
Ich gehe einen Screen reotur. Kann ich hier lokale Dateien hochladen? Ich erwarte bei der Detailansicht, wenn ich bereits etwas hochgeladen habe, dass jede Folie ein einzelnes Dokument ist. Ich bin hier hier verwirrt. Ich klicke nun auf die Schere. Wähle meinen Bereich aus und möchte diesen nun der Notiz hinzufügen. Aber wo und wie? Mittels Drag and Drop müsste ich es an den richtigen Ort anfügen können.
Würde gerne die die Auswahl löschen können, bzw. rückgängig machen und die Auswahl anpassen. Vielleicht wäre hier ein Feedback, ob die Auswahl passt sinnvoll und erst bei einer Bestätigung wird die Auswahl meiner Notiz hinzugefügt.
Ich vermute das funktioniert wie in einem Standard Texttool. Ich markiere den Text. Ich sehe hier die Funktionen: hervorheben, Text grösser machen, einen Leuchtstift wahrscheinlich um Text zu markieren, Überschriften H1 – hier wäre es cool direkt in Markdown schreiben zu können. Aber so würde ich den Titel schreiben und dann im Dropdown die gewünschte Grösse auswählen.
Aufgabe 2
| Super du hast eine eigene Notiz erstellt. Gehe nun zur zweitneuesten Notiz. Du möchtest nun diese Notiz mit einer Verknüpfung/Tag zu einem anderen Modul versehen. Wie gehst du vor? |
Ich klicke auf: weitere hinzufügen. Gebe meinen Tag ein – wow das ist ja wie in der App Bear, gefällt mir – ich mache einen Tag und gebe nur einen Buchstabe ein und der Rest wird mir vorgeschlagen.
Aufgabe 3
| Du bist auf der Übersichtsseite und hast eine Benachrichtigung innerhalb der App bekommen, dass das Modul «LAB» bereits läuft und für dich Dateien freigegegben wurden. Du möchtest nun so schnell wie möglich auf den Bearbeitungs-Modus deiner LAB-Notizen gelangen, damit du keine Zeit vom Unterricht verlierst. Wie gehst du vor? |
Ich sehe oben rechts eine Meldung. Ich erkenne, dass ich darauf klicken kann. Ich klicke darauf und sehe: Dateien im Modul Lab freigegeben. Ich klicke darauf und sehe dann direkt meine eigene Dateien. Ich gehe davon aus links zeigt es mir alle meine Notizen und in dieser Spalte kann ich Notizen von Heute reinschreiben. Ist für mich irgendwie verwirrend, wenn ich ins Modul LAB gehe und alle Notizen sehe. Welches File ist am neusten? – in der Notification hiess es meherere Dateien wären für mich freigegeben – also wenn ich in das Modul rein gehe, sind es alle Dateien? oder nur die Neusten? Hier wäre es sinnvoll eine Art Kennzeichnung um zwischen alten und Neuen Dateien zu unterscheiden. Auch möchte ich hier eine Auswahl z.B. um nach Datum zu sortieren oder eine Downloadfunktion. Ich klicke auf ein PDF. Es öffnet sich das Fenster «Ansicht». Finde ich auch verwirrend. Wie wäre ein Fenster welches sich separat öffnet? Als Overlay?
Hat dir etwas gut gefallen, was nicht?
- Die Ansicht links mit der Unterteilung nach Tagen finde ich gut. Diese könnte aber echt lang werden, wenn z.B. ein Modul sich über 8 Wochen hinzieht. Wo bleibt dann die Übersichtlichkeit?
- Eine Listenansicht würde besser gefallen als eine Kachelansicht. Dann wäre auch geklärt welche am Neusten ist. Evtl. eine zuletzt geändert Ansicht; oder nur gekennzeichnet mit «zuletzt geändert» oder mit einer Zeitangabe und Datum.
- Die Ansicht Notiz links ist schwierig zu verstehen. Wo erstelle ich eine neue notiz? Auch aus dem Nichts eine neue Notiz zu erstellen, auch wenn ich in keinem Modul bin wäre Toll. Wie mache ich das?
- «Für dich freigegebene»-Tab; Ich erwarte hier, dass alle Slides abgelegt sind, aber keine Notizen von anderen Mitstudenten.
Emo-Cards
frustriert
Die Funktion «Datei hochladen» hat mich echt verwirrt.
organisiert
Die Verwaltung der Notizen und Lernmaterial ist sehr gut. Die Trennung von meine eigenen Notizen, die für mich geteilten und die Lernmaterialien der Dozenten könnte aber besser sein.
flexibel
Ich kann von überall her auf meine Notizen zugreifen. Dafür brauche ich nur einen Browser.
System Usability Scale
- Total Punkte
- 57.5
Testperson:
Marc Hatt
Haben Sie bereits Erfahrung mit einer Notiz-App gemacht?
Ja, im schulischen Umfeld. Angefangen habe ich mit Bear (Markdown Notiz). Mittlerweile nutze ich Notion, es kann mehr als Bear. Es ist wie deine eigene App mit Drag and Drop. Notizen können so einfach personalisiert werden. Auch interaktive Grafiken sind möglich.
Aufgabe 1
| Bitte editiere die neueste Notiz Modul «Human Centered Design» und füge dann der Notiz einen Bereich aus einer hochgeladener Datei zu. Anschliessend markierst Du dir den zweiten Satz innerhalb der Notiz um diesen Bereich hervorzuheben. Füge der Notiz eine Überschrift sowie einige Sätze hinzu. |
Ich sehe der Reiter «Module» ist schwarz – also ist dieser wahrscheinlich angewählt und aktiv. Ich habe Notifitcation. Ich möchte am liebste nachschauen gehen, was dort ist, aber das ist ja jetzt nicht die Aufgabe. Die Übersicht gefällt mir sehr, vor allem die grosse Typografie. HCD? Da sind meine Notizen drinn nehme ich an. «Für mich freigegeben» im Tab? – Ich möchte freigegebene Dateien anklicken um eine Notiz zu erstellen. Mir war nicht klar, dass ich im Modul nochmals auf Notizen klicken muss um zu meinen Notizen zu gelangen. Ich meinte wenn auf das Modul klicke, bin ich schon innerhalb der Notizen. Datei hochladen ist ok. Ich versuche einen Bereich auszuschneiden – achso ich wollte den ganzen slide hinüberziehen auf die Notiz – es wäre besser gewesen, wenn das «Schneide»-Tool angewählt ist und ich erst dann etwas markieren kann. Was ist mit Notiz gemeint – klar es ist natürlich eine Notiz – aber ist die Notiz das innerhalb des Rahmens oder der Text unterhalb? Ich wähle den Text an und sehe oben den Textmarker – ganz einfach – wie im Word.
Aufgabe 2
| Super du hast eine eigene Notiz erstellt. Gehe nun zur zweitneuesten Notiz. Du möchtest nun diese Notiz mit einer Verknüpfung/Tag zu einem anderen Modul versehen. Wie gehst du vor? |
Ich gehe in meine Notizen. Klicke auf «Tag hinzufügen». Schreibe «L». Easy.
Aufgabe 3
| Du bist auf der Übersichtsseite und hast eine Benachrichtigung innerhalb der App bekommen, dass das Modul «LAB» bereits läuft und für dich Dateien freigegegben wurden. Du möchtest nun so schnell wie möglich auf den Bearbeitungs-Modus deiner LAB-Notizen gelangen, damit du keine Zeit vom Unterricht verlierst. Wie gehst du vor? |
Ich klicke auf das Notification Icon. Ok, ich sehe jemand hat mir Dateien freigegeben. Diese zwei Tabs bei den Dateiübersicht irritieren mich. Es ist verwirrend, weil wenn ich im Notiztool bin habe ich das gefühlt der «für dich freigegeben»-Tab ist dafür da, wenn jemand anders mir Dateien geschickt hat. Es wäre besser immer zwei Tabs zu haben, und die Nachricht nur in einem Tab. Oder die Dateien gesplittet, also meine Dateien und Andere für mich freigegebene.
Hat dir etwas gut gefallen, was nicht?
- Das UI ist intuitiv und übersichtlich; hoffe in der Designphase bleibt es so. Es soll gar nicht zu überladen sein, so simpel wie möglich ist am besten.
- Mit Drag and Drop etwas lustiges machen, wie deine eigene Lernmittel zusammenbasteln
- Tipp: Die Navigation oben nur anzeiggen, wenn man scrollt, dies schafft mehr Klarheit und legt den Fokus auf die Notizen
- Module und Aktvitäten bitte anders darstellen und voneinander trennen. So sind sie zu gleich.
- Ich erwarte wie einen Instagram feed, so einen Zeitstrahl.
- Kann ich auch eine Grafik zusammenbasteln? So ein «zeichnen»-Tool wäre gut
Emo-Cards
System Usability Scale
- Total Punkte
- 45
Feedback
Aus den beiden oberen Interviews konnten wird folgene Punkte zusammenfassen. So erfuhren wir, was gut und was schlecht umgesetzt wurde. Auf einige Dinge wie ganze Screens oder Funktionen könnten wir gänzlich verzichten, dies wurde uns aber erst durch das User-Testing klar.
Crop
- Userführung
- Dialog/Feedback erwartet: erst auschneiden, dann Notiz hinzufügen
Slides
- Unterteilen der Slides:
- Cloud
- Lokaler Upload
- Muss klar gekennzeichnet werden, Wording muss immer gleich und unterscheidbar sein oder durch Icons klar abgegrenzt werden
- Alle Datei organisieren, so wie die Notizen strukturiert sind, sollten auch die Slides strukturiert sein.
- Zeitstempel
- Ansicht-Tab nicht klar, sollte konsequent auf allen Screen gleich sein.
Feed
- Neuste Nachricht sollte klar sein; evtl. ein Zeitstempel (Vor 1 Stunde, vor einem Tag …)
- Auch beim Bezug auf Archivierung, Neuste Dateien zuerst: «Für Dich freigegeben Dateien» weg
Notizen
- Quick-Navigation für Notizen (nicht nur Scrollen)
- Neue Notiz erstellen
Header
- Zurücknehmen, Fokus auf Notizen
Werkzeuge werden verstanden
- Reduzieren
Tags
- Alles klar
Suche
- Suchfeld
- Kalender
- Filter
Was können wir optimieren
- Switch (Austausch) zwischen Notiz und Cloud deutlich machen
- Feedback/Userführung (Dialog) ausarbeiten
- Unterscheidung zwischen lokalen Dateien und Cloud-Dateien zu wenig deutlich
- Kennzeichnung von neusten Dateien (Zeitstempel)
Lies unseren Lern Fact für ein tieferen Einblick in unsere Highlights und entstandene Probleme oder gehe zur nächsten Phase: