SlideShare una empresa de Scribd logo
1 de 23
Descargar para leer sin conexión
<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

Más contenido relacionado

Similar 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
 

Similar 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

Espiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfEspiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfjpgaraglia03
 
Catalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevanteCatalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevantesantiagovelez61
 
diseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxdiseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxlou lou
 
Simuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosSimuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosErickOv
 
elementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxelementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxlou lou
 
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...ORIETTA POLIFRONI
 
periodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfperiodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfacoellob
 

Último (7)

Espiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdfEspiraleros y espirales (3) catálogo.pdf
Espiraleros y espirales (3) catálogo.pdf
 
Catalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevanteCatalogo de diseño contemporáneo relevante
Catalogo de diseño contemporáneo relevante
 
diseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptxdiseño módulos, submódulos y supermódulos.pptx
diseño módulos, submódulos y supermódulos.pptx
 
Simuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito ElectronicosSimuladores Electronicos Del Circuito Electronicos
Simuladores Electronicos Del Circuito Electronicos
 
elementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptxelementos del diseño bases conceptuales, visuales, etc.pptx
elementos del diseño bases conceptuales, visuales, etc.pptx
 
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
Artículo Iluminación y color para el diseño de espacios interiores por Oriett...
 
periodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdfperiodico para ingles / comunicacion.pdf
periodico para ingles / comunicacion.pdf
 

Comunicación en códigos