Webseiten Mockups / Wireframes mit MockFlow
Für ein komplexes Webseitenprojekt haben wir uns entschieden in der Konzeptionsphase neben schriftlichen Konzepten wenn immer möglich mit Mockups für zentrale Funktionalitäten sowie für die wichtigsten Seitentypen zu arbeiten.
Die Arbeit mit Mockups bietet verschiedene Vorteile. Für uns liegen die wichtigsten Vorteile hier:
- Über Mockups lassen sich komplexe Funktionalitäten für den Kunden einfach und verständlich darstellen. Der Kunde kann sich genau vorstellen wie eine bestimmte Lösung konkret funktionieren soll.
- An Workshops können die Mockups mit dem Kunden besprochen und seinen Wünschen und speziellen Anforderungen optimal angepasst werden
- Die Mockups können direkt für erste Usability Tests verwendet werden.
- Sind die Mockups für die Seitentypen und Funktionalitäten vom Kunden abgenommen, bieten diese eine optimale Grundlage für das Design Briefing.
Nun liegt natürlich die grosse Herausforderung darin ein optimales Arbeitstool zur Erstellung und Weiterverarbeitung von Mockups auszuwählen. Wir haben schon verschiedene Tools gesehen und auch eingesetzt.
Unsere Grundanforderungen an ein optimales und professionelles Mockups / Wireframes Tool:
- Das Tool soll online basiert sein, also über den Browser administrierbar. Dies hat den Vorteil, dass die Mockups unabhängig vom Ort des Mitarbeites gepflegt werden kann. Der kunde erhält einen Link zum jeweiligen Mockup und auch Usability Tester können den Mockup einfach über den Browser erreichen.
- Rollen und Berechtigungen (schreiben/ändern oder nur ansehen, oder auch Kommentare schreiben,…) sollen einfach granulierbar sein.
- Das Handling des Tools soll intuitiv und einfach sein, schliesslich will ich mich aufs erstellen eines optimalen Mockups konzentrieren und nicht wie ich nun was im Tool machen muss
- Da bei uns meistens mehrere Personen an einem Mockup arbeiten ist der Collaboration Modus (bestens real time) wichtig.
- Versionierung, mit Kommentar Funktion
- Das Tool soll auf Webseiten Mockups spezialisiert sein, also möglichst viele graphische Webseitenelemente out of the box liefern. So sieht ein Mockup schnell professionell aus und der Kunde und Tester erkennt ohne viel Erklärung um was für ein Webseitenelement es sich handeln soll. Ganz abgesehen davon ist dadurch auch die Erstellung der Mockups viel weniger zeitintensiv.
- Die Mockups sollen neben dem Webinterface auch einfach als pdf Dateien (zum Ausdrucken) speicherbar sein.
- Und zu guter letzt sollte das Tool nicht allzu teuer sein!
Wir haben uns nochmals etwas Zeit genommen und verschiedene Mockups / Wireframes Tools angeschaut und getestet. Schlussendlich haben wir uns für MockFlow (www.mockflow.com) entschieden. Das Tool bietet alles was wir brauchen und ist auch nicht sehr teuer. Check it out!