Wir verschönern, wir machen es einfach zu nutzen
groupBlog

Instore Mobile App für Transa

UFirst erarbeitet in Zusammenarbeit mit Ihrer Partner Agentur Crossmotion eine... >>

 

Author: Patrick Petzold

Posted on 14 Sep 2012 10:37 am

Grails App für Swisscom Open Workbox

Wir haben gerade eine Reservations-Website für die Open Workbox Prototypen für Swisscom fertiggestellt. In nur 7 Tagen haben wir zwei Versionen (Mobile und Web) der Applikation designed und implementiert.... >>

 

Author: Alan Fehr

Posted on 11 Mar 2011 5:13 pm

Der Kampf gegen den Font Einheitsbrei im Web

Typografie ist ein sehr wichtiges Gestaltungselement, da sind sich unserer Meinung nach alle Designer einig. Auch die meisten Kunden haben zumindest... >>

 

Author: Patrick Petzold

Posted on 25 May 2010 5:03 pm

Wireframes oder Papier-Prototyp

Oft stellt sich die Frage nach dem Sinn von Papier-Protoypen. Sie sind starr in der Anwendung, brauchen Interaktion durch einen Moderator und zeigen wenig bis kein Interaktionsdesign. Vielfach wird deshalb... >>

 

Author: Patrick Petzold

Posted on 11 May 2010 6:19 pm

A/B Testing

Durch A/B Testing können Design-Strategien gezielt auf ihre Effizienz getestet werden. In unserer UX-Methodik ist A/B Testing ein fester Bestandteil. Sehr gute Erfahrungen haben wir damit in eCommerce-Projekten... >>

 

Author: Patrick Petzold

Posted on 4 May 2010 1:56 pm

GUI Design

Agiler Design-Prozess

Wir bei der UFirst Group glauben fest daran, dass Benutzer Oberflächen, GUI's, in Zusammenarbeit mit den Benutzern entwickelt werden sollen. In der Realität werden die Endbenutzer jedoch selten schon in der Projektphase in den Design Prozess mit einbezogen. Unser agiler Design-Prozess versucht dem so weit als möglich entgegenzusteuern. Unser Name ist unser Auftrag. UFirst steht für User First.

Deliverables, Wireframes & HTML Prototyp

Unser Prozess sieht vor in kurzen Iterationen über User Matrix und Functional Matrix in die Paper Prototypes oder Wireframes einzusteigen. Schon in diesem Stadium empfehlen wir je nach komplexität des Projekts erste Tests mit potenziellen Benutzern einzuplanen. Die Wireframes bilden eine solide Basis für die folgende Design Arbeit. Sie helfen das Gesamtvolumen des Projekts visuell aufzuzeigen und eventuelle Missverständnisse frühstmöglich aufzudecken. In den meisten Fällen ist das Erstellen der Wireframes mit einer engen Zusammenarbeit mit dem Kunden verbunden. Der Unterschied zwischen Paper Prototypes und Wireframes liegt bei uns in der Form der Präsentation.

Der grafische Design Prozess beginnt nach Beenden der Wireframes und der ersten Abnahme der User und Functional Matrix. Diese bilden somit den ersten Milestone in unserer Arbeitsweise. Entgegen einem Wasserfall-Ansatz werden wir nach Beendung des zweiten Milestones, dem Mockup-Prototypen, eventuelle Anpassungen in den Matrizen nachtragen. Im grafischen Design-Prozess integrieren wir auch den Bereich Interaktions. Erstes Gebot für unsere UX Designer ist das einhalten vorhandener CI/CD-Richtlinien. Sollte Ihr Produkt jedoch noch über kein CI/CD verfügen erarbeiten wir dies gerne mit Ihnen oder greifen auf unsere Partneragenturen im Bereich Corporate Identity und Corporate Design zurück. Als Credo gilt jedoch immer unser Claim Make it beautiful, make it easy to use.

Wireframes & HTML Prototyp in der Praxis

Wir haben die Erfahrung gemacht, dass technisch nicht sehr versierte Benutzer Mühe bekunden, auf dem Computerbildschirm zwischen einem Protypen und der eigentlichen Software zu abstrahieren. Darum empfehlen wir Testings in frühen Phasen mit Paper Protoypen auszuführen.

Sehr gute Erfahrung haben wir mit dem Testen von high-end HTML-Prototypen gemacht. Wir erstellen dazu einen sogenannten Clickable Prototype. Hier unterscheiden wir zwischen zwei Varianten, dem Rapid Prototyping und dem Rich Prototyping. Je nach Kundenbedürfniss und geplantem Zeitaufwand wird die entsprechende Variante gewählt und dann getestet. Die Testresultate werden dann in den weiteren Design-Prozess integriert. Wir empfehlen mehrere, dafür kleinere, pragmatische Tests, welche ein schnelles Umsetzen der Resultate erlaubt. Der Benutzer steht bei uns im Mittelpunkt und ist somit der wichtigste Stakeholder in unseren Prozessen. Durch das Testing können wir sicherstellen, dass die Bedürfnisse der User auch entsprechend Gehör bekommen.

Benutzerführung

Die Benutzerführung über visuelle Reize behandeln und testen wir in der grafischen Design-Phase. Unsere UX Consultants sind jedoch auch in der Lage bestehende Designs zu analysieren und zusammen mit Ihrer Hausagentur das Design perfekt auf die neuen Bedürfnisse anzupassen. Gerade im eCommerce kann das Anpassen des Designs oder der Benutzerführung eine drastische Auswirkung auf den Umsatz haben. Unsere Erfahrung bei der Entwicklung von Design-Strategien für einige der grössten Online-Shops Europas können dabei sicherlich von Nutzen sein. Das gleiche gilt für die Informations Architektur Ihrer Site. Die richtige Information zur richtigen Zeit und in der richtigen Dosierung ist hier gefragt. Dies gilt für Intranets genau so wie für Online-Shops. Auch in dieser Phase nutzen wir das Wissen der User als unsere wichtigste Quelle. UFirst - User First.