SlideShare uma empresa Scribd logo
1 de 23
<b>COMUNICACIÓN
en códigos</b>
Yimmi Castillo
@YimmiCastillo
@DosPuntoCero_VE
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
La web es más una creación social que técnica. La
diseñé para un efecto social —para ayudar a las
personas que trabajan juntas— y no como un juguete
técnico.
El objetivo último de la Web es apoyar y mejorar
nuestra existencia en la telaraña mundial. Nos
agrupamos en familias, asociaciones y empresas.
Desarrollamos la confianza a grandes distancias, y la
desconfianza a la vuelta de la esquina.
Tim Berners-Lee
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Internet es multimedia
Imágenes: Fotos, infografías
Audio: Podcast, Mp3.
Animaciones: Gif, Flash.
Video: Videoclips, Tutoriales, entretenimiento.
Aplicaciones: Juegos, aplicaciones funcionales,
publicidad interactiva o Richmedia.
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
El 1er paso
Definir objetivos
Objetivos de
negocio
Objetivos de
Mercadeo
Objetivos de
Comunicación
• Publicidad y/o
CRM
• Estrategia digital
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
•Sitios Web:
•Sites
•Redes Sociales
•Publicidad
•Hardware
•Celulares
•Smartphones
•Desktops
•Reproductores de Audio y Video
•Sistemas operativos y lenguajes de programación
•Flash, HTML, HTML5, Java
•Symbian, Android, iOS
•Mac, Windows, Linux
•Firefox, Chrome, iExplorer, Opera, Safari
Proyecto Digital
Diseño
gráfico
Web
Funcionalidad
Contenidos
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Pensar en función del
usuario
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Arquitectura de Información
Es la disciplina y arte encargada del estudio, análisis, organización,
disposición y estructuración de la información en espacios de
información, y de la selección y presentación de los datos en los
sistemas de información interactivos y no interactivos.
Wikipedia
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Arquitectura de Información
¿Qué hace la gente en Internet?
1. Se informa
2. Se entretiene
3. Se educa
4. Se relaciona
¿Cómo lo hace?
1. Buscando y compartiendo información
2. Buscando y compartiendo contenidos
3. Investigando y colaborando en redes
4. Interactuando con otras personas
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Arquitectura de Información
Sistemas de organización: organizar la información contenida en una web para
que sus contenidos sean más fáciles de encontrar por los usuario.
Sistemas de etiquetado: Definición de etiquetas a utilizar para clasificar los
contenidos del sitio. Comprende: enlaces, menús, tags, títulos.
Sistemas de navegación: Ordenación de la navegabilidad del sitio, es decir, la
forma en que las páginas del sitio va a enlazarse entre sí.
Sistemas de búsqueda: Se usan para encontrar información a partir de una
necesidad concreta.
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Accesibilidad
Grado en el que todas las personas pueden utilizar un objeto,
visitar un lugar o acceder a un servicio, independientemente de
sus capacidades técnicas o físicas.
Un sitio “accesible” no necesariamente es un
sitio “usable”
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Accesibilidad
Existen dos atributos a destacar para el tema de la accesibilidad:
Capacidad técnica
Capacidad física
Accesibilidad universal
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
Se refiere a la claridad y la elegancia con que se diseña la
interacción con un programa de ordenador o un sitio web.
Wikipedia
Según Jakob Nielsen: es un atributo de calidad que mide lo fáciles
de usar que son las interfaces web.
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
Rapidez: Las páginas deben cargarse en una media de 4 segundos. Los usuarios
lo más que esperarán en ver el contenido de una página web es de una media
de 10 segundos.
Simplicidad: No forzar a los visitantes a aprender diversos caminos o esquemas
para la navegación en diversas partes del site o abusar de la animación.
Investigabilidad: Facilidad de ser encontrado por los buscadores.
Compatibilidad: Con todos los navegadores y termianles para su fácil
usabilidad.
Actualización: La manera más rápida para que una web pierda credibilidad es
contener la información anticuada.
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
Hay que evitar las confusiones y las interrogantes:
¿Por dónde
empiezo?
¿Por qué ese botón
está allí?
¿Dónde hago clic?
¿Dónde busco lo
que necesito?
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
Hay que ser evidente:
Aquí es (clic)
Aquí busco (clic):
Resultados
Empleo
Aquí empiezo a ver
(clic)
Aquí comparto (clic):
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
Eye tracking
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
<b>COMUNICACIÓN en códigos</b>
@YimmiCastillo
@DosPuntoCero_VE
Usabilidad
http://lacomadre.com.ve
http://thinglink.com
http://myspace.com
http://dospuntocero.com.ve
http://pinterest.com

Mais conteúdo relacionado

Semelhante a Comunicación en códigos

Acciones digitales: innovación y multicanalidad “up to you”
Acciones digitales: innovación y multicanalidad “up to you”Acciones digitales: innovación y multicanalidad “up to you”
Acciones digitales: innovación y multicanalidad “up to you”Cristina Singla
 
Comunicación interactiva
Comunicación interactivaComunicación interactiva
Comunicación interactivaCarla Guevara
 
