IDENTIDAD, INTERFAZ Y USUARIO Lorena Hevia

1. DISEÑO PARA LA COMUNICACION DIGITAL + Lorena Hevia P. / Ingeniero en Diseño de Productos

2. 1000 UNA IMAGEN VALE MAS QUE PALABRAS + IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos +

3. 1 IMAGEN VALE MAS QUE 1000 PALABRAS + imagen estrategia comunicacional IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos

5. IDENTIDAD Y MARCA + Lorena Hevia P. / Ingeniero en Diseño de Productos

6. ? CÓMO DISEÑAMOS + UNA MARCA ? IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos DISEÑO DE IDENTIDAD Y MARCA

7. Conjunto de rasgos propios de un individuo o de una colectividad que los caracterizan frente a los demás ANTES DE DISEÑAR HAY QUE TENER CLARO + IDENTIDAD Recibir por uno de los sentidos las imágenes, impresiones o sensaciones externas Comprender o conocer algo PERCEPCION IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos i d p c quiénes somos qué ofrecemos e s ESTRATEGIA

8. Nombre (nombre, apellido, suedonimo) Imagen (apariencia y razgos fisicos, colores, olor, marcas usadas, moda) Red Social (amistades, religion, politica) PERSONA: IDENTIDAD Y PERCEPCION + IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos

9. Nombre (rubro, al cliente, dueños) Imagen ( estilo grafico) Red Social (mercado) PRODUCTO: IDENTIDAD Y PERCEPCION + IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos

10. MARCO CONCEPTUAL + IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos MISION VISION VALORES e m EMPRESA MERCADO SEGMENTO NICHO e n ENTORNO CLIENTE USUARIO e f ENFOQUE

11. METODOLOGIA DISEÑO DISEÑO DE IDENTIDAD Y MARCA + UNA DE IMAGEN DE MARCA CÚAL QUEREMOS QUE SEA NUESTRA IDENTIDAD EN EL MERCADO? CÓMO QUEREMOS SER PERCIBIDOS POR NUESTROS CLIENTES Y USUARIOS? CUÁL SERÁ NUESTRA ESTRATEGIA COMUNICACIONAL? IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos

21. INTERFAZ Y USUARIO + Lorena Hevia P. / Ingeniero en Diseño de Productos

22. ? CÓMO DISEÑAMOS + UNA INTERFAZ ? Lorena Hevia P./ Ingeniero en Diseño de Productos DISEÑO DE IDENTIDAD Y MARCA INTERFAZ Y USUARIO

23. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos QUÉ ES UNA INTERFAZ ? QUÉ ES ? INTERFAZ ?

24. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos QUÉ ES UNA INTERFAZ ? Al usar un producto suele haber “algo” entre uno mismo y el objeto de interacción . Este “algo” nos informa qué acciones son posibles , el estado actual del objeto y cambios producidos. Este algo es el limite nos permite actuar con o sobre el sistema . QUÉ ES ? INTERFAZ ?

25. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos QUÉ ES UNA INTERFAZ ? Punto donde hombre y productos se ponen en contacto , para transmitirse mutuamente información (órdenes y sensaciones). Pone en evidencia la funcionalidad del producto a través de la cual el usuario podrá realizar su tarea ó trabajo . QUÉ ES ? INTERFAZ ?

26. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos QUÉ ES UNA INTERFAZ ? QUÉ ES ? INTERFAZ ? ACTORES CONTEXTO USUARIO Y USABILIDAD PRINCIPIOS GUIAS DE DISEÑO

27. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PROTAGONISTAS DE UNA INTERFAZ acopla, integra y conecta las tres unidades usuario, tarea y producto. diagrama básico de interacción protagonistas de una interfaz usuario / tarea / producto ACTORES USUARIO PRODUCTO TAREA INTERFAZ

28. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PROTAGONISTAS DE UNA INTERFAZ USUARIO PRODUCTO TAREA INTERFAZ acopla, integra y conecta las tres unidades usuario, tarea y producto.

29. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos CONTEXTO DE UNA INTERFAZ La interacción usuario y producto sucede en un contexto determinado el cual condiciona usuario y tareas . CONTEXTO CONTEXTO DE INTERACCIÓN CONTEXTO SOCIO-CULTURAL USUARIO TAREA PRODUCTO INTERFAZ

30. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos CONTEXTO DE UNA INTERFAZ “ ADN contextual producto

31. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos CONTEXTO DE UNA INTERFAZ “ ADN contextual producto

32. METODOLOGIA DISEÑO DISEÑO DE IDENTIDAD Y MARCA + UNA DE INTERFAZ IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos USUARIO Y USABILIDAD

33. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos USABILIDAD DE UNA INTERFAZ USUARIO Usuarios buscan productos fáciles de usar. Una experiencia de uso sencilla y agradable. Una interfaz mal diseñada es un factor que frena el uso de las funcionalidades del producto = usuario insatisfecho MÍNIMO EXTENSO CONOCE IGNORANTE DOMINIO EXPERIENCIA COMPUTACIONAL NOVATO EXPERTO EXPERIENCIA CON SISTEMA

34. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos USABILIDAD DE UNA INTERFAZ USABILIDAD Desarrollo de Software Fácil utilización Realización de la tarea de modo casi intuitivo 1. Fácil Aprendizage 2. Eficiencia y Productividad 3. Fácil de Recordar 4. Minimización de Errores 5. Satisfacción del Usuario

35. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos USABILIDAD DE UNA INTERFAZ USABILIDAD Desarrollo de Software 1. Fácil Aprendizaje Productos fáciles de aprender a usar , de manera que el usuario pueda rápidamente empezar a realizar sus tareas.

36. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos USABILIDAD DE UNA INTERFAZ USABILIDAD Desarrollo de Software 2. Eficiencia y Productividad Una vez aprendido a usar el producto, es posible alcanzar un nivel alto de productividad con él.

37. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos USABILIDAD DE UNA INTERFAZ USABILIDAD Desarrollo de Software 3. Fácil de Recordar Después de un período de no uso, volver a usar el producto debería ser posible, porque es fácil recordar su uso.

38. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos USABILIDAD DE UNA INTERFAZ USABILIDAD Desarrollo de Software 4. Mininización de Errores El producto debería permitir un bajo coeficiente de errores , y si estos se cometieran debe haber posibilidad de deshacerlos.

39. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos USABILIDAD DE UNA INTERFAZ USABILIDAD Desarrollo de Software 5. Satisfacción del Usuario el producto debería ser agradable de usar de manera tal que los usuarios se sientan satisfechos = identificados con el producto

40. METODOLOGIA DISEÑO DISEÑO DE IDENTIDAD Y MARCA + UNA DE INTERFAZ IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS

41. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 1 / JERARQUIZACION DE LA INFORMACION La información debería aparecer en un orden natural y lógico destacando lo mas relevante

42. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 2 / DIÁLOGOS SIMPLES Y NATURALES Cada unidad extra de información es una cosa más que hay que aprender y una posible cosa más que el usuario no va a comprender para un usuario básico del sistema.

43. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 3 / LOS DIÁLOGOS NO DEBEN CONTENER INFORMACION IRRELEVANTE usuarios suelen hacer un rápido barrido de ojos saltándose mensajes aburridos ó introductorios y buscando los términos resaltados e importantes

44. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 4 / CONTROLAR LA CANTIDAD DE TEXTO a los usuarios no les gusta leer en pantalla , de hecho leer desde una pantalla de computador se reduce la velocidad de lectura, respecto a la del papel, en un 25 por ciento.

45. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 5 / HABLAR EL LENGUAJE DEL USUARIO Los diálogos deberían ser expresados claramente en palabras, frases y conceptos familiares al usuario , más que en términos orientados por el sistema.

46. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 6 / MINIMIZAR LA CARGA MEMORIA El usuario no debería tener que recordar información desde una pantalla a otra , las instrucciones de uso del sistema deberían ser visibles o capaces de desplegarse fácilmente.

47. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 7 / CONSISTENCIA Los usuarios no deberían tener que preguntarse si es que diferentes palabras , situaciones o acciones significan lo mismo. Potenciar elementos de única y común lectura.

48. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 8 / RETROALIMENTACION El sistema debería siempre mantener a los usuarios informados sobre qué está sucediendo , a través de retroalimentación adecuada en tiempos razonables

49. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 9 / LA SALIDA DE EMERGENCIA Los usuarios usualmente escogen funciones del sistema por error y necesitan tener una “salida de emergencia” claramente marcada, para poder dejar el estado indeseado sin tener que pasar por un diálogo extendido.

50. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 10 / PERMITIR ATAJOS Los aceleradores, ignorados por los novatos, pueden acelerar la interacción del usuario experto con el sistema . CTRL C + = COPIAR CTRL V + = PEGAR

51. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 11 / PREVENIR ERRORES Aún mejor que los mensajes de error, es un diseño que previene que los problemas sucedan.

52. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ PRINCIPIO 12 / AYUDA Y DOCUMENTACION Aunque el ideal es que el sistema se puede usar sin documentación , será a veces necesario proveer ayuda y documentación, tal tipo de información debería ser fácil de buscar y navegar, siendo focalizada en el usuario y sus tareas

53. METODOLOGIA DISEÑO DISEÑO DE IDENTIDAD Y MARCA + UNA DE INTERFAZ IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos GUIAS BASICAS DE DISEÑO

54. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA EL COLOR 1) Elegir combinaciones armoniosas de colores.

55. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA EL COLOR 2) Usar contrastes altos de color entre letra y fondo (alejamiento y acercamiento) para destacar información, y bajos contrastes para ocultar información. Fondo avanza CONTRASTE Fondo retrocede CONTRASTE

56. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA EL COLOR 3) Limitar el número de colores a 4 APP

57. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA TIPOGRAFIA 1) Para textos usar fuentes habituales y legibles para el usuario. a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N Ñ O P R S T U W X Y Z 0 1 2 3 4 5 6 7 8 9 ARIAL a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N Ñ O P R S T U W X Y Z 0 1 2 3 4 5 6 7 8 9 VERDANA a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N Ñ O P R S T U W X Y Z 0 1 2 3 4 5 6 7 8 9 CENTURY GOTHIC

58. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA TIPOGRAFIA 2) Combinar 2 a 3 tipos de fuentes como máximo respondiendo, cada una de estas, a una función determinada. .

59. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA TIPOGRAFIA 3) Para presentación de textos usar mayúsculas y minúsculas ( ritmo). El uso exclusivo de mayúscula puede ser utilizado para destacar alguna palabra o función especifica (el uso único de mayúscula puede entorpecer la lectura / recomendable para títulos no para textos extensos). .

60. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA TIPOGRAFIA 4) Para presentación de texto en pantalla utilizar un tamaño entre 8 a 12 puntos . El tamaño puede ser utilizado como herramienta de jerarquización de la información ( títulos). Utilizar tipografias legibles (ni muy gruesas ni muy delgadas) .

61. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA TIPOGRAFIA 5) Evitar líneas /columnas demasiado cortas y /ó anchas (entre 10 y 12 palabras). En caso que exista demasiada información escrita el interlineado deberá aumentar . Se recomienda el uso de columnas uniformes información (justificado). .

62. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA TIPOGRAFIA 6) La pigmentación y tonalidad de la fuente responde a la jerarquizacion de la información . Altos contrastes destacan la información y mejoran la calidad de lectura mientras que bajos contrastes disimulan y entorpecen la presentación de la información. .

63. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA COMPOSICIÓN 1) Definir una malla única -retícula- sobre la cual se dispondrá la información y elementos gráficos estableciendo un orden, uniformidad y coherencia sobre ejes horizontales y verticales ( invisibles al ojo). Se determinan áreas a utilizar y áreas vacías. .

64. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA COMPOSICIÓN 2) Definir un orden de lectura para la información presentada consecuente con la utilización de opciones de información( de izquierda derecha, de arriba abajo). . LINEAS DE RECORRIDO VISUAL

65. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA COMPOSICIÓN 2) Definir un orden de lectura para la información presentada consecuente con la utilización de opciones de información( de izquierda derecha, de arriba abajo). .

66. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA COMPOSICIÓN 3) Disponer los elementos y contrarrestar pesos visuales por medio de la ubicación y elementos asignados de modo simétrico o asimétrico. .

67. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA LA COMPOSICIÓN 4) Evitar el desequilibrio visual : elementos no colaboran con la jerarquización ¿Dónde quiero situar la atención del usuario? Evitar espacios innecesarios que confunden al usuario .

68. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA USO DE ICONOGRAFIA Y VOLUMENES 1) Para permitir una mejor asociatividad entre el objeto , la representación del objeto y la necesidad del usuario, se pueden utilizar geometrías básicas, en función de lo que el usuario reconoce. .

69. + INTERFAZ Y USUARIO Lorena Hevia P./ Ingeniero en Diseño de Productos PRINCIPIOS PARA EL DISEÑO DE INTERFAZ GUIAS PARA USO DE ICONOGRAFIA Y VOLUMENES 2) Toda forma debe responder a una función . ( las formas tridimensionales destacan por sobre las planas , las formas curvas son mas calidas y flexibles, las rectas son frías y rígidas). .

70. TENDENCIA WWW + Lorena Hevia P. / Ingeniero en Diseño de Productos

71. ? CÚALES SON LAS TENDENCIAS + GRAFICAS EN WWW ? Lorena Hevia P./ Ingeniero en Diseño de Productos DISEÑO DE IDENTIDAD Y MARCA TENDENCIAS WEB

72. ? ? EVOLUCION WWW SEGMENTO CONTENIDO ? SEMANTICA WEB 3.0 NICHO CONTENIDO PERSONALIZADO CUSTOMIZADO INFORMACION ESPECIFICA Y PERSONALIZADA SOCIAL WEB 2.0 SEGMENTACION CONTENIDO COLABORATIVO INFORMACION COLABORATIVA ARTICULADA A TRAVES DE REDES SOCIALES INTERNET WEB 1.0 TODO PUBLICO CONTENIDO ESTANDAR INFORMACION GENERAL + TENDENCIA WEB HACIA DONDE VA TENDENCIAS WEB Lorena Hevia P./ Ingeniero en Diseño de Productos

73. REDES SOCIALES + COMUNIDADES BLOGGING Y FOROS VIDEOS + IMAGENES + MUSICA QUE OFRECE HOY BUSCADORES DE INFORMACION INFORMACION + CONOCIMIENTO NEGOCIOS + TRANSACCIONES + PUBLICIDAD DIVERSION + JUEGOS ? ? ? + TENDENCIA WEB TENDENCIAS WEB Lorena Hevia P./ Ingeniero en Diseño de Productos

74. CONTENIDOS DE IMAGEN CONTENIDOS DINAMICOS CONTENIDOS COLABORATIVOS CONTENIDOS DE TEXTO CONTENIDOS DE VIDEO CONTENIDOS DE AUDIO CONVERGENCIA DE MEDIOS + TENDENCIA WEB +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO CONTENIDOS ON DEMAND EN BASE A UN ABANICO DE INFORMACION AUTOGESTION DE CONTENIDOS TENDENCIAS WEB Lorena Hevia P./ Ingeniero en Diseño de Productos

75. + TENDENCIA WEB TENDENCIAS WEB Lorena Hevia P./ Ingeniero en Diseño de Productos

76. INFORMACION + PUENTE DIFUSION DE SERVICIOS BCN + TENDENCIA WEB TENDENCIAS WEB Lorena Hevia P./ Ingeniero en Diseño de Productos

77. WEB TIPO_ FUNCIONAL OBJ_ ADMINISTRACION DE INFORMACION MAYOR USO DE CONTENIDO ESCRITO WEB TIPO_ VITRINA OBJ_ DIFUSION DE PRODUCTOS Y SERVICIOS MAYOR USO DE CONTENIDO GRAFICO + TENDENCIA WEB TENDENCIAS WEB Lorena Hevia P./ Ingeniero en Diseño de Productos

