Embed Size (px)
Citation preview
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)
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
