PROTOTYPING TOOLS

D I G I C O M P P U B L I S H I N G D AY 2 0 1 6 | P D 1 6 2 3 | 1 6 : 1 5 – 1 7 : 0 0

JOELY TAFANALODipl. Gestalter HF Kommunikationsdesign, Interaction Design

FBL Publishing, Kursleiter Digicomp Academy Geschäftsführer Toughmedia

Solutions Consultant Adobe Systems Autor, Blogger Publisher Magazin

Dozent FHNW, SFGB-B, SGD & SGV

@TOUGHMEDIA

ENTWICKLUNG

WIREFRAME

PROTOTYPE

DE SIGN TOOL S

Adobe Photoshop

Bohemian Coding Sketch

Device Preview

Sketch Mirror

PROTOT YPING TOOL S

proto.io Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required.

invisionapp.com The world's leading prototyping, collaboration & workflow platform

marvelapp.com Simple design, prototyping and collaboration

popapp.in Prototyping on Paper

axure.com Create Prototypes of Websites & Apps Without Coding

balsamiq.com Rapid wireframing tool

WA S BRAUCHEN W IR?

• Spezifisch entwickeltes Tool, mit Performance und Stabilität

• Weniger Aufwand als bisher (mehrere Tools für Designen & Prototypen)

• Flexibilität im Umgang mit Flut an Geräten & Screens

• Schnell und iterativ Designen & Prototypen

• Verlässliche und realistische Design Vorschau auf Geräten

ADOBE MAX 2015

Project Comet

Experience Design CC (Preview)

Erweitertes Sharing Pathfinder

Wiederholungs-Raster

WA S KOMMT NOCH?

• Verbesserte Designfunktionen (Verläufe, Formatierung, Effekte, Füllmethoden)

• Verbesserter Farbwähler

• Unterstützung für Arbeit mit Ebenen

• Mehr Kontrolle für das Teilen von Prototype-Links

• Bearbeitung von scrollbarem Inhalt

• Micro-Interaktionen für Prototyping

• Echtzeit Design-Vorschau und -Testing auf Mobile Devices (iOS und Android)

• Wiederverwendung von Design Assets, Styles durch CC Libraries

• Schnittstelle (API) für Plug-Ins

• Verfügbarkeit auf Microsoft Windows 10 (Vorschau erwartet für Ende 2016)

adobe.ly/1nIEnE1 #AdobeXD

Experience Design CC (Preview)

DANKE!

D I G I C O M P P U B L I S H I N G D AY 2 0 1 6