Herramientas web2 utiles para crear empresa
Herramientas web2 utiles para crear empresaHerramientas web2 utiles para crear empresa
Herramientas web2 utiles para crear empresaYadira Peñaranda
 
Web20 manual
Web20 manualWeb20 manual
Web20 manualviendaro
 
Social media y bancos
Social media y bancosSocial media y bancos
Social media y bancosmarco ruiz
 
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoBenjaminBentez
 
WEB 2.0 --> WEB 3.0
WEB 2.0 --> WEB 3.0WEB 2.0 --> WEB 3.0
WEB 2.0 --> WEB 3.0Monica Henry
 
Contenidos digitales
Contenidos digitales Contenidos digitales
Contenidos digitales DiegoJosue7
 
Trabajo practico nº 5
Trabajo practico nº 5Trabajo practico nº 5
Trabajo practico nº 5Juli Moreno
 
Introducción a la economía digital 2017
Introducción a la economía digital 2017Introducción a la economía digital 2017
Introducción a la economía digital 2017Esteban Romero Frías
 
Comunicacion interactiva M-716
Comunicacion interactiva M-716Comunicacion interactiva M-716
Comunicacion interactiva M-716luisanam27
 
Las organiazaciones-y-web2-0
Las organiazaciones-y-web2-0Las organiazaciones-y-web2-0
Las organiazaciones-y-web2-0lauralodom
 
Investigación 1
Investigación 1Investigación 1
Investigación 1Andi Cortes
 
Marketing electronico
Marketing electronicoMarketing electronico
Marketing electronicoawabee
 

Semelhante a Comunicación en códigos (20)

Sindicatos en internet
Sindicatos en internetSindicatos en internet
Sindicatos en internet
 
Open house 25 de febrero 2012
Open house 25 de febrero 2012Open house 25 de febrero 2012
Open house 25 de febrero 2012
 
Acciones digitales: innovación y multicanalidad “up to you”
Acciones digitales: innovación y multicanalidad “up to you”Acciones digitales: innovación y multicanalidad “up to you”
Acciones digitales: innovación y multicanalidad “up to you”
 
Comunicación interactiva
Comunicación interactivaComunicación interactiva
Comunicación interactiva
 
Herramientas web2 utiles para crear empresa
Herramientas web2 utiles para crear empresaHerramientas web2 utiles para crear empresa
Herramientas web2 utiles para crear empresa
 
Web20 manual
Web20 manualWeb20 manual
Web20 manual
 
29 Sept
29 Sept29 Sept
29 Sept
 
Social media y bancos
Social media y bancosSocial media y bancos
Social media y bancos
 
SITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimientoSITIOS WEB importancia, dedicación y conocimiento
SITIOS WEB importancia, dedicación y conocimiento
 
Sist
SistSist
Sist
 
Sist
SistSist
Sist
 
WEB 2.0 --> WEB 3.0
WEB 2.0 --> WEB 3.0WEB 2.0 --> WEB 3.0
WEB 2.0 --> WEB 3.0
 
Contenidos digitales
Contenidos digitales Contenidos digitales
Contenidos digitales
 
Trabajo practico nº 5
Trabajo practico nº 5Trabajo practico nº 5
Trabajo practico nº 5
 
Introducción a la economía digital 2017
Introducción a la economía digital 2017Introducción a la economía digital 2017
Introducción a la economía digital 2017
 
Conceptos de marketing digital
Conceptos de marketing digitalConceptos de marketing digital
Conceptos de marketing digital
 
Comunicacion interactiva M-716
Comunicacion interactiva M-716Comunicacion interactiva M-716
Comunicacion interactiva M-716
 
Las organiazaciones-y-web2-0
Las organiazaciones-y-web2-0Las organiazaciones-y-web2-0
Las organiazaciones-y-web2-0
 
Investigación 1
Investigación 1Investigación 1
Investigación 1
 
Marketing electronico
Marketing electronicoMarketing electronico
Marketing electronico
 

Último

Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoJUANJOSESANCHEZPEA
 
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfPOLALAGUNADANIELA
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresKengYoshiIngaOchoa1
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfautomatechcv
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaJosAntonioFloresQuis
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxYasmilia
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionssuser1ed434
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxPercyTineoPongo1
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfrociomoral626
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptxStiugaRoberturux
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 

Último (20)

Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
Arquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en MéxicoArquitectura Mexicana Contemporánea en México
Arquitectura Mexicana Contemporánea en México
 
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdfFolleto tríptico turismo en la Ciudad de México simple verde.pdf
Folleto tríptico turismo en la Ciudad de México simple verde.pdf
 
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias TerrestresMedición IRI Diseño de Pavimentos Maestria en Vias Terrestres
Medición IRI Diseño de Pavimentos Maestria en Vias Terrestres
 
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdfINSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
INSTRUCTIVO PARA RIESGOS DE TRABAJO SART2 iess.pdf
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzada
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Plantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptxPlantilla árbol de problemas psico..pptx
Plantilla árbol de problemas psico..pptx
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacion
 
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptxDISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
DISIPADORES-DE-ENERGIA-DIAPOSITIVAS.pptx
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
 
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
5. Nueva Norma E050 Suelos y Cimentaciones 2018.pptx
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 

Comunicación en códigos