Save 37% off PRO during our Black Friday Sale! »

UXPA 12/2/15 Brian Zaik - 10,000 Spoons and All I Need is a Knife

74884281df4695252c722a485a6c3f68?s=47 brzaik
December 02, 2015

UXPA 12/2/15 Brian Zaik - 10,000 Spoons and All I Need is a Knife

ABSTRACT: In this world nothing can be certain, except death, taxes, and that every week will bring with it a brand new design tool. From InVision to Sketch to Zeplin to Framer, each of these tools focuses on enabling designers to work smarter but they all seem to fall just short of addressing the real needs of modern design. In this talk, Brian will draw from real experience leading a design team to answer the question, “What’s missing?” He will also give advice for assembling a workable toolkit based on the disparate design tools on the market today.

NOTES:

Slide 1:
Find more about me at http://brzaik.com or contact me @brzaik on Twitter (https://twitter.com/brzaik).

Slide 5:
Link to Design Tools Survey: http://tools.subtraction.com/

Slide 6:
We as UX designers use so many tools nowadays - there really is no standardization.

Full results at http://tools.subtraction.com/

Slide 12:
Our MO as designers right now should not be to find The Holy Grail, but to assemble a workable toolset where the best tool is selected for each specific function within our design processes.

Slide 13:
Here’s one example of a toolset you could use for a given design process.

At BMC, we focus our design process around three phases:
* Discovery: Generative research, user learning, story and activity mapping
* Innovation: Concept development, user learning based on concepts, iterative design
* Implementation: Build of the product based on detailed specifications

Slide 15:
* Collaboration between designers: Dropbox + Sketch is problematic right now because they aren’t truly aware of each other. Pattern evolution and drift across products (right now, we all need to develop our own product-specific stencils but we also need to share).
* Collaboration between Designers and R&D: Source of truth, constant fit and finish issues because our prototypes don’t fully explain the intended behavior

InVision still suffers from not giving a clear path through designs - we have to hack InVision through spec documents to do this.

Slide 16:
My latest experiment is using the iPad Pro with Apple Pencil to replace my early pen and paper sketches and other tools like Balsamiq.

Slide 17:
Using the iPad Pro as a digital notebook allows me to be inside design meetings and quickly sketch out and copy elements, as well as fix my crooked lines…

