cuco vega - design vs ux

48
DESIGN vs UX VERSION 1.0

Upload: ux-nights

Post on 21-Jan-2018

216 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Cuco Vega - Design vs UX

DESIGN vs UX

VE

RS

ION

1.0

Page 2: Cuco Vega - Design vs UX

</>

Page 3: Cuco Vega - Design vs UX
Page 4: Cuco Vega - Design vs UX

Usability

Page 5: Cuco Vega - Design vs UX
Page 6: Cuco Vega - Design vs UX

</>

Page 7: Cuco Vega - Design vs UX
Page 8: Cuco Vega - Design vs UX

Brand Experience

Page 9: Cuco Vega - Design vs UX
Page 10: Cuco Vega - Design vs UX
Page 11: Cuco Vega - Design vs UX
Page 12: Cuco Vega - Design vs UX
Page 13: Cuco Vega - Design vs UX
Page 14: Cuco Vega - Design vs UX

• Falso• Tonto• Viral• Creíble

Page 15: Cuco Vega - Design vs UX
Page 16: Cuco Vega - Design vs UX

PUNTO NO 1 QUÉ ES DISEÑO?

Page 17: Cuco Vega - Design vs UX

“Diseño es un proceso de desarrollo de soluciones útiles e innovadoras que incorporan demandas funcionales y estéticas basadas en las necesidades del usuario previsto. El diseño se aplica en el desarrollo de bienes, servicios, procesos, mensajes y entornos.

http://www.svid.se/en/ Swedish Industrial Design Foundation

Page 18: Cuco Vega - Design vs UX

PUNTO NO 2 “UX DESIGN” ES UNA RAMA DEL DISEÑO

Page 19: Cuco Vega - Design vs UX
Page 20: Cuco Vega - Design vs UX

PUNTO NO 3 VISUAL DESIGN O “UI” TAMBIEN ES MUY IMPORTANTE

Page 21: Cuco Vega - Design vs UX

• El usuario crea una opinion sobre tu

sitio en aprox 17ms

• El 94% de las primeras impresiones

sobre un producto estan ligadas a su

Visual Design

• En percepcion de usuario, el atractivo

visual es mas importante que la

usabilidad

Page 22: Cuco Vega - Design vs UX

UX y DISEÑO EN LOS DIFERENTES NIVELES DE LA EXPERIENCIA DEL USUARIO

Page 23: Cuco Vega - Design vs UX

Utility

Usability

Desirability

Brand Experience

4 Niveles en la Experiencia de un Usuario

Page 24: Cuco Vega - Design vs UX

UTILITY

El producto es util para el usuario?Tiene un proposito?Cumple con las necesidades del usuario?

Page 25: Cuco Vega - Design vs UX

USABILITY

El producto es facil de usar?Es intuitivo?El usuario prefiere este producto a otros similares?

Page 26: Cuco Vega - Design vs UX

DESIRABILITY

El usuario se siente atraido al producto?El usuario desea usar o tener el producto?

Page 27: Cuco Vega - Design vs UX

BRAND EXPERIENCE

El usuario se siente bien con el producto y la compañía/marca que lo hace?

Page 28: Cuco Vega - Design vs UX

Cuál es mas importante?

Page 29: Cuco Vega - Design vs UX

NO HAY PUNTO DE COMPARASIÓN

Page 30: Cuco Vega - Design vs UX

DISEÑO Se enfoca en el producto, objeto, en resolver un problema.

UX Se enfoca en el usuario y cual sera la reaccion, interaccion, etc.

Page 31: Cuco Vega - Design vs UX

DISEÑO Encontrar las soluciones

UX Encontrar los problemas y las necesidades

Page 32: Cuco Vega - Design vs UX
Page 33: Cuco Vega - Design vs UX

EJEMPLO

Page 34: Cuco Vega - Design vs UX
Page 35: Cuco Vega - Design vs UX

“ It’s not about mobile first and cloud first, but experience first, in a world that is increasingly hybrid, hyper-connected and mobile.”

MARK TEMPLETON CEO CITRIX

Two22SF — Capabi l i t ies Presentat ion

Page 36: Cuco Vega - Design vs UX

Two22SF — Capabi l i t ies Presentat ion

HOW DO YOU DELIVER A UNIFIED BRAND EXPERIENCE?• Family of disconnected products• Non-existent brand language• Splintered customer experience

Page 37: Cuco Vega - Design vs UX

4

• Design research• Customer & stakeholder interviews• Benchmark testing with customers• Persona development

CONNECT DISCOVER & UNDERSTAND

Page 38: Cuco Vega - Design vs UX
Page 39: Cuco Vega - Design vs UX

• Brand experience audit• Holistic design language• Responsive grid & Retina SVG

BUILDING THE FOUNDATION

Page 40: Cuco Vega - Design vs UX

• Unified global navigation • Defined information architecture• Connected product experience• Consistent messaging

CREATING THE EXPERIENCE

Page 41: Cuco Vega - Design vs UX

8

Page 42: Cuco Vega - Design vs UX
Page 43: Cuco Vega - Design vs UX
Page 44: Cuco Vega - Design vs UX
Page 45: Cuco Vega - Design vs UX

- Fresh - Informative - Knowledgable - Not Overbearing - Not in-your-face

- Helpful - Progressive - Current - Funny, yet

respected like Patrick Stewart

- It’s a business tool, so it can only be so sexy

- The audience isn’t progressive companies

- Organized - Neat & trim - Extremely helpful - The kind of person you

want to have around - Casual - Knowledgeable - Really smart. Not a

geek, but clever and creative

- Popular - Personable - Available - Open

Page 46: Cuco Vega - Design vs UX

• Defined online strategy • Applied new design language• Mobile-friendly responsive design• Connected customer experience

“How significant are these changes? After 6 days of the new design, trials increased by 45%, and direct buys increased by 56%. On top of that, a 63% decrease in bounce rates.”

AL SCILLITANI, GOTO WEBSITE MANAGER

THE RESULTS

400%

28%

45%

10%

56%

18%

63%Online NNB growth last year

Trial Conversion Increase

Trial Conversion Increase

Direct Buys Increase

Direct Buys Increase

Overall Sales Increase

Bounce Rate Decrease

Page 47: Cuco Vega - Design vs UX

CONCLUSION

Page 48: Cuco Vega - Design vs UX

• El Diseño es importante

• UX es igual de importante

• No los confundamos

• No los comparemos

• Un buen producto considera a los dos