Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/httpd/vhosts/itfreak.ch/anwendbar.ch/wp-content/plugins/revslider/includes/operations.class.php on line 2254 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/httpd/vhosts/itfreak.ch/anwendbar.ch/wp-content/plugins/revslider/includes/operations.class.php on line 2258 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/httpd/vhosts/itfreak.ch/anwendbar.ch/wp-content/plugins/revslider/includes/output.class.php on line 2931 Warning: Cannot modify header information - headers already sent by (output started at /home/httpd/vhosts/itfreak.ch/anwendbar.ch/wp-content/plugins/revslider/includes/operations.class.php:2254) in /home/httpd/vhosts/itfreak.ch/anwendbar.ch/wp-includes/feed-rss2.php on line 8 Mockup – anwendbar.ch https://anwendbar.ch Usability in der Praxis Fri, 20 May 2016 18:33:05 +0000 de-DE hourly 1 https://wordpress.org/?v=5.3.2 Balsamiq Mockups 3 – die wichtigsten Neuerungen https://anwendbar.ch/balsamiq-mockups-3/ https://anwendbar.ch/balsamiq-mockups-3/#respond Tue, 12 May 2015 11:10:29 +0000 https://anwendbar.ch/?p=942 Mit Balsamiq Mockups lassen sich schnell Wireframes und Prototypen erstellen, welche dank einer einfachen Verlinkungsfunktion auch eine Art von Interaktionen zu lässt. Das Tool steht sowohl Online, als Applikation für Windows und Mac, wie auch als Plugin für Google Drive zur Verfügung. Die Desktop Version kostet $89 um amortisiert sich damit schon am ersten Einsatztag. Auch [...]

The post Balsamiq Mockups 3 – die wichtigsten Neuerungen appeared first on anwendbar.ch.

]]>
Mit Balsamiq Mockups lassen sich schnell Wireframes und Prototypen erstellen, welche dank einer einfachen Verlinkungsfunktion auch eine Art von Interaktionen zu lässt. Das Tool steht sowohl Online, als Applikation für Windows und Mac, wie auch als Plugin für Google Drive zur Verfügung. Die Desktop Version kostet $89 um amortisiert sich damit schon am ersten Einsatztag. Auch Leute die sich nicht gewohnt sind Mockups, oder überhaupt zu zeichnen, finden sich mit der Software schnell zu recht.

Balsamiq Mockups Version 3

Seit März steht nun Balsamiq Mockups in der Version 3 zur Verfügung, womit das bereits sehr gute Mockup-Tool noch einmal besser geworden ist. Für bestehende Kunden ist das Update kostenlos, für alle anderen gibt es eine ebenfalls kostenlose Testversion für 30 Tage.

Die bewährten Funktionen wurden beibehalten und die Änderungen sind teilweise klein. Alles in allem machen sie die Arbeit Balsamiq Mockups aber noch einmal einfacher und effizienter. Dies liegt vor allem an der nun sehr aufgeräumten Benutzeroberfläche.

Die wichtigsten Neuerungen im Überblick:

  • Unterstützung für Projekte: Mehrere Mockups können zu Projekten zusammen gefasst werden. Die Darstellung der zu einem Projekt gehörenden Mockups ist dabei sehr ähnlich wie Folien in PowerPoint.
  • Es gibt einen Papierkorb, welcher ganze Mockups nicht aber einzelne Elemente aufnimmt.
  • Die Objekt-Eigenschaften fliegen nicht mehr frei herum, sondern sind übersichtlich am rechten Rand platziert.
  • Die Zeichnungselemente sind etwas weniger verspielt und haben dadurch an Verständlichkeit gewonnen.
  • Kommentare können nun auf Knopfdruck ein- und ausgeblendet werden.
  • Zu jedem Mockup können nun Notizen hinterlegt werden. Dies macht die Kommentare teilweise überflüssig.

Video: Neuerungen von Balsamiq Mockups 3 (englisch)

Update, 19. Mai 2015

Ebenfalls sehr hilfreich sind die “Assets” (Icons und Bilder) und “Symbols” (Vorlagen) welche zu einen Projekt angelegt werden können. Da Balsamiq bereits über eine sehr grosse Auswahl an Icons verfügt, sind die Assets weniger spannend. Mit den “Symbols” lassen sich aber sehr schnell Vorlagen erstellen, welche in den Mockups verwendet werden könne. Sie erscheinen in der UI Library unter dem Reiter “Symbols” und sind auch über die Suche zugänglich.

Symbols in der UI Library

Symbole in der UI Library

Mit “Symbols” lässt sich z.B. ein Gundlayout erstellen, welches dann bei jedem Mockup wieder verwendet werden kann – ähnlich den Masterfolien bei PowerPoint. Das ist aber längst nicht alles, denn die “Symbols” können auch kleine Elemente oder Sammlung von Icons sein wie in obigen Bild die Sammlung der Share-Icons. Ändert man ein Symbol, werden diese Änderungen auf alle Anwendungen durchgedrückt.

