TENDENCIAS DISEÑO WEB Lorena Hevia

1. ANALISIS DE TENDENCIAS WEB GRAFICA + CONTENIDOS + COMUNICACION LORENA HEVIA P. INGENIERO EN DISEÑO DE PRODUCTOS SARA HORMAZABAL DISEÑADORA GRAFICA

2. ANALISIS DE TENDENCIAS WEB GRAFICA + CONTENIDOS + COMUNICACION INTRODUCCION USO Y MANEJO DE CONTENIDOS NUEVAS PROPUESTAS COMUNICACIONALES LORENA HEVIA P. INGENIERO EN DISEÑO DE PRODUCTOS SARA HORMAZABAL DISEÑADORA GRAFICA

3. ? ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA INTRODUCCION_ EVOLUCION WWW ? ? HACIA DONDE VA EVOLUCION WWW SEGMENTO CONTENIDO 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 SEMANTICA WEB 3.0 NICHO CONTENIDO PERSONALIZADO CUSTOMIZADO INFORMACION ESPECIFICA Y PERSONALIZADA WWW ANALISIS DE TENDENCIAS WEB MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

4. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ? INTRODUCCION_ WWW HOY ? ? QUE OFRECE HOY BUSCADORES DE INFORMACION INFORMACION + CONOCIMIENTO REDES SOCIALES + COMUNIDADES BLOGGING WWW VIDEOS + IMAGENES + MUSICA NEGOCIOS + TRANSACCIONES + PUBLICIDAD ANALISIS DE TENDENCIAS WEB DIVERSION + JUEGOS MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

5. CONVERGENCIA DE MEDIOS CONTENIDOS COLABORATIVOS CONTENIDOS DINAMICOS CONTENIDOS DE AUDIO CONTENIDOS DE TEXTO CONTENIDOS DE IMAGEN CONTENIDOS DE VIDEO ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA INTRODUCCION_ WWW MAÑANA AUTOGESTION DE CONTENIDOS +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO CONTENIDOS ON DEMAND EN BASE A UN ABANICO DE INFORMACION +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO +CONTENIDO MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

6. BCN.CL QUE COMUNICA? lINFORMACION SOBRE LEYES CONGRESO (SENADO + DIPUTADOS) BIBLIOTECA (LIBROS) INFORMACION PARA CIUDADANIA PORTALES (BLOGS, FACEBOOK, FLICKR, YOUTUBE) ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ANALISIS_ BCN EN WWW SERVICIOS BCN INFORMACION SOBRE LEYES BIBLIOTECA (CATÁLOGO DE LIBROS + REVISTAS) PORTALES Y BLOGS (FACEBOOK + YOUTUBE + BLOG + FLICKR) EXTERNOS_ ASIA PACIFICO + LEGISLATIVO + SIIT + MEMORIA POLITICA + LIGAS MAYORES INTERNOS_ INTRANET + PORTAL PARLAMENTARIO + REPOSITORIO FUENTE DE INFORMACION ( BCN PUENTE ENTRE CIUDADANIA Y PARLAMENTARIOS) CONGRESO (SENADO + DIPUTADOS) INFORMACION PARA LA CIUDADANIA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

7. BCN.CL QUE COMUNICA? lINFORMACION SOBRE LEYES CONGRESO (SENADO + DIPUTADOS) BIBLIOTECA (LIBROS) INFORMACION PARA CIUDADANIA PORTALES (BLOGS, FACEBOOK, FLICKR, YOUTUBE) ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ANALISIS_ BCN EN WWW INFORMACION + PUENTE DIFUSION DE SERVICIOS BCN MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

8. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ANALISIS_ TIPOS DE WEB WEB TIPO_ VITRINA OBJ_ DIFUSION DE PRODUCTOS Y SERVICIOS MAYOR USO DE CONTENIDO GRAFICO WEB TIPO_ FUNCIONAL OBJ_ ADMINISTRACION DE INFORMACION MAYOR USO DE CONTENIDO ESCRITO

9. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ANALISIS_ TIPOS DE WEB WEB TIPO_ FUNCIONAL COMO COMUNICA? ADMINISTRA INFORMACION, GENERALMENTE ESCRITA, EN BASE A SECCIONES DE CONTENIDO VARIADO APOYADO POR FOTOGRAFIA E INFOGRAFIAS AUDIO VIDEO PROPORCION DE CONTENIDOS 20% CONTENIDO GRAFICO 80% CONTENIDO ESCRITO

10. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ANALISIS_ TIPOS DE WEB WEB TIPO_ VITRINA COMO COMUNICA? ACORDE AL CONTEXTO CORPORATIVO DE LA MARCA QUE SE PROMUEVE, DIFUNDE Y ADMINSTRA INFORMACION GRAFICA / CONCEPTUAL SOBRE PRODUCTOS Y SERVICIOS PROPORCION DE CONTENIDOS 90% CONTENIDO GRAFICO 10% CONTENIDO ESCRITO

11. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ANALISIS_ ELEMENTOS EXISTENTES EN WWW ANCHO 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 LARGO MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

12. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: CABECERA CABECERA SITUACION: SE PRIORIZA ESPACIO EN PANTALLA TENDENCIA: REDUCCION ALTURA CABECERA GRAFICA SIMPLE, LIMPIA Y PLANA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

13. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: CABECERA CABECERA SITUACION: SE PRIORIZA COMUNICACION VISUAL TENDENCIA: AUMENTO ALTURA CABECERA MAYOR FEXIBILIDAD GRAFICA MENOR RIGIDEZ CORPORATIVA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

14. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: PIE DE PAGINA PIE DE PAGINA SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

15. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: PIE DE PAGINA PIE DE PAGINA SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

16. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: FONDO Y COLOR FONDO Y COLOR SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

17. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: FONDO Y COLOR FONDO Y COLOR SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

18. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: ANCHO Y LARGO DE PAGINA ANCHO Y LARGO SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

19. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: ANCHO Y LARGO DE PAGINA ANCHO Y LARGO SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

20. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: BUSQUEDA DE CONTENIDOS BUSCADOR SITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDA TENDENCIA: SEGMENTACION DE INFO DE BUSQUEDA EN GENERAL Y AVANZADO MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

21. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: BUSQUEDA DE CONTENIDOS BUSCADOR SITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDA TENDENCIA: BUSQUEDA AVANZADA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

22. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: INDICE DE CONTENIDOS NUBE DE TAGS SITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDA TENDENCIA: SEGMENTACION DE INFO DE BUSQUEDA POR ITEM DE CONTENIDOS MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

23. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: CONTENIDO FOTOGRAFICO CONTENIDO_ foto SITUACION: FOTOGRAFIAS COMO COMPLEMENTO Y APOYO DE TEXTO TENDENCIA: USO DE FOTO CON SIGNIFICATIDO EXPLICITO, MAS HUMANAS Y COTIDIANAS MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

24. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: CONTENIDO FOTOGRAFICO CONTENIDO_ foto SITUACION: COMUNICACION GRAFICA / VISUAL DE PRODUCTOS Y SERVICIOS TENDENCIA: USO DE FOTOGRAFIAS DE SIGNIFICADO CONCEPTUAL EXPLOSION DE DETALLES USO DE FOTOGRAFIAS MAS COTIDIANAS MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

25. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: CONTENIDO AUDIOVISUAL CONTENIDO_ fotografia SITUACION: SE INCREMENTA EL USO DE VIDEOS COMO COMPEMENTO Y APOYO DEL TEXTO TENDENCIA: USO DE GALERIAS DE VIDEO DINAMICAS Y CUSTOMIZABLES MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

26. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: CONTENIDO AUDIOVISUAL CONTENIDO_ video SITUACION: SE INCREMENTA EL USO DE VIDEOS COMO COMPEMENTO Y APOYO DEL TEXTO TENDENCIA: USO DE GALERIAS DE VIDEO DINAMICAS Y CUSTOMIZABLES MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

27. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: CONTENIDO AUDIOVISUAL CONTENIDO_ video SITUACION: COMUNICACION GRAFICA / AUDIOVISUAL DE CONTENIDOS DINAMICOS TENDENCIA: USO DE VIDEOS COMO ANIMACIONES INTEGRADOS AL CONTEXTO GRAFICO MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

28. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: CONTENIDO ICONOGRAFICO CONTENIDO_ iconografia SITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDO TENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANA ICONOGRAFIA INTERACTIVA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

29. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: CONTENIDO ICONOGRAFICO CONTENIDO_ iconografia SITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDO TENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANA ICONOGRAFIA INTERACTIVA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

30. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: CAJAS DE INFORMACION CONTENIDO_ cajas info SITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDO TENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANA ICONOGRAFIA INTERACTIVA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

31. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: CAJAS DE INFORMACION CONTENIDO_ cajas info SITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDO TENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANA ICONOGRAFIA INTERACTIVA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

32. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: CATEGORIAS DE INFORMACION Y MENU CATEGORIAS Y MENU SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

33. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ELEMENTOS EXISTENTES EN WWW CATEGORIAS Y MENU SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

34. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA ELEMENTOS EXISTENTES EN WWW CATEGORIAS Y MENU SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

35. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: TEXTO TEXTO SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

36. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ VITRINA: TEXTO TEXTO SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

37. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB_ FUNCIONAL: LINKS LINKS SITUACION: TENDENCIA: MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

38. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA TIPOS DE WEB COMUNICA INNOVA DIFERENCIA MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

39. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB INTEGRADA = WEB VITRINA + WEB FUNCIONAL INTEGRACION CABECERA INTEGRADA CONTENIDO TEXTO IMAGENES VIDEOS AUDIO BUSCADOR Y TAGS FONDO COLOR ANCHO Y LARGO DE PAGINA PIE DE PAGINA FUNCIONAL (informacion + puente) + VITRINA ( difusion de servicios) achicar banner corporativo + INSERTAR Y agrandar banner comunicacionservicios SEGMENTACION DE CONTENIDOS = CAJAS DE CONTENIDOS DESPLEGABLES Y CUSTOMIZABLES TITULOS DE TEXTO LINKEABLES (LEER MAS) GALERIA DE IMAGENES DINAMICAS GALERIA DE VIDEOS DINAMICOS GALERIA DE VIDEOS DINAMICOS Buscadorporcategoriaynubes de tags comoindice de contenidos LIMPIO Y SIMPLE integra (grafica) / diferencia (informacion) contenido CORPORATIVOS apoyado con gama de PASTELES + uso de contasrtes en vitrina Anchoelastico a 80 % de 1024 y largo indefinido= lectura vertical tipoblog Integraciongrafica + insercion de menu especifico de contenidos MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

40. ANALISIS DE TENDENCIAS WEB USO DE INTERFAZ GRAFICA WEB INTEGRADA = WEB VITRINA + WEB FUNCIONAL MISSIONCUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE