diseño emocional

95
por María José Castañer El Diseño Emocional en la web

Upload: tucamon

Post on 12-Jun-2015

3.338 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Diseño emocional

por María José CastañerEl  Diseño  Emocional  en  la  web

Page 2: Diseño emocional

María  José  Castañer

INDICE

Antecedentes

Diseño  EMOCIONAL  ¿cuál  es  buen  diseño  y  cuál  malo?

Ofrecer  EXPERIENCIASEl  PROCESO  de  diseño

El  Diseño  Emocional  en  la  web  

Page 3: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

¿cómo  es  eso  de  que  las  websgeneran  emociones?

La  emoción  es  “agitación  de  ánimo  —violenta  o  apacible—  

que  nace  de  alguna  causa  pasajera.”“Diccionario  de  palabras  afines”.    Josep  M.  Albaigès.  Ed.  Espasa.

Page 4: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[antecentes]

SolluBa:  399  díasXION  FotograGa  y  Publicidad:  87  díasColor  Comunicación:  323  díasGrupo  Camaleón:  219  díasActúa  CreaBvidad  (actualmente  Thinkin):  91  días

Publiasa:  960  díasVuelta  y  Media:  54  díasIndex  Producciones:  56  díasVisualtwoeyes:  desde  los  19  añosMAGS:  1.500  días

TOTAL:  3.726  días

Page 5: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

EL  SENTIDO  COMÚN:  las  modas  y  tendencias.  

“—Cuando  empezó  a  coleccionar  arte  ¿era  sólo  para  decorar  su  casa?—  Si  y  no.  Tenía  algunas  cosas  y  las  colgué  en  la  pared.  Pero  cuando  compras  algo  que  no  encaja  en  tu  casa  y  Genes  que  guardarlo  en  el  

trastero,  te  conviertes  oficialmente  en  coleccionista.”“Me  llamo  Charles  Saatchi  y  soy  un  artehólico”.  Charles  Saatchi.  Ed.  Phaidon.

Page 6: Diseño emocional
Page 7: Diseño emocional
Page 8: Diseño emocional
Page 9: Diseño emocional
Page 10: Diseño emocional
Page 11: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

LA  ARMONÍA:  la  Sucesión  de  Fibonacci.

Es  la  pauta  que  siguen  determinados  fenómenos  de  la  naturaleza  y  que  permite  construir  la  espiral  de  Alberto  Durero  —arGsta  alemán  del  

Renacimiento  conocido  por  sus  grabados—  en  la  que  los  puntos  sobre  los  que  se  traza  se  corresponden  con  rectángulos  cuyos  lados  son  dos  

números  de  la  sucesión  de  Fibonacci.    

Page 12: Diseño emocional
Page 13: Diseño emocional

MC� � �w Mw� C� � � � � � nn� f �.� n� Ma � é� � � � � � eté¿� eM3

Page 14: Diseño emocional
Page 15: Diseño emocional
Page 16: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

Básicamente...Aquello  que  nos  resulte  agradable  a  la  vista  

‘seguramente’  tendrá  una  buena  proporción  áurea.

Page 17: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

También  existen  otros  factores...el  ritmo  visual

emoGvidad  de  los  colorespersonalidad  de  las  6pogra8as

la  gesGón  del  espacioel  orden  de  las  jerarquías  de  importancia

el  mimo  por  los  detallesla  usabilidad

Page 18: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

RITMO:  Esencialmente  repeGción  y  estructura(separa  al  orden  del  caos).

Page 19: Diseño emocional
Page 20: Diseño emocional
Page 21: Diseño emocional
Page 22: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

COLORES:  Genen  la  capacidad  de  evocar  ciertos  aspectos  emocionales  y  fisiológicos.

Page 23: Diseño emocional
Page 24: Diseño emocional
Page 25: Diseño emocional
Page 26: Diseño emocional
Page 27: Diseño emocional
Page 28: Diseño emocional
Page 29: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

TIPOGRAFÍAS:  son  transmisores  de  mensajes  muy  efecGvos.  Gracias  a  sus  formas,  jerarquías,  rasgos  

diferenciadores,  inclinaciones...  pueden  llegar  a  evocar  un  recuerdo,  un  senGmiento.  Cada  detalle  de  una  Gpo  está  pensada  para  transmiGr  o  reforzar  un  mensaje.

Page 30: Diseño emocional
Page 31: Diseño emocional
Page 32: Diseño emocional
Page 33: Diseño emocional
Page 34: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

ESPACIO:  transmite  volúmenes,  realza  el  mensaje,  crea  interés  y  llama  la  atención.

Page 35: Diseño emocional
Page 36: Diseño emocional
Page 37: Diseño emocional
Page 38: Diseño emocional
Page 39: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

La  JERARQUÍA  en  los  elementos  de  nuestro  diseño  puede  ser  determinante  a  la  hora  de  clarificar  la  lectura  

de  la  información.  No  separarlas  adecuadamente  pone  en  riesgo  nuestro  mensaje  y  la  fidelidad  de  nuestro  lector.

Page 40: Diseño emocional
Page 41: Diseño emocional
Page 42: Diseño emocional
Page 43: Diseño emocional
Page 44: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

USABILIDADCuando  nos  surja  la  oportunidad,  hagamos  la  vida  

fácil  a  los  demás,  así  nos  querrán  más.

Page 45: Diseño emocional
Page 46: Diseño emocional
Page 47: Diseño emocional
Page 48: Diseño emocional
Page 49: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[¿cuál  es  buen  diseño  y  cuál  malo?]

Mimar  LOS  DETALLES

“Sin  personalidad,  eres  una  mosca.”“Piensa,  es  grabs.”  Principio  72.  Ed.  Planeta

Page 50: Diseño emocional
Page 51: Diseño emocional
Page 52: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web  

¿Y  por  qué  todo  cambia  constantemente?¿acaso  las  webs  caducan?

“Si  en  los  úlGmos  años  no  has  descartado  una  opinión  mayoritaria  o  bien  adoptado  

una  nueva,  comprueba  si  Genes  pulso.Es  posible  que  estés  muerto”.”

Frank  Geleg  Burgess,  escritor  y  humorista.

Page 53: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web  

“...decir  algo  posiGvo  para  obtener  algo  posiGvo.”

Todos  nuestros  pensamientos  influyen  en  nuestro  desarrollo  humano.Desde  el  aspecto  isico,  las  experiencias  que  vivimos,  las  personas  que  se  cruzan  con  nosotros  en  la  acera,  las  acbvidades  que  realizamos...  

hasta  nuestros  pensamientos  y  deseos  más  profundos  afectan  a  grados  superiores  de  nuestras  conexiones  sociales.  Por  ello,  comienza  por:

¿Y  por  qué  son  tan  importantes  las  emociones?

Page 54: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[ofrecer  experiencias]

¿Qué  sen]s  al  ver  esto?

Ofrezcamos  EXPERIENCIAS.Las  sensaciones  visuales.

apakaaprensión

agobioestrés

desasosiegoanbpaka

alegríadiversiónsaboresfelicidadpracbcidadarmonía

Page 55: Diseño emocional
Page 56: Diseño emocional
Page 57: Diseño emocional
Page 58: Diseño emocional
Page 59: Diseño emocional
Page 60: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[ofrecer  experiencias]

¿A  qué  os  recuerda  o  evoca  lo  siguiente?

Ofrezcamos  EXPERIENCIAS.Las  conexiones  emocionales.

a  mi  ex-­‐noviaal  clásico  seiscientosa  las  botas  de  agua

al  tapete  almidonado  del  comedor  de  mi  abuelaal  CASIO  de  toda  la  vida

a  mis  futuras  vacacionesa  mi  negocioa  mi  familiaa  mi  nueva  casaa  mi  futura  profesión

Page 61: Diseño emocional
Page 62: Diseño emocional
Page 63: Diseño emocional
Page 64: Diseño emocional
Page 65: Diseño emocional

usabilidadfeeling

armonía

Page 66: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[ofrecer  experiencias]

Consecuencias  racionales  (lógicas)de  nuestro  diseño.

Si  lo  que  la  gente  percibe  es  un  feeling  posiGvo,  estaremos  construyendo  una  Lovemark.

Sino,  seamos  realistas,  somos  cutres.

Page 67: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[ofrecer  experiencias]

Las  LOVEMARKSempaka  +  prescriptores  +  fidelidad

“Todos  necesitamos  un  poco  de  Surpara  poder  ver  el  Norte.”

Campaña  Cruzcampo  Verano  2011.  Contrapunto  Madrid.

Page 68: Diseño emocional
Page 69: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[ofrecer  experiencias]

