UX Tools

From Sketching Ideas Through Clickable Presentations

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

November 9, 2015

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Check 'n Go Android App

Store Locator

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Check 'n Go Android App

Store Locator

https://prottapp.com/p/8044fa

https://prottapp.com/app/#/projects/551eb0c969646372cad80400

Prototype with sketches:

Sketches on Prott App:

http://ricardozea.design/uxdayton/cng/

HTML+CSS+JS Build:

Prototype with designs:

https://invis.io/V24G3SNST

Designs on InVision App:

https://projects.invisionapp.com/d/main#/projects/3421733

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Physical Tools

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Physical Tools

InkWell

http://inkwell.io/

$44.00

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Physical Tools

UI Stencils

http://www.uistencils.com/products/pixel-ruler​

Pixel Ruler -

$29.00

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Sketching

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Sketching

Techniques

http://zurb.com/university/lessons/sketched-out-a-guide-for-consistent-sketches

Images:

Form Fields:

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Sketching

Techniques

http://zurb.com/university/lessons/sketched-out-a-guide-for-consistent-sketches

Text Areas:

Text:

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Sketching

Techniques

http://zurb.com/university/lessons/sketched-out-a-guide-for-consistent-sketches

Button:

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Sketching

Techniques

http://zurb.com/university/lessons/how-to-draw-a-straight-line​

Video:

How to Draw a Straight Line

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Sketching

Real example baby! woohoo!! lol

Base Design

Design created by

Ricardo Thompson from LittleLines.

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Sketching

Real example:

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

Sketching

Real example:

Final Mapping

Gracias!

Workflow to Prototypes and Physical Tools

By: Ricardo Zea

November 9, 2015