comunicación en códigos

23
<b>COMUNICACIÓN en códigos</b> Yimmi Castillo @YimmiCastillo @DosPuntoCero_VE

Upload: yimmi-castillo

Post on 09-Jul-2015

151 views

Category:

Design


0 download

DESCRIPTION

Arquitectura de información en proyectos digitales

TRANSCRIPT

Page 1: Comunicación en códigos

<b>COMUNICACIÓNen códigos</b>

Yimmi Castillo

@YimmiCastillo@DosPuntoCero_VE

Page 2: Comunicación en códigos

<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

Page 3: Comunicación en códigos

<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.

Page 4: Comunicación en códigos

<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

Page 5: Comunicación en códigos

<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

Page 6: Comunicación en códigos

<b>COMUNICACIÓN en códigos</b>@YimmiCastillo

@DosPuntoCero_VE

Pensar en función del usuario

Page 7: Comunicación en códigos

<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

Page 8: Comunicación en códigos

<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

Page 9: Comunicación en códigos

<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.

Page 10: Comunicación en códigos

<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”

Page 11: Comunicación en códigos

<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

Page 12: Comunicación en códigos

<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.

Page 13: Comunicación en códigos

<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.

Page 14: Comunicación en códigos

<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?

Page 15: Comunicación en códigos

<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):

Page 16: Comunicación en códigos

<b>COMUNICACIÓN en códigos</b>@YimmiCastillo

@DosPuntoCero_VE

UsabilidadEye tracking

Page 17: Comunicación en códigos

<b>COMUNICACIÓN en códigos</b>@YimmiCastillo

@DosPuntoCero_VE

Usabilidad

Page 18: Comunicación en códigos

<b>COMUNICACIÓN en códigos</b>@YimmiCastillo

@DosPuntoCero_VE

Usabilidad

Page 19: Comunicación en códigos

<b>COMUNICACIÓN en códigos</b>@YimmiCastillo

@DosPuntoCero_VE

Usabilidad

Page 20: Comunicación en códigos

<b>COMUNICACIÓN en códigos</b>@YimmiCastillo

@DosPuntoCero_VE

Usabilidad

Page 21: Comunicación en códigos

<b>COMUNICACIÓN en códigos</b>@YimmiCastillo

@DosPuntoCero_VE

Page 22: Comunicación en códigos

<b>COMUNICACIÓN en códigos</b>@YimmiCastillo

@DosPuntoCero_VE

Page 23: Comunicación en códigos

<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