User Experience Best Practices
View more presentations from Nick Finck.
Nick Finck über UX Basics & Best Practices.
via IA TV
It’s all about Research
DIY User Research & Design Research For Everyday Projects
Zwei Präsentationen von Leisa Reichelt, die wirklich sehr informativ sind, wie ich finde :)
Zur User-Research…Wie betreibt ihr das so? Gar nicht? Wenn’s passt: Familie/Freunde/Kollegen? Event.- falls vorhanden – Guerilla-mässig bei den Hotlines der Unternehmen nachhaken, welche Anliegen so die “beliebtesten” sind? Oder gar richtig professionell?
Meine Erfahrung im Real-Alltag ist, das das Budget/Zeit (auch trotz Aufklärung) leider für sowas oft gar nicht da ist. Sinn machen würde es nur zu oft, da die Änderungen die nach dem Launch manchmal noch durchgeführt werden sollen, teilweise fast vorhersehbar sind/waren.
(weiterlesen…)
Touch ist Touch und Maus ist Maus! Timepicker UI re-visited
In letzter Zeit bin ich häufiger mal auf den Wunsch gestossen “…das muss so aussehen & funktionieren wie auf dem iPhone…”
Nun gut, denke ich mir, die Leute sind begeistert von der intuitiven Bedienbarkeit und dem Nutzungserlebnis und hätten dies gern auf ihre Webseite übertragen.
Problem: Das iPhone ist ein Touch Interface , die meisten Webseiten eher nicht. Sie werden mit Maus und /oder Tastaur – also über völlig andere Eingabegeräte- bedient.
Was auf dem iPhone mit den Fingern ganz intuitiv ist, kann sich am Bildschirm mit einer Maus oder der Tastatur als Eingabegerät als ganz schön kniffelig und nutzerunfreundlich herausstellen.
Mit der Maus interagiert der Nutzer doch schliesslich ganz anders als mit den Händen.
Gerade kürzlich hatte ich eine interessante Diskussion zu dem Thema – es ging um einen Timepicker. Dieser soll so aussehen wie auf dem iPhone.
Personas in Interface Design
oder….welchen Nutzer hättens’ denn gern? ;)
Oft leider unterschätzt und ignoriert – für UI Designer und Informationsarchitekten allerdings oft sehr essentiell wenn es darum geht, eine Seite entweder komplett neu zu erstellen, oder ein Auftrag für ein Re-Design ansteht. Die Entwicklung von Personas.
Was sind Personas?
Persona = fiktive, nicht-reale Person, die stellvertretend für eine Benutzergruppe steht. Personas sind ein Hilfsmittel u.a. im Bereich Interaction Design, um ein Produkt herzustellen, welches voll und ganz auf die Bedürfnisse der Endnutzer zugeschnitten ist (User-Centered Design).
(weiterlesen…)
Wireframes Artikel
Zum Download und lesen gibt es hier meinen Artikel über Wireframes & Prototyping aus dem Webstandardsmagazin Ausgabe 03/2009.
Viel Spass bei der Lektüre. :)
+++Wireframes und Prototyping im Interfacedesign – Webstandards Mag 03/09
spielerische UX mit augmented Reality
Spannend, was die Zukunft wohl noch so bringen wird: Der japan. Werberiese Dentsu hat mit seiner bislang kostenlosen iPhone App “iButterfly” eine äusserst kreative und spielerische Umsetzung von Augmented Reality in Verbindung mit GPS geschafft. Der Benutzer bekommt Gutscheine/Coupons oder spezielle Informationen in seiner Nähe freigeschaltet bzw. kann diese auch sammeln und via Bluetooth mit seinen Freunden teilen, wenn er einen Schmetterling einfängt, der virtuell direkt in seine Umgebung integriert wird.
Psychologisch sehr geschickt : Stichwort Spielen, Jagen & Sammeln ;).
Spiel, Spass, Spannung = hervorragende UX = viele Nutzer = Word to Mouth!
Well done! :)
Weitere Infos:
http://www.mobileart.jp/ibutterfly_en.html
http://asiajin.com/blog/2010/01/22/dentsu-ibutterfly-experiments-ar-and-location-based-coupon-service/
Hot, Hotter, Hotgloo -Online Wireframing Tool
How to HotGloo Ad from HotGloo on Vimeo.
HotGloo ist ein wirklich kleines feines Online-Tool zum Erstellen von Wireframes und klickbaren Prototypen.
Man kann Sitemaps anlegen, Master Templates erstellen, klickbare Links erstellen, eigene Widgets hinzufügen, zusammen daran arbeiten und auch einen PDF Export gibt es.
Zur Zeit ist HotGloo noch in der Beta & daher frei. :)
HotGloo-Blog
HotGloo Tutorials& How-to’s auf Vimeo
Nutzerfreundliche Formular-User-Interaktion
Formulare sind wichtig. Man findet sie bei Logins, in Registrierungsprozessen, beim Bestellen in Onlineshops und zur simplen Kontaktaufnahme. Und es gibt kaum etwas nervigeres, als das zeitintensive Ausfüllen eines Formulars, um dann hinterher – nach getaner Arbeit festzustellen- das der Name keine Sonderzeichen beinhalten sollte, das Passwort zu kurz ist, und man aus Versehen die E-Mailadresse irgendwie falsch eingetippt hat, und man den ganzen Schmodder nochmals wiederholen muss. Schlimmstenfalls sind ALLE Datensätze weg. Ja das gibt es auch heute noch.
(weiterlesen…)
7 gute Gründe für Wireframes & Prototyping im Interfacedesign
„Design is a Process – much more than making things look pretty“
Angeregt durch verschiedene Diskussionen, ob Wireframes zum Gestaltungsprozess einer Webseite denn von Nöten sind, oder eher als Zeitverschwendung angesehen werden und man lieber sofort einen komplett fertigen Gestaltungsvorschlag mit Farben, Schriftarten und Blümchen abliefert, habe ich mir mal meine Gedanken dazu notiert.
(weiterlesen…)
