Kategorien
Blog

Apple Watch Prototyping

In dieser Woche hielt ich beim 9. UX Monday in München (#uxmm9) einen Vortrag mit dem Titel „Mobile Prototyping mit Axure RP“. Neben einer Live-Demo und Tipps zum Erstellen von Prototypen mittels „Dynamic Panels“, stellte ich vor allem die Flexibilität von Axure heraus. Durch die (manchmal verschreckend) umfangreiche Funktionalität und den HTML-Export ist Axure geeignet, […]

Kategorien
Blog

Usability-Testing – ganz pragmatisch

Durch Rachel bin ich auf „Rocket Surgery made easy“ aufmerksam geworden, sie empfahl es beim #uxmondaymunich. Steve Krug („Don’t make me think!“) hat ein Buch über Usability-Testing geschrieben. Darin sammelt er unterhaltsam und äußerst komprimiert seine Erkenntnisse aus langjähriger Praxis- und Consulting-Erfahrung. „Nebenher“ testen Der Leitfaden richtet sich an Konzepter und Designer, die Usability-Testing „nebenher“ […]

Kategorien
Blog

Responsive-Prototyping-Tools

Responsive-Webdesign ist voll angekommen. In den letzten Monaten habe ich kein Web-Projekt gestaltet, das nicht responsive umgesetzt wurde. Für die Konzeption von derartigen Projekten habe ich mir einen Prozess angeeignet, der die Aspekte Responsiveness, Visual-Design und Microinteractions abbildet. Visual-Design und Microinteractions Wie schon beschrieben, definiere ich die visuelle Sprache mit StyleTiles, Microinteractions dagegen werden traditionell […]

Kategorien
Blog

Style-Tiles

Für Payworks sollte ich in einem kurzen Projekt die Unternehmenswebsite neu gestalten. Nachdem die Seitenstruktur im Vorfeld erarbeitet wurde, lag der Fokus auf der visuellen Sprache und der Umsetzung nach den Prinzipien des Respsonsive-Webdesign. Moodboards von UI-Elementen Max Müller hat mich vor einiger Zeit auf Samantha Warrens Konzept der Style-Tiles hingewiesen und endlich hatte das […]

Kategorien
Blog

Responsive-Webdesign-Workflow

Durch mein aktuelles Projekt – die Umstellung einer e-Commerce- und Community-Website auf responsives Design (RWD) – konnte ich weitere Erfahrungen sammeln, welcher Arbeitsprozess und welche Werkzeuge hier nötig sind. Ist eine Website nach den Prinzipen des Responsive Webdesign erstellt, ist sie auf allen Geräten, vom Smartphone über Tablet-PC bis zu Desktop-PC mit großen Bildschirmen ideal […]

Kategorien
Blog

Branded Interactions

Marco Spieß hat ein Buch geschrieben. Über „markengerechte Gestaltung interaktiver Anwendungen“, auch Branded Interaction Design (BIxD) genannt. Das über 350 Seiten starke Werk ist in fünf Phasen gegliedert, welche als Eckpfeiler jedes Interaktionsprojekts definiert wurden und als Anleitung dienen, kleine wie große Projekte in diesem Feld (Interaction Design, Service Design, Experience Design) zu stemmen. Mit […]

Kategorien
Blog

HTML-Prototypen als native App speichern

Für den Usertest einer iPhone-App habe ich nach einer Lösung zur Anzeige des Prototypen gesucht, die folgende Eigenschaften erfüllt: – lokal auf dem iPhone gespeichert, für ideale Performance und Unabhängigkeit vom Netz (Test vor Ort) – Fullscreen-Modus ohne fremde UI-Elemente und Interaktionen (z.B. Gesten oder versteckte Buttons) um Irritationen beim Test zu vermeiden – Erstellung […]

Kategorien
Blog

Präsentation von Mobilen Apps

Im Folgenden zeige ich Möglichkeiten, wie man Kunden und anderen Projektbeteiligten Prototypen, Wireframes und Design-Mockups von iPhone- und iPad-Apps vorstellen kann. Interessant ist hier vor allem die Entscheidung, ob das Gegenüber selbst die App steuern soll oder ob es sich um eine konventionelle Präsentation handelt. Das hängt von dem Ziel der Präsentation ab und der […]

Kategorien
Blog

iOS-App-Prototypen schnell und einfach erstellen

Für mein aktuelles Projekt teste ich nun seit einigen Tagen die neue Beta-Version (6.5) der Prototyping-Software Axure RP. Ziel ist es, in kurzer Zeit einen klickbaren Dummy einer iPad-App zu erstellen, um das Interaction-Design vor der Programmierung zu optimieren, Nutzertests durchzuführen und Projektbeteiligte in die Entwicklung einzubinden. Touch-Gesten und Fullscreen-App Die Beta-Version bietet einige Neuerungen, […]

Kategorien
Blog

Smart Folder

Im Deutschen werden Sie „intelligente Ordner“ genannt. Es handelt sich um eine häufig implementierte Funktion in Desktop-Software. Smart Folder sind Ordner, die Datensätze enthalten, die bestimmten, vorher festgelegten Kritererien entsprechen. So ist es in iTunes möglich, neben normalen Wiedergabelisten (individuelle Sammlungen von Liedern) auch „intelligente“ Wiedergabelisten anzulegen. In meinem iTunes findet sich beispielsweise eine solche […]