International PHP Conference
The Conference for PHP and Web Development

Visuelles Prototyping für UX- und Webdesigner

Workshop
Until September 23:
✓ PlayStation Classic or C64 Mini for free
✓ Save up to € 315
✓ Group discount
Register now
Bis 23. September:
✓ PlayStation Classic oder C64 Mini gratis
✓ Bis zu 315 € sparen
✓ Kollegenrabatt
Jetzt anmelden
Thank you for attending
✓ See you in 2022!
Danke für Eure Teilnahme
✓ Bis 2022!
Infos
Monday, June 4 2018
09:00 - 17:00
Booking note:
Visuelles Prototyping

Die Gestaltung flexibler und interaktiver Layouts stellt Designer und Agenturen vor neue Herausforderungen. Früher war es üblich, Benutzeroberflächen für Websites und Apps in einem Grafik- oder Bildbearbeitungsprogramm zu gestalten und anschließend an die Programmierung zu übergeben. Der Designer hatte daher mit der technischen Umsetzung nur wenig zu tun und die Kommunikation mit Auftraggebern erfolgte häufig ebenso statisch und zeitintensiv wie der Designprozess.

Heute sind die Bereiche Design, UX und Entwicklung eng verzahnt. Screen-Designer müssen flexible Layouts entwerfen können, die über Interaktionen verfügen und Animationen, Verlinkungen und Scrolling-Effekte abbilden. Programme wie Photoshop, InDesign oder Illustrator sind dafür nur bedingt geeignet, doch es gibt neue Programme und Tools, die Designern unter die Arme greifen.

In diesem eintägigen Workshop lernen Sie die aktuellen Protoyping- und Kollaborations-Tools kennen und erfahren wie der Design > Development-Workflow effizienter gestaltet werden kann. Sie erfahren worin der Unterschied zwischen einem statischen Layout und einem visuellen Prototypen besteht und warum die Arbeit mit Prototypen so erfolgreich und effektiv ist. In diesem Zusammenhang werden Sie auch die neue Generation der Webdesign/UX- und UI-Tools kennenlernen. Programme wie Adobe XD, Invision, Sketch, Muse und nicht zuletzt der Browser bieten vielfältige Möglichkeiten, um praxistaugliche visuelle Prototypen und Web-Layouts zu erstellen. Sowohl die Zusammenarbeit mit den Kollegen aus der Konzeption und Entwicklung als auch die Kommunikation mit dem Kunden kann somit spürbar vereinfacht werden, ohne dass Sie selbst zu tief in die Web-Entwicklung einsteigen müssen.

Der Workshop richtet sich UX-/UI-/Web- und App-Designer die Benutzeroberflächen gestalten möchten und entweder selbst technisch mit HTML/CSS & Co. umsetzen oder die Daten zur Weiterverarbeitung an die Kollegen aus dem Frontend übergeben. Hilfreich ist dieser Workshop auch für Teamleiter und Frontend-Developer, die ein Verständnis für den Design > Development-Prozess entwickeln möchten.

Der Workshop ist so geplant, dass eine Teilnahme mit und ohne eigenem Computer möglich ist. Um alle Übungen live nachvollziehen zu können, benötigen Sie ein Notebook mit folgender Software (Testversionen genügen):

Adobe XD, Sketch (nur für Mac erhältlich!), Adobe Muse, Chrome, Code-Editor (z.B. Brackets). 

This Session originates from the archive of Diese Session stammt aus dem Archiv von BerlinBerlin . Take me to the program of . Hier geht es zum aktuellen Programm von Munich München .

This Session originates from the archive of Diese Session stammt aus dem Archiv von BerlinBerlin . Take me to the program of . Hier geht es zum aktuellen Programm von Berlin Berlin .

This Session Diese Session originates from the archive of stammt aus dem Archiv von BerlinBerlin . Take me to the current program of . Hier geht es zum aktuellen Programm von Munich München or oder Berlin Berlin .

Stay tuned!

Behind the Tracks of IPC

PHP Core & Coding
Best practices & applications

General Web Development
Broader web development topics

DevOps & Continuous Delivery
Learn about DevOps and transform your development pipeline

Software Architecture
All about PHP frameworks, concepts & environments

Web Security
All about web security

Software Quality
More about software testing tools & strategies

Agile & Company Culture
Getting agile right is so important

Content Management Systems
Sessions on content management systems

#slideless (pure coding)
See how technology really works

PHP Frameworks
All about PHP Frameworks

Docker, Kubernetes, Cloud
Cloud-based & native apps