Sticky Navigation – Axure 6.5 Tutorial

Sticky Navigation – bis zu  Axure Version 7 war es ein ziemlich trickreiches Unterfangen Elemente die mitscrollen bei erreichen einer gewissen Scrolltiefe „sticky“ werden zu lassen. Am Beispiel einer sticky Navigation möchte ich kurz die Möglichkeiten aufzeigen.

Die Ausgangssituation: Das Verhalten der Navigation beim Scrollen auf der Seite http://oneplus.net/de/one will ich in Axure nachbauen. D.h. zu Anfang scrollt die Seitennavigation mit und wird bei erreichen einer gewissen Scrolltiefe an den oberen Browserrand angeheftet.

… 

 

UI Sketching mit Penultimate

Penultimate ist eine iPad App für handschriftliche Texte und Handskizzen, also auch fürs UI Sketching verwendbar. Zuerst habe ich Penultimate auf meinem iPad verwendet um Meeting-Notizen festzuhalten oder schnelle Skizzen für meine Kollegen und Mitarbeiter anzufertigen, irgendwann habe ich dann die Copy & Paste Funktion von Penultimate entdeckt und kam auf die Idee mir ein Skizzenbuch mit UI-Vorlagen anzufertigen.

Per Copy & Paste kann ich nun in Sekunden komplette Seitenskizzen aus standardisierten UI-Elementen zusammen kopieren. … 

 

Wireframes mit Google Docs (Drawing)

Gerade bin ich über das Wireframe-Kit für Google Docs von Morten Just gestolpert. Die Idee Google Docs als kollaborative Plattform für das Entwickeln von Wireframes zu nutzen finde ich sehr interessant.

Morten liefert neben grundlegenden Stencils für Docs, die unter https://docs.google.com/templates?q=%23wfkit&sort=hottest&view=public verfügbar sind, auch gleich Argumente für Google Docs als Wireframing-Tool. … 

 

Axure RP 6.5 Beta – steht zum Download bereit

The Axure RP 6.5 Beta is now available for download at www.axure.com/beta. The focus of this release is to make it faster to build interactions and layout widgets, add inline text links and rotating shapes and images, and include a handful of popular feature requests like animated scrolling and pinning panels to the browser window.  There will be a valid beta until the final release so your work will not be interrupted. Please expect to run into bugs while using the beta. The Mac version had a significant change to its plumbing and we expect there to be issues that we haven’t discovered yet.

Axure RP 6.5 will be a free upgrade for all Axure RP customers. Yes. You read that right. Any license for any version of Axure RP will be valid for 6.5. Why? Because Axure RP 6.5 files will not open in earlier versions and we want everyone to be able to work with the latest files without having to buy a renewal. You’ll be able to download 6.5 and start using it right away.

via Axure | Axure RP 6-5 Beta – Now Available.

 

Die Niehaus Wireframe-Technik – Methoden zur Konversionsoptimierung

Fokus, Relevanz und Konversion, ein strategischer Leitfaden zur Konversionsoptimierung.

Das Besondere am Niehaus-Wireframe zeigt sich dann, wenn man sich bestimmte Regeln setzt, wie z.B. die Begrenzung des Einsatzes von Call-to-Actions auf max. 2 CTA‘s. In diesem Moment wird man sowohl als Gestalter und Konzeptioner, aber vor allem auch als Stratege gezwungen, über Zielgruppen-Clusterung, Darstellungsqualität und Produktvielfalt stärker nachzudenken, man wird gezwungen „relevant“ zu sein.

via Die Niehaus Wireframe-Technik – Methoden zur Konversionsoptimierung von Neuprojekten | Conversion Optimierung, Landingpage Optimierung – KonversionsKRAFT.

 

Online-Tool zum erstellen von Wireframes

Wireframing Tools gibt es wie Sand am Meer, davon sind einige auch als Web-App verfügbar und somit nicht an einen Standort gebunden. Das erste Tool, welches ich kurz vorstellen möchte nennt sich Hotgloo. Hotgloo ist ein Flash-basiertes, englischsprachiges Online-Tool mit dem man interaktive Wireframes und Clickdummys erstellen kann. Das deutsche Startup schickt die von der Hamburger Agentur superReal umgesetzte Online-Applikation ins Rennen der Wireframing-Tools.
… 

 

Axure Widgets, Grids und Design Patterns

Ein paar nützliche Links zu Axure Widgets, Grids und Design Patterns für alle die mit Axure arbeiten, arbeiten wollen oder einfach nur neugierig sind. Die in den Wireframes eingesetzten Elemente lassen sich mit einfachen HTML- und JavaScript-Aktionen belegen. Nach dem Export hat man einen funktionstüchtigen Prototypen, der sich hervorragend dazu eignet, einen Eindruck der späteren Webseite zu geben. Axure RP is the leading tool for rapidly creating wireframes, prototypes and specifications for applications and web sites. … 

 

Pencil 1.3 Addon für Firefox – Mock-ups und Wireframes im Browser

Pencil ist nun in der Version 1.3 erhältlich und damit kompatibel zu Firefox 4+ (4-7). Es gibt viele erstklassige Lösungen um Mock-ups und Wireframes zu erstellen. Axure (Win/Mac) oder OmniGraffle (Mac/iPad) sind nur zwei der unzähligen Lösungen. Wer jedoch nur gelegentlich einen Wireframe zeichnen muss oder will, der ist mit dem kostenlosen Firefox Addon Pencil 1.3 gut bedient. …