79. WEB TIPO_ VITRINA COMO COMUNICA? ACORDE AL CONTEXTO CORPORATIVO DE LA MARCA QUE SE PROMUEVE, DIFUNDE Y ADMINSTRA INFORMACION GRAFICA / CONCEPTUAL + FRASES SUGERENTES (MARKETERAS) INVITAN A CONOCER EL PRODUCTO / SERVICIO PROPORCION DE CONTENIDOS 90% CONTENIDO GRAFICO 10% CONTENIDO ESCRITO + TENDENCIA WEB TENDENCIAS WEB Lorena Hevia P./ Ingeniero en Diseño de Productos

80. METODOLOGIA DISEÑO DISEÑO DE IDENTIDAD Y MARCA + UNA DE WWW IDENTIDAD VISUAL Y MARCA Lorena Hevia P./ Ingeniero en Diseño de Productos TENDENCIAS

81. WEB_ VITRINA CABECERA CONTENIDO TEXTO IMAGENES VIDEOS AUDIO BUSCADOR Y TAGS FONDO COLOR ANCHO Y LARGO DE PAGINA PIE DE PAGINA WEB_ FUNCIONAL CABECERA CONTENIDO TEXTO IMAGENES VIDEOS AUDIO BUSCADOR Y TAGS FONDO COLOR ANCHO Y LARGO DE PAGINA PIE DE PAGINA + ELEMENTOS EN UNA WEB ANCHO LARGO TENDENCIAS WEB Lorena Hevia P./ Ingeniero en Diseño de Productos

82. CABECERA SITUACION: SE PRIORIZA ESPACIO EN PANTALLA TENDENCIA: REDUCCION ALTURA CABECERA GRAFICA SIMPLE, LIMPIA Y PLANA Lorena Hevia P./ Ingeniero en Diseño de Productos + CABECERA

83. CABECERA SITUACION: SE PRIORIZA COMUNICACION GRAFICA / VISUAL TENDENCIA: AUMENTO ALTURA CABECERA MAYOR FEXIBILIDAD GRAFICA (integración fondo) MENOR RIGIDEZ CORPORATIVA Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CABECERA

84. PIE DE PAGINA SITUACION : UTILIZACION ESPACIO INFERIOR DE PANTALLA PARA BUSQUEDA ESPECIFICA DE INFORMACION TENDENCIA: INCORPORACION DE SUBMENU ESPECIFICO DE CONTENIDOS Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + PIE DE PAGINA

85. PIE DE PAGINA SITUACION: UTILIZACION GRAFICA DE ESPACIO INFERIOR DE PANTALLA TENDENCIA: CONTINUACION GRAFICA INTEGRA CONTENIDOS SUPERIORES CON INFERIORES Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + PIE DE PAGINA

86. COLOR Y FONDO SITUACION: SE PRIORIZA CONTENIDO ESCRITO DISMINUYENDO CONTRASTES CROMATICOS Y SIMPLIFICANDO LA GRAFICA DE FONDOS DE PANTALLA PARA EVITAR RUIDO VISUAL TENDENCIA: USO PLANO DE COLORES (SIN TEXTURA, ILUSTRACIONES, DIBUJOS) USO DE MISMA GAMA DE COLORES (PASTELES Y GRISES) APLICACION DE DIFERENCIAS CROMATICAS PARA SEGMENTACION / DIFERENCIACION DE CONTENIDOS Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + FONDO Y COLOR

87. COLOR Y FONDO SITUACION: IMPORTANCIA POR LA COMUNICACION GRAFICA DEL CONTENIDO (FOTOGRAFIA, ILUSTRACIONES, DIBUJOS) PRIORIZA PRESENTACION VISUAL DE MARCA, PRODUCTO Y SERVICIO TENDENCIA: USO DE FONDOS MAS HUMANIZADOS CON MAYOR JUEGO GRAFICO INTEGRACION DE FONDO CON CONTENIDOS GRAFICOS MAYOR INTERVENCION Y LIBERTAD EN USO DE COLORES ( TEXTURA, ILUSTRACIONES, DIBUJOS) ACORDE A LA TEMATICA DEL CONTENIDO, USO CORPORATIVO Y/O ESTACION Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + FONDO Y COLOR

