Tendencias Web

ANALISIS DE TENDENCIAS WEBGRAFICA + CONTENIDOS + COMUNICACION

LORENA HEVIA P.INGENIERO EN DISEÑO DE PRODUCTOS

SARA HORMAZABALDISEÑADORA GRAFICA

ANALISIS DE TENDENCIAS WEBGRAFICA + CONTENIDOS + COMUNICACION

LORENA HEVIA P.INGENIERO EN DISEÑO DE PRODUCTOS

SARA HORMAZABALDISEÑADORA GRAFICA

INTRODUCCION

USO Y MANEJO DE CONTENIDOS

NUEVAS PROPUESTAS COMUNICACIONALES

MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE

WWWANALISIS DE TENDENCIAS WEB

HACIA DONDE VA??EVOLUCIONWWW

SEGMENTO

CONTENIDO

?SEMANTICAWEB 3.0

NICHO

CONTENIDO PERSONALIZADOCUSTOMIZADOINFORMACION ESPECIFICA Y PERSONALIZADA

SOCIALWEB 2.0

SEGMENTACION

CONTENIDO COLABORATIVOINFORMACION COLABORATIVA ARTICULADA A TRAVES DE REDES SOCIALES

INTERNETWEB 1.0

TODO PUBLICO

CONTENIDOESTANDARINFORMACION GENERAL

ANALISIS DE TENDENCIAS

WEBUSO DE INTERFAZ GRAFICA

INTRODUCCION_ EVOLUCION WWW


REDES SOCIALES + COMUNIDADES

BLOGGING

VIDEOS + IMAGENES + MUSICA

WWWANALISIS DE TENDENCIAS WEB

QUE OFRECE HOY

BUSCADORES DE INFORMACION

INFORMACION + CONOCIMIENTO

NEGOCIOS + TRANSACCIONES + PUBLICIDAD

DIVERSION + JUEGOS

? ??ANALISIS DE TENDENCIAS


INTRODUCCION_ WWW HOY



INTRODUCCION_ WWW MAÑANA

CONTENIDOS DE IMAGENCONTENIDOS DE VIDEO

+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

MISSION CUSTOMERS ORGANIZATION INFRASTRUCTURE PRODUCTS AND SERVICES STAFF DEVELOPMENT WHERE WE ARE




ANALISIS_ BCN EN WWW

BIBLIOTECA (CATÁLOGO DE LIBROS + REVISTAS)

INFORMACION PARA LA CIUDADANIA

INFORMACION SOBRE LEYES

CONGRESO (SENADO + DIPUTADOS)

PORTALES Y BLOGS (FACEBOOK + YOUTUBE + BLOG + FLICKR)

SERVICIOS BCN

FUENTE DE INFORMACION ( BCN PUENTE ENTRE CIUDADANIA Y PARLAMENTARIOS)

EXTERNOS_ ASIA PACIFICO + LEGISLATIVO + SIIT + MEMORIA POLITICA + LIGAS MAYORESINTERNOS_ INTRANET + PORTAL PARLAMENTARIO + REPOSITORIO




ANALISIS_ BCN EN WWW

INFORMACION + PUENTE DIFUSION DE SERVICIOS BCN

WEB TIPO_ FUNCIONALOBJ_ ADMINISTRACION DE INFORMACIONMAYOR USO DE CONTENIDO ESCRITO



ANALISIS_ TIPOS DE WEB

WEB TIPO_ VITRINAOBJ_ DIFUSION DE PRODUCTOS Y SERVICIOS

MAYOR USO DE CONTENIDO GRAFICO




WEB TIPO_ FUNCIONALCOMO COMUNICA?ADMINISTRA INFORMACION, GENERALMENTE ESCRITA, EN BASE A SECCIONES DE CONTENIDO VARIADO APOYADO POR1. FOTOGRAFIA E INFOGRAFIAS2. AUDIO3. VIDEO

PROPORCION DE CONTENIDOS20% CONTENIDO GRAFICO80% CONTENIDO ESCRITO




