LC2primera clase

Sitios Web necesarios para el curso

Comunidad los Digitales

Los Digitales corresponde a una Red Social de Diseñadores para Medios Digitales de América Latina y España, la cual fue creada hace alrededor de un mes y ya tiene más de 270 integrantes.

http://www.losdigitales.com

Blog en Wordpress

Un blog es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente. Es la abreviación de weblog, que proviene de las palabras web y log. Log en inglés es diario, entonces web log es un diario publicado en Internet. Wordpress posee casi cuatro millones de blogs

http://lenguaje2.wordpress.com

Slideshare

Es una forma de compartir las presentaciones, en PowerPoint, PDF, etc. , con el mundo. Slideshare hace con las presentacio-nes lo que YouTube hace con los videos.

http://www.slideshare.net

LC2

Twitter

Es un servicio para amigos, familia, compañeros de trabajo, etc. para comunicar y permanecer conectados através del rápi-do intercambio de respuestas frecuentes a la simple pregunta, ¿Qué estás haciendo?

http://twitter.com

Flickr

Es un sitio web para compartir imágenes. Puede usarse como soporte a diferentes comunidades on-line con diferente sopor-te en plataformas, generalmente es considerado un ejemplo nuevo de la futura navegación Web 2.0. Tiene una gran popu-laridad, la cual se debe en parte a la gran comunidad on-line que accede al servicio, así como a las herramientas que permi-ten al usuario etiquetar las fotos. Actualmente, Flickr alberga más de dos mil millones de imágenes.

http://flickr.com

LC2

Metodología

EstrategiaEl benchmark consiste en investigar diseños anteriores relacionados al que se quiere llevar a cabo, por ejemplo, si se quiere hacer el sitio web de CocaCola se comparan los sitios web de todas las otras bebidas (competencia), para así obtener fortalezas y debilidades.

benchmark

El coaching se hace cuando el cliente lo necesita y así se pueden detectar sus carencias. Consiste en explicarle lo que significa hacer el trabajo que requiere.

coaching

Conversaciones con la “otra gente” de la empresa, aquellos que no son los que contratan, pero saben bastante sobre el funcionamiento de la empresa. Ellos, por ejemplo, las secretarias, pueden hacer varios aportes que favorecen la elaboración y buen funcionamiento de lo que se va llevar a cabo.

conversaciones guiadas

Se hacen preguntas al cliente para obtener una expresión de este. ¿qué tiene?, ¿qué quiere?, ¿qué necesita?, etc.

briefing

LC2

Estudio del comportamiento del usuario Luego de recolectar información sobre el usuario mediante

observación directa, entrevistas y cuestionarios, se definen perfiles de usuarios en base a atributos en común? necesi-dades de información condiciones de acceso, experiencia y conocimientos. Esto permite conocer al usuario, lo cual es fundamental para el diseño, ya que a él a quien está dirigido.

modelamiento de usuarios

Nos dan un profundo entendimiento de las motivaciones de la gente y procesos de pensamiento de ella. Los modelos men-tales del usuario predicen las acciones del sistema, es por esto que es fundamental tenerlos claros para el diseño y su usabili-dad. Nos son útiles para conocer mejor a los usuarios y de esta manera, lograr desarrollar mejores productos para ellos.

modelos mentales

El enfoque “persona” y la creación de “escenarios” son técnicas que les facilitan ponerse en el lugar del usuario y diseñar la web adecuadamente para este. Las “personas” son descripcio-nes detalladas de los usuarios de un sitio web y sus metas. Un “escenario” es la descripción de una “persona” en una situación de uso del sitio web con una meta concreta. Para ello los dise-ñadores deben tratar de olvidar sus conocimientos previos y habilidades y sustituirlos por los de la “persona”.

personas y escenarios

Se evalúa el diseño para ver como este va a influir en en usua-rio, por lo tanto, en este proceso participan los uuarios me-diante tests.

evaluación y test

“Seguimiento de los ojos” es el proceso de evaluar el punto donde se fija la mirada o el movimiento del ojo en relación con la cabeza. Se utiliza para saber qué de los sitios llama la aten-ción al usuario.

eyetracking

Herbert Spencer, Diseñador Gráfico y profesor de la Escuela de Arquitectura y Diseño de la PUCV, dice,

“Si el diseño del producto final interpreta correc-tamente el modelo mental del usuario, no existirá colisión entre espectativas y respuesta del sistema, la curva de aprendizaje será menor y el producto será altamente “apropiable”.

LC2

LC2

Arquitectura de la información índice de contenidos

La técnica de “card sorting” se basa en la observación de cómo los usuarios agrupan y asocian entre sí un número predeter-minado de tarjetas etiquetadas con las diferentes categorías temáticas del sitio web.De esta forma, partiendo del comportamiento de los propios usuarios, es posible organizar y clasificar la información de un sitio web conforme a su modelo mental.

card sorting

Los mapas de navegación indican los principales conceptos incluidos en el espacio de la información y las interrelaciones que existen entre ellos. Un mapa es, por ejemplo, una repre-sentación del sitio web para orientar al usuario durante el recorrido o para facilitarle un acceso directo al lugar que le interese. La interacción se da entre la web y el usuario cuando ambos intercambian información.

mapas de navegación e interacción

Los wireframes son una representación esquemática de una página web. No es el diseño propiamente dicho sino la forma en que vamos a ordenar los elementos de la página y el peso que cada elemento va a tener dentro de ella.Utilizar wireframes en el proceso de creación de una web ayuda a fijar los objetivos del sitio web y las necesidades del usuario que deben ser cubiertas

wireframe

Antes que todo hay que organizar los contenidos y cómo estos van a aparecer ante el usuario.

Organización y estructuración de espacios de información en función de las necesida-des informativas de los usuarios.

LC2

Diseño de interfazelección de tipografías apropiadas para lo que se está hacien-do. Estas se definen dependiendo de lo que se quiere proyec-tar

definición tipográfica

elección de las imágenes apropiadas. En esta parte es fun-damental la dirección de arte, la cual define que es lo que se quiere mostrar es cada imágen y sus usos.

definición de imágen

se encarga de organizar. en un espacio determinado, los distin-tos contenidos escritos y visuales.

diagramacion

elección de los colores que se van a usar, dependiendo de las sensaciones que se quiere producir en el usuario.

definición cromática

los íconos son los símbolos gráficos que se utilizan para repre-sentar archivos de datos, programas de aplicación e instruccio-nes. Proporcionan una idea de su significado o de su función y, de esta forma, el usuario puede recordar o intuir fácilmente para qué sirven.

iconografía

Diseño front

a a a

LC2

Recursos

Google Docs

Google Documents es un servicio gratuito de Google, que sirve para almacenar y administrar documentos de texto y ho-jas de cálculo directamente desde Internet, sin necesidad de un programa externo. Además dispone de un soporte multi-formato para cargar y descargar archivos. No requiere instalar nada porque trabaja de forma remota con una interfaz Web.

google documents

InDesign

Es una aplicación de maquetación desarrollada por la compa-ñía Adobe Systems para diseñadores gráficos para la composi-ción profesional de páginas.

adobe indesign

Photoshop

Es una aplicación en forma de taller de pintura y fotografía que trabaja sobre un “lienzo” y que está destinado para la edición, retoque fotográfico y pintura a base de imágenes de mapa de bits o conocidos en Photoshop como gráficos rasterizados.

adobe photoshop

LC2

Fireworks

Es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) pero destinado para el manejo de gráficos vectoriales con gráficos en mapa de bits y que ofrece un ambiente eficiente para la creación rápida de prototipos de sitios Web e interfaces de usuario como para la creación y optimización de Imágenes para web.

adobe fireworks

Illustrator

Adobe Illustrator es una de las mejores aplicaciones para la creación y edición de gráficos vectoriales.

adobe illustrator