Comunicación en códigos
-
Upload
yimmi-castillo -
Category
Design
-
view
155 -
download
0
description
Transcript of Comunicación en códigos
<b>COMUNICACIÓNen 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ónEs 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 informa2. Se entretiene3. Se educa4. Se relaciona
¿Cómo lo hace?
1. Buscando y compartiendo información2. Buscando y compartiendo contenidos3. Investigando y colaborando en redes4. 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
AccesibilidadGrado 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
UsabilidadSe 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
UsabilidadHay 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):
ResultadosEmpleo
Aquí empiezo a ver (clic)
Aquí comparto (clic):
<b>COMUNICACIÓN en códigos</b>@YimmiCastillo
@DosPuntoCero_VE
UsabilidadEye 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
Usabilidad
http://lacomadre.com.ve
http://thinglink.com
http://myspace.com
http://dospuntocero.com.ve
http://pinterest.com