WEB TIPO_ VITRINACOMO COMUNICA? ACORDE AL CONTEXTO CORPORATIVO DE LA MARCA QUE SE PROMUEVE, DIFUNDE Y ADMINSTRA INFORMACION GRAFICA / CONCEPTUAL SOBRE PRODUCTOS Y SERVICIOS

PROPORCION DE CONTENIDOS90% CONTENIDO GRAFICO10% CONTENIDO ESCRITO


WEB_ VITRINACABECERA

CONTENIDOTEXTO

IMAGENESVIDEOSAUDIO

BUSCADOR Y TAGS

FONDO COLOR

ANCHO Y LARGO DE PAGINAPIE DE PAGINA

ANCHO

LARG

O



ANALISIS_ ELEMENTOS EXISTENTES EN WWW

WEB_ FUNCIONALCABECERACONTENIDOTEXTOIMAGENESVIDEOSAUDIOBUSCADOR Y TAGS

FONDO COLORANCHO Y LARGO DE PAGINAPIE DE PAGINA

CABECERASITUACION: SE PRIORIZA ESPACIO EN PANTALLATENDENCIA: REDUCCION ALTURA CABECERAGRAFICA SIMPLE, LIMPIA Y PLANA




WEB_ FUNCIONAL: CABECERA



WEB_ VITRINA: CABECERA

CABECERASITUACION: SE PRIORIZA COMUNICACION VISUALTENDENCIA: AUMENTO ALTURA CABECERAMAYOR FEXIBILIDAD GRAFICA MENOR RIGIDEZ CORPORATIVA




WEB_ VITRINA: PIE DE PAGINA

PIE DE PAGINASITUACION:TENDENCIA:




WEB_ FUNCIONAL: FONDO Y COLOR

FONDO Y COLORSITUACION:TENDENCIA:




WEB_ VITRINA: FONDO Y COLOR

FONDO Y COLORSITUACION:TENDENCIA:




WEB_ FUNCIONAL: ANCHO Y LARGO DE PAGINA

ANCHO Y LARGOSITUACION:TENDENCIA:




WEB_ VITRINA: ANCHO Y LARGO DE PAGINA

ANCHO Y LARGOSITUACION:TENDENCIA:




WEB_ FUNCIONAL: BUSQUEDA DE CONTENIDOS

BUSCADORSITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDATENDENCIA: SEGMENTACION DE INFO DE BUSQUEDA EN GENERAL Y AVANZADO




WEB_ FUNCIONAL: BUSQUEDA DE CONTENIDOS

BUSCADORSITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDATENDENCIA: BUSQUEDA AVANZADA




WEB_ FUNCIONAL: INDICE DE CONTENIDOS

NUBE DE TAGSSITUACION: MAYOR IMPORTANCIA ACCION DE BUSQUEDATENDENCIA: SEGMENTACION DE INFO DE BUSQUEDA POR ITEM DE CONTENIDOS




WEB_ FUNCIONAL: CONTENIDO FOTOGRAFICO

CONTENIDO_ fotoSITUACION: FOTOGRAFIAS COMO COMPLEMENTO Y APOYO DE TEXTOTENDENCIA: USO DE FOTO CON SIGNIFICATIDO EXPLICITO, MAS HUMANAS Y COTIDIANAS




WEB_ VITRINA: CONTENIDO FOTOGRAFICO

CONTENIDO_ fotoSITUACION: COMUNICACION GRAFICA / VISUAL DE PRODUCTOS Y SERVICIOSTENDENCIA: USO DE FOTOGRAFIAS DE SIGNIFICADO CONCEPTUALEXPLOSION DE DETALLESUSO DE FOTOGRAFIAS MAS COTIDIANAS




WEB_ FUNCIONAL: CONTENIDO AUDIOVISUAL

CONTENIDO_ fotografiaSITUACION: SE INCREMENTA EL USO DE VIDEOS COMO COMPEMENTO Y APOYO DEL TEXTOTENDENCIA: USO DE GALERIAS DE VIDEO DINAMICAS Y CUSTOMIZABLES




WEB_ FUNCIONAL: CONTENIDO AUDIOVISUAL

CONTENIDO_ videoSITUACION: SE INCREMENTA EL USO DE VIDEOS COMO COMPEMENTO Y APOYO DEL TEXTOTENDENCIA: USO DE GALERIAS DE VIDEO DINAMICAS Y CUSTOMIZABLES




WEB_ VITRINA: CONTENIDO AUDIOVISUAL

CONTENIDO_ videoSITUACION: COMUNICACION GRAFICA / AUDIOVISUAL DE CONTENIDOS DINAMICOSTENDENCIA: USO DE VIDEOS COMO ANIMACIONES INTEGRADOS AL CONTEXTO GRAFICO




WEB_ FUNCIONAL: CONTENIDO ICONOGRAFICO

CONTENIDO_ iconografiaSITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDOTENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANAICONOGRAFIA INTERACTIVA




WEB_ VITRINA: CONTENIDO ICONOGRAFICO

CONTENIDO_ iconografiaSITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDOTENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANAICONOGRAFIA INTERACTIVA




WEB_ FUNCIONAL: CAJAS DE INFORMACION

CONTENIDO_ cajas infoSITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDOTENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANAICONOGRAFIA INTERACTIVA




WEB_ VITRINA: CAJAS DE INFORMACION

CONTENIDO_ cajas infoSITUACION: INTERFACES MAS HUMANAS PERMITEN INTERACTUAR CON ICONOS PARA NAVEGACION DE CONTENIDOTENDENCIA: ICONOGRAFIA DE GRAFICA MAS HUMANAICONOGRAFIA INTERACTIVA




WEB_ FUNCIONAL: CATEGORIAS DE INFORMACION Y MENU

CATEGORIAS Y MENUSITUACION:TENDENCIA:




ELEMENTOS EXISTENTES EN WWW

CATEGORIAS Y MENUSITUACION:TENDENCIA:




WEB_ FUNCIONAL: TEXTO

TEXTOSITUACION: TENDENCIA:




WEB_ VITRINA: TEXTO

TEXTOSITUACION: TENDENCIA:




WEB_ FUNCIONAL: LINKS

LINKSSITUACION: TENDENCIA:





TIPOS DE WEB

COMUNICAINNOVADIFERENCIA

FUNCIONAL (informacion + puente) + VITRINA ( difusion de servicios)

ACHICAR BANNER CORPORATIVO + INSERTAR Y AGRANDAR BANNER COMUNICACION SERVICIOS

INTEGRACION

CABECERA INTEGRADA

CONTENIDO

TEXTO

IMAGENES

VIDEOS

AUDIO

BUSCADOR Y TAGS

FONDO

COLOR

ANCHO Y LARGO DE PAGINA

PIE DE PAGINA

TITULOS DE TEXTO LINKEABLES (LEER MAS)

GALERIA DE IMAGENES DINAMICAS

GALERIA DE VIDEOS DINAMICOS

GALERIA DE VIDEOS DINAMICOS

SEGMENTACION DE CONTENIDOS = CAJAS DE CONTENIDOS DESPLEGABLES Y CUSTOMIZABLES

LIMPIO Y SIMPLE INTEGRA (GRAFICA) / DIFERENCIA (INFORMACION) CONTENIDO

CORPORATIVOS APOYADO CON GAMA DE PASTELES + USO DE CONTASRTES EN VITRINA

BUSCADOR POR CATEGORIA Y NUBES DE TAGS COMO INDICE DE CONTENIDOS

ANCHO ELASTICO A 80 % DE 1024 Y LARGO INDEFINIDO= LECTURA VERTICAL TIPO BLOG

INTEGRACION GRAFICA + INSERCION DE MENU ESPECIFICO DE CONTENIDOS




WEB INTEGRADA = WEB VITRINA + WEB FUNCIONAL



WEB INTEGRADA = WEB VITRINA + WEB FUNCIONAL


Tendencias Web

Documents

Transcript of Tendencias Web