Real-Time UX Design & The Growing UX Developer

By Ignacio Garcia-Huidobro

@ignaciogh@uxdevsummit

Real-Time UX Design

Not Easy Being A Designer

Design Process Overview

Ref: http://www.ilink-systems.com/Services/User-Experience

Designer Tools & Methods• Sketch• Paper Prototype• Remote User Test• Wire-framing• Journey Mapping• Card Sorting• Axure• Proto.io• Photoshop• UI Kits• Storyboarding• etc…

What Is Real-Time Design?

“Is a collaborative design process within a project cycle where all required stakeholders or individuals are involved in defining

and architecting a design solution in a quick and unified manner.”– Ignacio Garcia-Huidobro

Real Time + “UX” Design

The Benefits of Real Time Design• Lean and Quick turn around time.• Increased visibility.• Everyone is involved. No Silos.• Stakeholders are more vested in the project.• Validates stories.• Identify problems early on.• Developers, Designers, Stakeholders have

clear road map to move forward.• Builds trust.• Active discussions and improved

communication.

Who should participate?

Key decision makers and influencers with regards to the project and task.

• Business Analyst• Stakeholders• QA• Technical Lead• Designer• Managers

Image Ref: https://www.impacthubboulder.com

How to make it successful?

• Everyone must be open minded and willing to collaborate.• No egos. Leave them out.• Have an agenda. • Designer leads session and controls pace.• No question is a wrong question.• Must have one lead BA• Leave negativity out.

When to use this approach?

• Too far off initial design mark.• Initial project kickoffs.• Iterations.• Running lean.• When traditional process cannot solve design

problems or challenges.

What are the cons to this approach?

• Everyone is involved in design = Thick skin.• Stakeholders may not like this approach.• Creative discussions may lead into

conflicts.• May feel this is a waste of time. • May not be successful.• Designers can be frustrated and not

listen.• Egos flare up.

Image Ref: http://cdn2.hubspot.net/

Real-time +“UX” Design

“Is a collaborative design process within a project cycle where all required stakeholders or individuals are involved in defining and architecting a design

solution in a quick and unified manner. To conduct quick user tests to validate grey areas to solidify the concept and move forward with the design.”

– Ignacio GH

Real-Time UX Design Process & Benefits

• Select your tool.• Provides quick validation.• Solves many questions• Reveals quick flaws in

design and user experience.• Test may be biased but

will provide quick insight to make better decisions.

Image Ref: http://www.uqul.uq.edu.au

Keep “RITE” In MindRapid Iterative Testing and Evaluation.

Change the design after only one user

The UX DeveloperThe Growing Need For

What is a UX Developer?

“A UX Developer is typically a front-end developer or developer that is savvy in usability / ux principles, passionate about user experience and codes with

the user in mind. The UX Developer bridges the gap between design and technology and is able to think and speak the language of designers.”

– Ignacio Garcia-Huidobro

Why does a UX Team Need One?

• An added asset for the design team and designer.• Helps solves technological questions for stakeholders and

during design sessions.• Assists the UX Designer in visualizing interaction

components and help build rapid prototypes when needed.• Helps push the bar in creativity and technology.• Assists during user testing and annotates from a

technology perspective.• Understands user experience principles and champions ux.

Thank You! Q&A.

@uxdevsummit