Realmente  el  Sur  es  aquel  6món  que  nos  lleva  de  un  modo  inconsciente  por  caminos  que  nos  hace  senGr  realizados.  ¿Por  qué  no  ayudar  a  que  el  resto  de  las  personas,  que  están  cerca  de  nosotros,  sientan  lo  mismo?

El  posiGvismo  se  contagia  en  un  porcentaje  mayor  que  el  negaGvismo  y,  según  Eduard  

Punset,  está  demostrado  que  son  más  felices  aquellos  que  6enen  muchos  

“amigos”  aunque  estos  sean  superficiales.  

¡SE  POSITIVO!¡SE  AUTÉNTICO!¡SE  HONESTO!

Page 70: Diseño emocional
Page 71: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[ofrecer  experiencias]

¿Qué  bene  de  especial  una  LOVEMARK?

‣transmite  op6mismo  (cosa  que  nos  hace  “feel  good”).‣comunica  una  promesa  (que  cumplirá).‣Gene  esencia,  propósito,  misión  y  visión...  6ene  valores.‣nos  senGmos  iden6ficados  con  ella  (secretos  de  amigos)‣seríamos  capaces  de  pelear  por  ella  (lealtad/fútbol/amor)‣Genen  un  misterio  que  las  hace  interesantes  y  llamaGvas‣generan  sueños  idílicos,  historias  y  experiencias  memorables‣tocan  nuestros  5  sen6dos  ‣dialogan  ínGmamente  conGgo  mediante  mensajes  que  sólo  tú  enGendes  (experiencia/heart)

Page 72: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[el  proceso  de  diseño]

Valoremos  LOS  PROCESOS  de  diseño.Pero  de  verdad,  que  no  es  cosa  de  5  min.

“Todo  el  mundo  pinta  y,  además,  es  arGsta.”

Page 73: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[el  proceso  de  diseño]

PROCESOS.  Desde  el  cliente.

Haz  tus  deberes  y  desarrolla  tu  marke6ng  interno  porque,  si  tu  familia  no  cree  en  ],  ¿dónde  demonios  vas?

Encuentra  tu  FARO,  elabora  tu  Plan  Estratégico.

Sé  curioso  y  sincero,  no  le  tengas  miedo  al  DAFO.¡Es  diverGdo  y  revelador!

A

B

C

Page 74: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[el  proceso  de  diseño]

PROCESOS.  Desde  el  estudio  de  diseño.

Poned  en    marcha  un  COHERENTE  Plan  de  Acción:

con  el  CORE  del  cliente.con  el  producto/servicio.

con  el  PO  (¿hablamos  el  mismo  idioma?).con  el  entorno  de  vuestro  cliente.

Page 75: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[el  proceso  de  diseño]

PROCESOS.  Desde  el  estudio  de  diseño.

Crea  un  EQUIPO,  aunque  sólo  seáis  dos:

Coordinación  del  equipo  de  diseño  con  el  cliente.Partnership  (desarrollar  la  confianza,  ‘hablar  el  mismo  idioma’,  adquirir  prácGca  y  opGmizar  el  rendimiento).

Page 76: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[el  proceso  de  diseño]

Valoremos  EL  RESULTADO  del  trabajo  de  los  especialistas.Pero  de  verdad,  que  a  veces  se  necesita  inverbr  más  de  6  meses.

Page 77: Diseño emocional
Page 78: Diseño emocional
Page 79: Diseño emocional
Page 80: Diseño emocional
Page 81: Diseño emocional
Page 82: Diseño emocional
Page 83: Diseño emocional
Page 84: Diseño emocional
Page 85: Diseño emocional
Page 86: Diseño emocional
Page 87: Diseño emocional
Page 88: Diseño emocional
Page 89: Diseño emocional
Page 90: Diseño emocional
Page 91: Diseño emocional
Page 92: Diseño emocional
Page 93: Diseño emocional
Page 94: Diseño emocional

María  José  Castañer

El  Diseño  Emocional  en  la  web[el  proceso  de  diseño]

MI  parBcular  CONCLUSIÓN:  cuando  el  cliente  parbcipa  del  proceso  como  parte  del  equipo  creabvo,  nos  enriquecemos  todos  y  pasamos  a  ser  unas  Lovemarks  mútuas.

Así  que...  ¿repebmos?

Page 95: Diseño emocional

Muchas  gracias  por  vuestra  atención.

María  José  Castañertwifer:  @castanerblog:  visualtwoeyes.tumblr.comwork:  www.manuelgaldon.com

El  Diseño  Emocional  en  la  web