Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX Design at the Speed of Thought

410 views

Published on

presented at FITC Amsterdam X
Details at www.fitc.ca/amsterdam

Adobe Experience Design (XD) is Adobe’s latest innovation which offers an easy and powerful way to build UX at the speed of thought. But Adobe XD isn’t just for building a design. It marries wireframing to visual design and prototyping, all in one single tool. During this session we’ll walk you through XD’s design process and show you how to start a project, build an interactive prototype, live preview your work on your mobile device and share your work with peers and clients for feedback. Don’t miss out on this unique opportunity to join Adobe on stage and discover Adobe XD’s ease-of-use and unique features.

Objective

Discover Adobe Experience Design: design, prototyping and sharing in one single tool.

Target Audience

UX and UI designers

Published in: Design
  • Be the first to comment

UX Design at the Speed of Thought

  1. 1. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Experience Design CC (Beta) UX Design at the Speed of Thought Bart Van de Wiele Solution Consultant @bartvdwiele
  2. 2. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  3. 3. Built by the UX community
  4. 4. March 14 Preview 1 0.5.0 Vector draw Shapes, Line, Pen Basic text Mask with shapes Artboards UI-Kits Repeat Grid PNG/SVG Export Ps/Ai Integration Interactive Prototypes Preview, Record, Share April 25 Preview 2 0.5.2 May 23 Preview 3 0.5.4 June 20 Preview 4 0.5.6 July 19 Preview 5 0.5.10 Aug 15 Preview 6 0.5.16 Sep 26 Preview 7 0.5.23 Nov 2 Beta 8 0.6.10 Snap-to grids Text enhancements Prototype hotspots Multiple URLs, Versioning Drag/Drop-Text import File saving improved SVG im/export enhanced Copy/Paste from Ai UI-Kits from file menu Accurate color control Color swatches Scrollable artboards More flexible text control Boolean group editing Artboard alignment and distribution Full screen mode Symbol/Shadows Ai Context-aware keyboard shortcut hints Pixel-perfect measuring Blur effects Embed code for prototypes Text style enhancements FR, DE, JP loc support Share online f enterprise Enterprise deployment Artboard grid improvements Zoom Tool Export PDF Back to previous 
 artboard Editable vector 
 copy/paste from 
 Sketch, InDesign, etc. Minor improvements 
 and bug fixes Linear Gradients KO language support File saving improved SVG im/export enhanced Copy/Paste from Ai UI-Kits from file menu iOS/Android Realtime Lock aspect ratio Zoom to selection Custom „fold“/viewport height New Slide transition New onboarding 
 experience + sample file Minor improvements 
 and bug fixes Symbols Feedback via shared Prototype Layers Other improvements 
 and bug fixes
  5. 5. https://adobexd.uservoice.com/ Adobe XD Feedback • Feature Requests • Bug Reports
  6. 6. User: “It would be a good way to organise elements if we have the layer panel. Locking and unlocking elements is just a click away.” XD team: “You simply should not need such a complex abstraction to design with XD – just think of layers in Photoshop or in Illustrator and how they add friction and complexity sometimes.”
  7. 7. 887 votes 91 comments
  8. 8. November release • Layers • Sub layers • Selection options • Locking and unlocking • Visibility options
  9. 9. Common beta • “has all the features” • Lacks quality and stability • Needs time to clear up details Result • Low quality • “we didn’t have time for that yet” • Subsequent updates are released to add missing details “1.0 bar” TimeBeta Release 1.0 Feature race Quality catch up
  10. 10. Result • Deliver in time • Deliver quality • User validated growth “1.0 bar” TimeBeta1 Quality Features Beta2 Beta3 Beta4 Beta5 XD’s vision • UX of final product release • reduced scope, user validation
  11. 11. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Design at the speed of thought. ▪ Draw, reuse and remix vector and raster artwork to create wireframes, screen layouts, interactive prototypes and production-ready assets all in the same app.
  12. 12. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Power up your prototypes. ▪ Switch easily from design to prototype mode without leaving the app to keep your ideas going without interruption.
  13. 13. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Preview the whole experience. ▪ Eliminate guesswork by previewing your designs in real time complete with transitions. Make changes and see them live on your phone or tablet.
  14. 14. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Work together. Work faster. ▪ Send a link to team members and get quick feedback on your designs by letting people comment directly on your prototypes.
  15. 15. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 1tool Design Prototype Share
  16. 16. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Experience Design CC (Beta) The future
  17. 17. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  18. 18. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Coming soon… Extract CSS from shared design
  19. 19. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Coming soon… Project download as a style guide
  20. 20. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. What now? 1. Download the build 2. Try it out 3. Let us know what you think
  21. 21. Bart Van de Wiele Solution Consultant @bartvdwiele Thank you

×