Für frühes Nutzerfeedback – UX-Tests von Wireframes und Prototypen
Jeder Webseiten-Betreiber weiß wie zeit- und kostenaufwändig Optimierungen sein können. Entwickler coden tagelang an neuen Features und Verbesserungen nur, um danach festzustellen, dass die Conversionrate eher sinkt als steigt.
Um das zu vermeiden und während der Optimierung Zeit und Geld zu sparen, empfehlen wir immer wieder Webseiten so früh wie möglich zu testen – am besten schon als Prototyp. Mit unseren RapidUsertests können Wireframes und Prototypen schnell und agil getestet werden. Innerhalb kürzester Zeit bekommt man Nutzerfeedback, welches man direkt in den Entwicklungsprozess miteinbeziehen kann. Usability-Probleme werden so schon entdeckt, bevor der erste Entwickler überhaupt mit dem Coden angefangen hat.
Inhaltsverzeichnis
Wie teste ich meinen Prototypen?
Das Testen an sich läuft dabei genauso ab wie jeder normale Webseitentest. Stellen Sie einfach den Prototypen als URL zur Verfügung und legen Sie den Test über unsere Webseite an. Handelt es sich um eine passwortgeschützte URL, geben Sie die Login-Daten einfach in der ersten Aufgabe mit an. Natürlich helfen unsere Experten Ihnen auch gerne bei der Testkonzeption.
Was kann eigentlich getestet werden?
1. Wireframes
Testen Sie das Seitenlayout, um herauszufinden, wo welche Interface-Elemente am Besten platziert werden sollten. Auch die Navigation und die Funktionalität der Webseite oder App können schon als Wireframe getestet werden.
Warum sollte ich Wireframes testen?
- Sogar fundamentale Änderungen sind in dieser Phase noch kostengünstig und einfach umsetzbar
Was finde ich dabei heraus?
- wo Nutzer welche Elemente erwarten
- ob Elemente fehlen oder überflüssig sind
- ob Ihre Nutzer verstehen, worum es bei der Website geht
 |  |
Abb.: Links: Mobile Wireframe-Beispiel für einen Usability-Test. Rechts: Mobile Klickprototyp-Beispiel für einen Usability-Test
Lade unser kostenloses Wireframing-Kit herunter
Unser Wireframing-Kit für Adobe XD macht dich zum Prototyping-Superstar! Im Handumdrehen setzt du die Erkenntnisse aus deinen RapidUsertests als Wireframes um und kannst direkt in den nächsten Test starten.
Das Kit beinhaltet unter anderem:
- Menü- und Navigationselemente
- unterschiedliche Button-Stile und sonstige Calls-to-Action
- Interaktionselemente wie Slider und Switches
2. Prototypen
Testen Sie Ihre Prototypen schon bevor mit dem Coden begonnen wird, um Feedback bzgl. des visuellen Designs Ihrer Webseite oder App zu bekommen.
Warum sollte ich Prototypen testen?
- Solang noch nicht gecoded wurde, sind Änderungen schnell und einfach umsetzbar
Was finde ich heraus?
- ob das Look & Feel der Website die Nutzer anspricht
- ob der Nutzer ans gewünschte Ziel kommt und wie (Nutzerwege)
Prototypen auf mobilen Geräten testen
Auch Prototypen von mobilen Webseiten und Apps können mit unseren RapidUsertests getestet werden. Dazu muss der Prototyp den Nutzern online zugänglich gemacht werden.
Die Best-Practices für Usability-Tests von Prototypen haben wir in einem weiteren Blog-Artikel zusammengefasst.
Die Nutzer sind diejenigen, die die Webseite im Endeffekt nutzen – verschwenden Sie also nicht Ihre Zeit damit etwas zu entwickeln, was der Nutzer nicht will, braucht oder versteht. Kontaktieren Sie uns gerne bzgl. Ihres nächsten Projekts.
Produktmanagerin – Ilka Marhenke ist Kommunikations-Designerin. Als Produktmanagerin arbeitet sie daran, unser Tool RapidUsertests noch besser zu machen.
