UX-Professional.de

Golden Grid System – 960 ist tot

Christian Becker — Tue, 30 Aug 2011 12:04:09 +0000

Inbesondere deshalb, dass die Cross-Plattform Entwicklungen zunehmen – nicht zuletzt aufgrund des stetig wachsenden Mobile-Segments und der Diversität der Endgeräte – sollte man beim Design von Websites häufig vom allseits bekannten 960 Grid-System lösen und auf ein flexibles Grid (auch bekannt unter Responsive Design) zurückgreifen.

Ich habe hier über das Smashing Magazine ein sehr gutes Grid-System gefunden, dass anders wie bei den meisten responsive Grids, eine fixe Spaltenbreite zurgrunde liegt.

Sicherlich ist es schwerer in flexiblen Ausmaßen zu konzipieren und zu layouten (hier muss man dann Prioristäten vergeben) aber es macht sich insbesondere dann bezahlt, wenn man mit unterschiedlichsten Endgeräten auf den gleichen Content zugreift.

Das Grid System findet man hier zum Download:
Golden Grid System.

Neuartiges Persona-Konzept anhand von Bildern

Christian Becker — Mon, 22 Aug 2011 08:48:46 +0000

Häufig wird viel Zeit und Geld in eine ausgiebige Anforderungsanalyse gesteckt, um letztendlich die Essenz der Erkenntnisse in sog. Personas zusammen zu fassen.

Diese dienen dann als Kommunikations- und Disksussionsmittel. Nur nicht allzu selten gehen diese trotzdem im Projektteam unter. Ein Konzept, was die Auseinandersetzung mit der Persona fördert findet man FlickR: die Zielgruppe in Bildern kommunizieren. Würde man dies noch mit Szenarien z.B. zu den einzelnen Gegenständen koppeln hätte man soetwas wie explorative Personas. Sicherlich ein sehr interessanter Ansatz.

Beispielhafte Personas bei Flickr

Why designers should seek chaos and complexity first

Christian Becker — Wed, 27 Jul 2011 07:48:27 +0000

Ein sehr interessanter Beitrag über das Zusammenspiel von Komplexität und Einfachheit. Eine Handlungsempfehlung für jeden Konzepter zunächst mit Komplexität und vielen Ideen zu starten und dann die zugrundeliegende Struktur zu finden.

: Zusammenspiel von Komplexität und Einfachheit im Design

Den ganzen interessanten Artikel findet man hier!

Sammlung freier Webfonts

Christian Becker — Wed, 29 Jun 2011 07:29:40 +0000

Hat Google zur Verfügung gestellt. Jeder kann Sie frei nutzen.

Goodbye Arial und Verdana…

Google Web Fonts.

BJ Fogg on Simplicity

Christian Becker — Wed, 08 Jun 2011 07:58:54 +0000

BJ Fogg on Simplicity from BJ Fogg on Vimeo.

User Experience ISO 13407 ist tot. Lang lebe ISO 9241-210!

Christian Becker — Mon, 06 Jun 2011 09:25:04 +0000

Der Nutzerzentrierte Ansatz bzw. die Richtline wurde endlich angepasst.

The standard used to be known as ISO 13407. But last year it was updated and re-issued as ISO 9241-210 to bring it into line with other ISO usability standards. So if you hear anyone talking about ISO 13407, they are out of date. They should be talking about ISO 9241-210.The standard describes 6 key principles that will ensure your design is user centred:

The design is based upon an explicit understanding of users, tasks and environments.

Users are involved throughout design and development.

The design is driven and refined by user-centred evaluation.

The process is iterative.

The design addresses the whole user experience.

The design team includes multidisciplinary skills and perspectives.

via
ISO 13407 is dead. Long live ISO 9241-210!.

Internet Nutzungsstatistiken und Mobile Nutzungsstatistiken

Christian Becker — Thu, 26 May 2011 12:55:52 +0000

Hier gibts immer aktuelle Zahlen zur Internetnutzung.
Da man dies ab und zu zur Argumentation benötigt, ist das sicherlich eine wertvolle Ressource:

Weltinternetnutzungsstatistiken

weltweite Mobile Nutzung

iPhone, iPad, Android und sonstige Templates für Mobile Skizzen

Christian Becker — Thu, 26 May 2011 09:08:41 +0000

Aus gegebenen Anlass hier sehr nützlich für Workshops und erste Grobkonzepte:

Free Printable Sketching, Wireframing and Note-Taking PDF Templates – Smashing Magazine.

GIFs zur Stimmungsvermittlung nutzen

Christian Becker — Tue, 10 May 2011 13:29:52 +0000

Hier ein interessanter Foto-Blog, der Gifs nutzt, um die Besucher in eine Welt “eintauchen” zu lassen:
http://fromme-toyou.tumblr.com/tagged/cinemagraph

Hier ein weiteres Beispiel:
http://iwdrm.tumblr.com/

Und hier noch ein Beitrag, wie man so etwas technisch realisiert:
Animated gif over a jpg image.

User Experience Guidelines for Mobile

Christian Becker — Wed, 06 Apr 2011 08:15:21 +0000

Aus aktuellem Anlass hier eine wertvolle Ressource für die, die Websites oder Apps (dank Sencha kaum zu unterscheiden) designen.

Ist zwar von Apple aber sicherlich auch auf andere Plattformen übertragbar.

Hier gehts zur iOS Developer Library

iOS Human Interface Guidelines: User Experience Guidelines.