88. ANCHO Y LARGO SITUACION: MAXIMA OPTIMIZACION VERTICAL Y USO HORIZONTAL DE ESPACIO EN PANTALLA TENDENCIA: LECTURA VERTICAL TIPO BLOGGING DE LARGO INDEFINIDO USO ELASTICO DE ANCHO DE PANTALLA OPTIMIZADO PARA 1024 PX Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + ANCHO Y LARGO

89. BUSCADOR SITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDA DE INFORMACION TENDENCIA: SEGMENTACION DE CONTENIDOS PARA BUSQUEDA GENERAL Y AVANZADA UBICACION PRIORITARIA EN PANTALLA (AL FRENTE DE MARCA) INTRODUCCION ANALISIS BCN EN WWW TENDENCIAS APROXIMACION Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + BUSCADOR

90. BUSCADOR SITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDA DE INFORMACION TENDENCIA: BUSQUEDA INSTANTANEA CON RESULTADOS SUGERIDOS Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + BUSCADOR

91. ETIQUETAS SITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDA TENDENCIA: APLICACION DE ETIQUETAS DE CONTENIDO PARA DIFERENCIAR POPULARIDAD / IMPORTANCIA TEMATICA Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + ETIQUETAS DE CONTENIDO

92. CONTENIDO_ fotografia SITUACION: FOTOGRAFIAS COMO COMPLEMENTO Y APOYO DE TEXTO TENDENCIA: USO DE FOTOGRAFIAS CON SIGNIFICATIDO COMUNICACIONAL EXPLICITO, MAS HUMANAS Y COTIDIANAS Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / FOTO

93. CONTENIDO_ fotografia SITUACION: COMUNICACION GRAFICA / VISUAL DE MARCA, PRODUCTOS Y SERVICIOS TENDENCIA: USO DE FOTOGRAFIAS DE SIGNIFICADO CONCEPTUAL USO DE FOTOGRAFIAS MAS COTIDIANAS EXPLOSION DE DETALLES Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / FOTO

94. CONTENIDO_ fotografia SITUACION: SE INCREMENTA EL USO DE FOTOGRAFIAS COMO COMPEMENTO Y APOYO DEL TEXTO (LA NOTICIA ES LA FOTOGRAFIA) TENDENCIA: USO DE GALERIAS FOTOGRAFICAS DINAMICAS Y CUSTOMIZABLES Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / FOTO

95. CONTENIDO_ video SITUACION: SE INCREMENTA EL USO DE VIDEOS COMO COMPEMENTO Y APOYO DEL TEXTO (EL VIDEO ES LA NOTICIA) TENDENCIA: USO DE GALERIAS DE VIDEO DINAMICAS Y CUSTOMIZABLES Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / VIDEO

96. CONTENIDO_ video SITUACION: USO DE VIDEOS / ANIMACIONES COMO CONTENIDO PRINCIPAL QUE ENTREGA DINAMISMO A LA GRAFICA Y PRESENTACION DE LA MARCA, PRODUCTO Y SERVICIO TENDENCIA: USO DE VIDEOS / ANIMACIONES COMO HERRAMIENTA PRINCIPAL DE COMUNICACION QUE SE INTEGRA AL CONTEXTO GRAFICO Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / VIDEO

97. CONTENIDO_ icono SITUACION: OBSOLETO USO DE ICONOGRAFIA TIPO WEB 2.0 ABUNDANTE EN RELIEVES Y REFLEJOS TENDENCIA: USO DE ICONOGRAFIA DE GRAFICA PLANA REDUCCION USO DE ICONOGRAFIA Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / ICONOGRAFIA

98. CONTENIDO_ icono SITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDO OBSOLETO USO DE ICONOGRAFIA TIPO WEB 2.0 ABUNDANTE EN RELIEVES Y REFLEJOS TENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANA ICONOGRAFIA INTERACTIVA Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / ICONOGRAFIA