I use 53 Paper (https://www.fiftythree.com/) as my app of choice for these types of sketches.

Slide 18:
I can also use it to quickly spec out prospective designs. It’s essentially like a full backpack full of art supplies in a light tablet.

Slide 19:
It’s also great for practicing Chinese!

Slide 20:
This is my current toolset, battle-hewn based on my recent experiences:
* Discovery: I use Slack to communicate with my team and assign new user stories. We work extensively with Product Management to establish the product backlog for a new release and track it in JIRA. I have begun to use the iPad Pro for sketching early designs and help R&D to provide early estimates of effort.
* Innovation: Where I used to use Adobe Illustrator, I now use Sketch. These are used with shared symbol libraries to take designs to their next levels of detail. Designs are shared on InVision, with zeplin.io being used for providing pixel-perfect dimensions and measurements for fit and finish. Keynote and Framer Studio help to illustrate specific animations that are difficult to illustrate with InVision.
* Implementation: We iterate on Sketch mockups, collaborate with the team on InVision, and also sometimes use tools such as Xcode to illustrate specific design details for certain platforms, like iOS.

Slide 21:
With a robust plugin system, Sketch allows tools to be built to cover new functions and extend the tool to be far more powerful. Here are some plugins to check out:
* https://github.com/matt-curtis/Fluid-for-Sketch
* https://github.com/timuric/Content-generator-sketch-plugin

More tool creators should try to integrate their tools together.

And let’s not leave Windows users in the dust.

Slide 22:
Inevitably, the question that comes up when considering the future is, “Should Designers Code?”

Right now, either the designers go to the developers’ house (designers using Git and JIRA) or the developers go to the designers’ house (developers using Balsamiq or InVision).

I am not of the opinion that all designers should code, but as designers of high-tech products we need to ensure we have at least a basic understanding of the nuts and bolts of the product (i.e. the code behind the scenes). But forcing all designers to code can bias designers to compromise their designs from the start based on technical feasibility, thereby reducing innovation in the design. We shouldn’t do things because they are easy, but because they are right.

Slide 23:
So where is this going? Here’s what I think the Holy Grail could be in the distant future.

InVision is also trying to integrate a number of tools together into one UX design platform. It remains to be seen how successful they will be.

Additional Reading:

https://design.google.com/articles/tooling-up/
https://medium.com/bridge-collection/modern-design-tools-using-real-data-62d499e97482#.bu3lgfui2
https://medium.com/bridge-collection/modern-design-tools-adaptive-layouts-e236070856e3?source=latest---------3

Slide 25:
Thanks to UXPA and BMC for hosting the event! BMC is hiring great UX designers like you: www.bmc.com/careers/!

74884281df4695252c722a485a6c3f68?s=128

brzaik

December 02, 2015
Tweet

Transcript

  1. 10,000 SPOONS AND ALL I NEED IS A KNIFE Design

    Tools Today Brian R Zaik 12.2.15 @brzaik
  2. Alanis Morissette sings about having 10,000 spoons when all she

    needs is a knife. And nobody asks why she has 10,000 spoons? @CAPRICECRANE
  3. BURSTING YOUR UX TOOLSET IS AT THE SEAMS

  4. EVERY WEEK A NEW TOOL Eat your heart out, JavaScript!

  5. 2O15 SUBTRACTION.COM DESIGN TOOLS SURVEY Survey Results

  6. Brainstorming Wireframing Designing UI Prototyping Managing Projects Sharing Files HTML/

    CSS HTML/ CSS HTML/ CSS Other Other Source
  7. EVERY TOOL MISSES THE MARK

  8. SKETCH.app Optimized for design work Fully vector graphics Robust plugin

    system Mac-only! No symbol library sharing Small team to fix bugs
  9. INVISION Hotspot prototypes Collaboration features Mobile viewer apps Only simple

    animations Not truly interactive Wireframes created elsewhere
  10. ZEPLIN.io Imports from Sketch Engineer-friendly specs Saves time, improves output

    Sketch-only (Mac-only) Requires separate plugin Separate app login
  11. NO SINGLE TOOL CAN DO IT ALL (not yet, at

    least)
  12. A TOOLSET, NOT A SWISS ARMY SPORK

  13. MAP TOOLS TO YOUR DESIGN PROCESS DISCOVERY INNOVATION IMPLEMENTATION Illustrator

    for hi-fi mockups Photoshop for final visual assets Balsamiq for low-fi wireframes OmniGraffle for flow diagrams Pen and paper for sketching concepts
  14. MAP TOOLS TO YOUR DESIGN PROCESS DISCOVERY INNOVATION IMPLEMENTATION Illustrator

    for hi-fi mockups Photoshop for final visual assets Balsamiq for low-fi wireframes OmniGraffle for flow diagrams Pen and paper for sketching concepts Caveats: Try to choose one tool for each distinct job. Look for resources you can share across the team. - -
  15. TOOLS FOR COLLABORATION Designer to Designer Designer to Engineer FILE

    COLLISIONS Pattern drift STYLE GUIDES SOURCE OF TRUTH FIT AND FINISH HACKING SPECS
  16. RUN EXPERIMENTS (with clear goals and time frames)

  17. None
  18. None
  19. None
  20. MY CURRENT TOOLSET DISCOVERY INNOVATION IMPLEMENTATION

  21. OPEN PLATFORMS ENCOURAGE TOOL INNOVATION Get your company to support

    tool development today! Fluid Constraints Plugin (@matt-curtis and @imcatnoone) Content Generator Plugin (@timuric)
  22. SHOULD DESIGNERS CODE? THE ANSWER IS YES ASK AGAIN LATER

    I HAVE NO IDEA
  23. The Holy Grail: RAPID PROTOTYPING DATA-DRIVEN DESIGN OUR COMPONENTS +

    +
  24. WHAT WORKS FOR YOU?

  25. THANK YOU! @brzaik brzaik.com psst…we’re hiring.