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

Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 

Último (20)

Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 

Comunicación en códigos