99. CONTENIDO_ cajas info SITUACION: EXCESO DE INFORMACION LLAMA A SEGMENTAR CONTENIDOS TENDENCIA: USO DE CAJAS ESTATICAS SIEMPRE VISIBLES PARA CONTENIDOS PRIORITARIOS Y DESPLEGABLES + DESCARTABLES PARA CONTENIDOS MENOS PRIORITARIOS DE VISIBILIDAD MODIFICABLE USO DE CAJAS CUSTOMIZABLES / INTERACTIVAS QUE PERMITEN A USUARIO AUTOGESTIONAR SUS CONTENIDOS Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / CAJAS DE INFO

100. CONTENIDO_ cajas info SITUACION: EXCESO DE INFORMACION LLAMA A SEGMENTAR CONTENIDOS TENDENCIA: USO DE CAJAS ESTATICAS, DESPLEGABLES Y DESCARTABLES DINAMICAS Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + CONTENIDO / CAJAS DE INFO

101. TEXTO_ contenido linkeable SITUACION: OPTIMIZACION DE LA ADMINISTRACION DE INFORMACION POR PARTE DEL USUARIO PARA CONTROLAR CANTIDAD DE TEXTO EN PANTALLA TENDENCIA: TEXTOS LINKEABLES (LEER MAS) BREVE EXTENSION DE TEXTO RESUMIDO EN TITULO + SUBTITULO SUGERENTE Y LINKEABLE APOYADO POR MEDIOS GARFICOS Y AUDIOVISUALES Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + TEXTO / LINKEABLE

102. TEXTO_ contenido linkeable SITUACION: OPTIMIZACION DE LA ADMINISTRACION DE INFORMACION POR PARTE DEL USUARIO PARA CONTROLAR CANTIDAD DE TEXTO EN PANTALLA TENDENCIA: TEXTOS LINKEABLES (LEER MAS) BREVE EXTENSION DE TEXTO RESUMIDO EN TITULO + SUBTITULO SUGERENTE Y LINKEABLE APOYADO POR MEDIOS GARFICOS Y AUDIOVISUALES Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + TEXTO / LINKEABLE

103. TEXTO SITUACION: COMUNICACION GRAFICA / VISUAL DE CONTENIDOS PRIORIZA EL USO DE IMAGEN POR SOBRE EL TEXTO TENDENCIA: USO DE TEXTOS SOLO PARA ESPECIFICAR INFORMACION RELEVANTE Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + TEXTO

104. Lorena Hevia P./ Ingeniero en Diseño de Productos CATEGORIAS Y MENU SITUACION: EXCESO DE CONTENIDOS E INFORMACION TENDENCIA: DESDE UNA PAGINA PRINCIPAL MUY GRAFICA SE DELEGA A LOS CONTENIDOS INTERNOS A TRAVES DE MENUS SIMPLIFICADOS QUE SE DESPLIEGAN EN TODA LA PANTALLA MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + NAVEGACION

105. Lorena Hevia P./ Ingeniero en Diseño de Productos CATEGORIAS Y MENU SITUACION: EXCESO DE CONTENIDOS E INFORMACION TENDENCIA: DESDE UNA PAGINA PRINCIPAL MUY GRAFICA SE DELEGA A LOS CONTENIDOS INTERNOS A TRAVES DE MENUS SIMPLIFICADOS QUE SE DESPLIEGAN EN TODA LA PANTALLA MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + NAVEGACION

106. Lorena Hevia P./ Ingeniero en Diseño de Productos CATEGORIAS Y MENU SITUACION: EXCESO DE CONTENIDOS E INFORMACION TENDENCIA: DESDE UNA PAGINA PRINCIPAL MUY GRAFICA SE DELEGA A LOS CONTENIDOS INTERNOS A TRAVES DE MENUS SIMPLIFICADOS QUE SE DESPLIEGAN EN TODA LA PANTALLA MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + NAVEGACION

107. CATEGORIAS Y MENU SITUACION: EXCESO DE CONTENIDOS E INFORMACION TENDENCIA: DESDE UNA PAGINA PRINCIPAL MUY GRAFICA SE DELEGA A LOS CONTENIDOS INTERNOS A TRAVES DE MENUS SIMPLIFICADOS QUE SE DESPLIEGAN EN TODA LA PANTALLA Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + NAVEGACION

108. Lorena Hevia P./ Ingeniero en Diseño de Productos MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE + BUEN EJEMPLO