//search something?


The 4 questions to ask in a cognitive walkthrough

Super Artikel über Cognitive Walkthroughs auf Userfocus. Cognitive Walkthroughs sind eine bekannte Methode, um Interaktionsprobleme in einem frühen Stadium des Designprozesses eines Interfaces herauszufinden.

“The cognitive walkthrough is a formalised way of imagining people’s thoughts and actions when they use an interface for the first time. Walkthroughs identify problems that new users will have when they first use an interface. You select one of the tasks that the design is intended to support and then you step through the task, action by action, seeing if you can identify any problems with the interface.”

http://www.userfocus.co.uk/articles/cogwalk.html

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

User Experience Design for Non-Designers

Sehr schöne Ausführungen zum Designprozess von interaktiven Produkten von Shawn Konopinsky

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Designing Mobile Experiences

Brian Fling hat diese Slides zusammengestellt, die wirklich fast alles über Designprozesse für Mobile Geräte abdecken - Achtung lang! - nehmt euch etwas Zeit - es lohnt sich!

(via usercentered.de )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Psychology in Webdesign - Mental Notes

Do want! Aber lest selbst:

mentalnotes

http://getmentalnotes.com/

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

A lovely take on the Product Manual

Sehr schöner Ansatz für (”interaktive”) Bedienungsanleitungen:

Out of the box - book from adrian333 on Vimeo.

(via everydayUX )

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

User Experience Quotes

Schöne Sammlung von User Experience Zitaten:

ux-quotes

http://quotes.2ia.pl/

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Mentale Modelle und Designprozesse im User Centered Design

“If we want users to like our software we should design it to behave like a likeable person: respectful, generous and helpful.” (Alan Cooper)

Das Web entwickelt sich immer mehr zur Plattform für sogenannte Apps - webbasierte Anwendungen (auch bekannt als SaaS = Software as a Service), die der Software ähneln, die wir auch tagtäglich auf unserem Computer benutzen.
Der einzige Unterschied besteht also darin, das diese Anwendungen in einer browser-basierten Umgebung genutzt werden, und oder mit Sprachen geschrieben werden, die jeder Browser versteht (z.B. HTML in Kombination mit JavaScript).
Dies hat den Vorteil, das diese Anwendungen plattformübergreifend genutzt werden können - also nicht speziell für verschiedene Betriebssysteme entwickelt werden müssen und keinen Platz auf Festplatte verbrauchen.

Webbasierte Anwendungen wie Doodle, die z.B dazu dienen, um Termine mit mehreren Teilnehmern zu koordinieren, Intranets oder Wikis, die dem Wissensaustausch innerhalb von Unternehmen oder Organisationen dienen und die eventuell noch spezielle, auf die Bedürfnisse der Nutzer zugeschnittene Funktionen beinhalten, online Flugbuchungssysteme und viele andere webbasierte Anwendungen bedürfen einer von Grund auf völlig anderen Planung und einem anderen Designprozess als beispielsweise herkömmliche B2B Webseiten, die z.B ausschliesslich der Präsentation eines Unternehmens dienen.

Es geht darum, diese webbasierten Anwendungen sehr nutzerfreundlich zu gestalten und den Nutzer/den Menschen in das Zentrum der Anwendung zu stellen.
Diesen speziellen, auf den Nutzer zugeschnittenen Designprozess dahinter, nennt man User-Centered Design (UCD).

Interaktion = Kommunikation!
…und was haben mentale Modelle jetzt damit zu tun?

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

The Art & Science of Seductive Interactions

Was motiviert Nutzer, dies oder jenes zu tun, oder sich mit anscheinend unnützen Anwendungen zu beschäftigen? Why did this work?
Tolle, interessante Präsentation von Stephen Anderson.

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Keynote Kung-Fu: How to wireframe like a ninja

Love this. So how do YOU wireframe?

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

What’s behind? Zielorientiertes Denken im UI Design.

Kurzer Einblick in UID Gedankenprozesse und mein Senf dazu.

Wenn ich z.B eine für eine Software einen Interaktionsprozess / Designlösung gestalten soll, muss ich wissen, welch übergeordneter Workflow dahinter steht.

Mir reicht es also nicht , die puren Tasks/Aufgaben zu kennen, (User X gibt hier etwas ein dann soll dies und jenes passieren und er soll dahin kommen…) sondern ich muss eigentlich wissen, aus welchen Gründen User x das & das eingibt und was im Großen und Ganzen dahintersteckt, ich muss diesen mir erstmal völlig fremden & neuen Workflow (mitunter auch einen Ablauf in einer Firma) komplett verstehen und verinnerlichen sowie durchspielen:
Warum tut User X das? Wie sind die internen Zusammenhänge? Wer hat noch damit zu tun?

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

User Experience Best Practices.

Nick Finck über UX Basics & Best Practices.

via IA TV

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

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.

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Interaction Design Process

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

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.

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati

Personas in Interface Design

personas-article
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).

Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • del.icio.us
  • MisterWong
  • Bloglines
  • Facebook
  • Technorati