The post Balsamiq Mockups 3 – die wichtigsten Neuerungen appeared first on anwendbar.ch.

]]>
https://anwendbar.ch/balsamiq-mockups-3/feed/ 0
Schnell und einfach: Flairbuilder https://anwendbar.ch/flairbuilder/ https://anwendbar.ch/flairbuilder/#respond Sat, 10 Jan 2015 21:32:36 +0000 https://anwendbar.ch/?p=798 Name der Software: Flairbuilder Desktop URL: www.flairbuilder.com Preis: Pro Benutzer $99 (freie Updates und Support – Gratis Testversion 30 Tage) Getestete Version: 3.9.7 Desktop Datum:24.07.2014 Flairbuilder ist ein Adobe Air-basierendes Prototyping-Tool mit welchem sich umfangreiche und interaktive Wireframes für Websites, Tablet-Apps und mobilen Anwendungen generieren lassen. Das Tool setzt nicht viel Einarbeitungszeit voraus, da es [...]

The post Schnell und einfach: Flairbuilder appeared first on anwendbar.ch.

]]>
Name der Software: Flairbuilder Desktop
URL: www.flairbuilder.com
Preis: Pro Benutzer $99 (freie Updates und Support – Gratis Testversion 30 Tage)
Getestete Version: 3.9.7 Desktop
Datum:24.07.2014

Flairbuilder ist ein Adobe Air-basierendes Prototyping-Tool mit welchem sich umfangreiche und interaktive Wireframes für Websites, Tablet-Apps und mobilen Anwendungen generieren lassen. Das Tool setzt nicht viel Einarbeitungszeit voraus, da es einerseits intuitiv aufgebaut ist, andererseits nur so viele Funktionen beinhaltet, die für die Erstellung von Wireframes notwendig sind.

Screenshot Flairbuilder

Die übersichtliche und aufgeräumte Benutzeroberfläche zieht sich durch die gesamte Software durch.

Flairbuilder zeichnet sich durch ein übersichtliches GUI aus, dass intuitiv zu bedienen ist. Das erstellen von Wireframes wird erleichtert durch Drag & Drop von Komponenten, Copy & Paste von Inhalten und Assets, der Verwendung der bereits vorhandenen Bibliotheksobjekte (diese können übrigens jederzeit erweitert werden), automatischer Ausrichtung, Hilfslinien, Magnet-Funktion auf Objekte (Snap), Gruppierungsfunktionen (auch auf  verschachtelbare Gruppen) und natürlich umfangreiche Zeichnungsinstrumente.

Zeichnungspalette von Flairbuilder

Zeichnungspalette von Flairbuilder

Einfach zu erfassen und gleichzeitig produktiv einsetzbar ist der Siteaufbau innerhalb der Prototyping-Software. Die einfach interpretierbare Strukturierung hilft, stets den Überblick zu behalten.

Screenshot Seiten Struktur in Flairbuilder

Übersichtlicher Aufbau der Seitenstruktur. Die Elemente lassen sich beliebig bearbeiten, per Drag & Drop verschieben und auf-/zuklappen.

Weitere Highlights im Überblick:

  • Rascher, persönlicher und kompetenter Support – kein Wunder meistens meldet sich der Gründer von Flairbuilder
  • Arbeiten mit Vorlageseiten und Ebenen, welche die Arbeit enorm vereinfachen
  • Die angelegten Wireframes innerhalb eines Projektes werden in Form einer einfach verständlichen  Baumstruktur repräsentatiert
  • Umfassende Komponenten-Bibliothek inkl. 300 Icons, welche direkt verwendet werden können
  • Mit den zur Verfügung stehenden Interaktionen können verhältnismässig komplexe Interaktionen abgebildet werden
  • Einfache Bereitstellung der Wireframes (Flash/HTML) auf den Server von Flairbuilder.com. Export als interaktives PDF (aus Basis Seitenlinks) und JPG/PNG sind ebenfalls möglich.
  • Übersichtliche Online-Previewumgebung mit Sitemap-Ansicht und der Möglichkeit einzelne Screen zu kommentieren
  • Einfacher (lokaler) Preview der erstellen Wireframes jederzeit möglich

Nachteile von Flairbuilder:

  • Lokale Installation: Kein kollaboratives Zusammenarbeiten im Team möglich
  • Flashexport nicht geeignet für Tablets und Smartphones
  • Teilweise Darstellungsprobleme beim HTML-Export
  • Für komplexere Prototypen mit umfangreichen Funktionen bedingt geeignet

Fazit

Flairbuilder eignet sich für Wireframe-Anfänger, wie aber auch gestandene Experten. Die Software kann auch problemlos durch Designer und/oder Konzepter bedient werden. Bereits nach kurzer Zeit stellen sich Erfolgserlebnisse durch die rasch erreichten Arbeitsergebnisse ein. Bereits mit den standardmässig zur Verfügung gestellten Komponenten lassen sich viele Darstellungen realisieren – die (Standard-)Komponenten können zudem auf einfache Art und Weise zum interaktiven Leben erweckt werden. Flairbuilder kann abschliessend als empfehlenswertes Tool beurteilt werden, dass unbedingt getestet werden sollte.

 

The post Schnell und einfach: Flairbuilder appeared first on anwendbar.ch.

]]>
https://anwendbar.ch/flairbuilder/feed/ 0