Línea del tiempo

Línea del tiempo

Diseño centrado en el ser humano

El diseño centrado en el ser humano

Es una filosofía que se basa en las necesidades y los intereses del usuario en el proceso de diseño se emplean métodos que van a servir para crear productos que van a resolver necesidades muy concretas del usuario final tratando de conseguir una mayor satisfacción y mejor experiencia de uso y el usuario va a usar el mínimo esfuerzo .

Como debe ser:

• Pensando en el usuario
• Tiene que ser empático
• Crear soluciones
• Controlado e iniciado con el producto
• Interactivo
• Fácil
• Usable y Entendible

Debe estar basada en 3 principios:

• Deseabilidad: lo que la gente quiere
• Factibilidad: Lo que se puede hacer
• Viabilidad: parte económica

Actividades que hacer cuando se inicia un proyecto:

• Entender el contexto del uso
•  Especificar los requisitos del usuario
• Especificar los requisitos de la organización
• Producir soluciones de diseño
•  Evaluar el diseño con base a los requisitos

Principios:

• Basado en una comprensión del usuario
• Usuario se involucra en el diseño y desarrollo
• El usuario evaluara el proyecto y el diseño y esas evaluaciones van  a definir el diseño.
• El proceso debe de ser repetitivo
• Se dirige a toda la experiencia del usuario
• Multidisciplinario

Infografia

Arquitectura de la información

Diseño de Información

El diseño de información es solucionar problemas del diseñador para que el usuario lo entienda mejor.

Usan diseños centrados en el ser humano ósea en el usuario y crean toda una experiencia para que además de que esta sea entendida se pueda  crear un  nivel de emoción y así se involucrara mas con esa información.

Varias definiciones:

• Arquitectura de la información: Richard Saúl 1976.

La arquitectura es el arte y la ciencia de organizar y etiquetar sitios web para apoyar la usabilidad se apoyara de la experiencia del usuario.

• Experiencia de usuario: forma en la que las personas se sienten al utilizar un producto, servicio o sistema tiene que ver con la percepción de esa persona como que tan fácil es.

Los diseñadores deben seleccionar, clasificar, describir estructurar, transformar, organizar ,etiquetar y presentar datos valiosos haciéndolos fáciles de entender y así ayudaremos a que el usuario pueda asimilar esos contenidos para que los entienda mejor.

Como diseñadores debemos hacer entornos intuitivos para que le usuario los entienda rápido y de una forma lógica y que todos los datos que estén ahí sean importantes.

Cosas que debe de contener una información:

• Datos comprensibles
• Analizar competencia
• Analizar publico objetivo
• Fácil
• Atractiva
• Útil
• Divertida

Esto se logra con una buena arquitectura, usabilidad, buenos contenidos, estratégias y creatividad.

Ensayo

ENSAYO

Si bien sabemos que todo en este mundo debe de estar actualizado la tipografía es algo que a lo largo de los años a cambiado en demasiados aspectos principalmente para que el lector tenga una lectura mucho mas placentera y su vista no se canse A todos nos ocurre que cuando leemos un texto nos saltamos una oración o en su defecto regresamos a la misma línea que ya habíamos leído, esto en cuanto a un libro físico pero que pasa en cuanto a los textos digitales. Steve Jobs fue uno de los primeros en pensar en como podría verse un texto en un monitor contando la Macintosh con múltiples tipografías con espacio proporcional.

El libro digital nació en julio de 1971 con el Proyecto Gutenberg, iniciativa de Michael Hart, para distribuir gratuitamente obras del dominio público por vía electrónica.

Hart creyó que los ordenadores llegarían a ser asequibles para el público y decidió hacer disponibles obras de literatura a todos los que pudieran acceder a la red. Al parecer tenía una copia de la Declaración de Independencia de los Estados Unidos a mano y ésta se convertiría en el primer texto electrónico del Proyecto Gutenberg. Hart comenzó también a digitalizar la obra completa de Shakespeare con ayuda de

voluntarios, incluyendo cada obra de teatro en un archivo. Aquella edición nunca se ha podido poner en línea, debido a que entre tanto, había entrado en vigor una ley de copyright que protegía los comentarios y notas de aquella edición.

Cada día son más los documentos complejos que incluyen componentes gráficos diversos que deben manterner su posición dentro de la página Por ello, como señala Andersson, se precisa un formato que permita cambiar los datos después de su conversión en el RIP. Esas modificaciones tienen en cuenta los distintos tipos de requisitos de impresión o de pruebas y las entregas que no necesitan impresión.

Si bien sabemos que todo en este mundo debe de estar actualizado la tipografía es algo que a lo largo de los años a cambiado en demasiados aspectos principalmente para que el lector tenga una lectura mucho mas placentera y su vista no se canse

A todos nos ocurre que cuando leemos un texto nos saltamos una oración o en su defecto regresamos a la misma línea que ya habíamos leído, esto en cuanto a un libro físico pero que pasa en cuanto a los textos digitales.

Steve Jobs fue uno de los primeros en pensar en como podría verse un texto en un monitor contando la Macintosh con múltiples tipografías con espacio proporcional.

Se trataba de fuentes cuya representación en pantalla se realizaba en base a un mapa de bits. No existían muchas tipografías de repertorio y las pocas que se comercializaban no seguían una de las máximas necesarias para cualquier diseñador: WYSIWYG (what you see is what you get). Las primeras fuentes digitales en formato postscript, aunque podían imprimirse correctamente en una impresora láser (con intérprete de postscript incorporado), sus contornos no ofrecían el mismo aspecto en la pantalla. Su visualización en pantalla era poco más que un trámite que no podían obviar.

El primer gran paso en pro de una mejora sustancial de la renderización de los contornos en pantalla lo dio Adobe con su gestor ATM (Adobe Type Manager) que incluía un suavizado (antialiasing) de los contornos.

Más tarde Apple implementó el suavizado de contornos en su sistema operativo MacOS X (1999-2001).

hasta la introducción en lenguaje HTML de las especificaciones que facilitaron la creación de hojas de estilo CSS que la tipografía empezó a jugar un papel determinante en el diseño de la edición electrónica.

Las llamadas «web-safe fonts» aquellas fuentes que se encuentran disponibles en la mayoría de los ordenadores y que han sido el «bread and butter» de cualquier página web, van a convertirse muy pronto en un recurso del pasado.

El «tag» @fontface permite emplear cualquier fuente de repertorio, aunque el usuario no disponga en su ordenador de dicha fuente al visualizar la página web en su navegador.

Zuzanna licko diseño fuentes como Oakland, Emperor o Universal con el objetivo de conseguir una fidelidad máxima de visualización en monitores de 72ppi.

PDF es un formato que no requiere interpretación, concebido para ser rápidamente visualizado en pantalla, aunque no permite manipular la imagen de alta resolución ni modificar el tramado. Lo que se pretendía solucionar es la imposibilidad de corregir los archivos PostScript una vez creados, cuando actualmente se hace cada vez más necesario pensar en los diversos soportes que deben transmitir una misma información.

El libro digital nació en julio de 1971 con el Proyecto Gutenberg, iniciativa de Michael Hart, para distribuir gratuitamente obras del dominio público por vía electrónica.

Hart creyó que los ordenadores llegarían a ser asequibles para el público y decidió hacer disponibles obras de literatura a todos los que pudieran acceder a la red. Al parecer tenía una copia de la Declaración de Independencia de los Estados Unidos a mano y ésta se convertiría en el primer texto electrónico del Proyecto Gutenberg. Hart comenzó también a digitalizar la obra completa de Shakespeare con ayuda de

voluntarios, incluyendo cada obra de teatro en un archivo. Aquella edición nunca se ha podido poner en línea, debido a que entre tanto, había entrado en vigor una ley de copyright que protegía los comentarios y notas de aquella edición.

Cada día son más los documentos complejos que incluyen componentes gráficos diversos que deben manterner su posición dentro de la página Por ello, como señala Andersson, se precisa «un formato que permita cambiar los datos después de su conversión en el RIP. Esas modificaciones tienen en cuenta los distintos tipos de requisitos de impresión o de pruebas y las entregas que no necesitan impresión».

Estas evoluciones en la tipografía digital nos facilitan la lectura en un monitor ya que de por si es cansado.

En conclusión hay miles de formas ahora de poner texto digital en diferentes plataformas y para diferentes dispositivos, con la información anterior debemos ser conscientes de la selección adecuada de cualquier tipografía para que los usuarios tengan una forma mas cómoda de lectura.

Estilos Tipogáficos

Estilos tipográficos 

Falsos:

• Se modifican a la mala
• La inclinamos para hacerla cursiva
• Las versalitas las hacemos minúsculas y pequeñas.
• No modificar las fuentes que tenemos 

Genuina

• Fuente completa que incluye versales y versalitas números, signos, símbolos, fracciones etc.

1. Familias: tienen por lo menos Bold e Itálicas .
2. Súper familias: Muchas mas fuentes en una sola familia desde la thing hasta la Ultrablack.

Una fuente tiene que estar en las carpetas del sistema para que estén en la computadora y verlas en los diferentes programas .

• Multiplataforma: se ven en diferentes programas y en diferentes dispositivos son escalables.

Se recomienda tener  programas para gestión de fuentes , la gestión de fuentes nos va a ayudar a tener carpetas y dividirlas ya sea por familia o por proyecto de esta forma no saturamos el sistema operativo.

Algunos programas de gestión de fuentes son:

• Suit Case 
• Font Book

Formatos de tipografía:

1. Post Script : Primer formato para tipografía de uso rudo y usarlas bien en computadora. Tenían dos archivos uno para pantalla y uno para impresión.

1. True Type: Los tipógrafos tenían mayor control tanto para diseñar como para usar las fuentes es mucho mas fácil , se hizo compatible el uso de fuentes en mac y en pc ya eran mucho mas fácil de adaptarse a las rasterización.

1. Open Type: basado en true type casi 66000 glifos entran todas letras todos los números la A puede tener 3 o 4 diseños fue una de las cuestiones mas revolucionaras, ya podemos tener glifos de otros idiomas, la Ñ y fracciones.

1. Fuentes de impresión y de pantalla: estaban pensadas para impresión cuando llegan las pantallas es un grave problema por la resolución, aliasing efecto visual de escalonado que se hace en las curvas e inclinadas y entre mas baja sea la resolución de pantalla mayor será el efecto.

         Cuando se diseña tipografía  para pantalla se diseñan mejores tipografías sin tantas            curvas y se diseñan mas cuadradas. 

         El antialiasing hace que no se vea el escalonado en las tipografías.

Hinting: el tipógrafo diseña su letra con todo y su hinting para que no se haga el efecto de escalonado en las curvas.

Tipográfia

Tipografía en Medios Digitales

Helvética

Creada por Max Miedinger en 1957 . Helvética es una fuente Sans Serif (sin remates) de carácter elegante ideal para cuerpos de texto debido a su sencillez y fácil lectura.

Se caracteriza por su neutralidad, versatilidad y alta legibilidad.

Favorece mucho su uso el hecho de contar con tantos pesos distintos, que la hacen adecuada en prácticamente cualquier contexto.

Georgia

Georgia es una tipografía con serifa transitoria diseñada en 1993 por Matthew Carter para Microsoft Corporation. Está diseñada para una mayor claridad en monitor, incluso en tamaños pequeños, particularmente debido a una mayor altura de la x1.

IMPACT

No es legible en texto corrido ya que al momento de reducir la tipografía no se lee debido a que es condensada y pesada.

EUROSTILE 

Neuzeit S

Errores Tipográficos

Este error ocurre al tratar de justificar totalmente un párrafo. Al pensar en diseñar textos para web hay que tratar que funcionen como plantillas para que otras personas agreguen contenido y que el diseño funcione siempre. Los diseñadores web no pueden ajustar individualmente el espacio entre letras o entre palabras para una línea de texto específica como en un impreso.

Cursiva o Script

La cursiva o script no añadirá más “clase” a un diseño, debe usarse con moderación.Es cierto que en ocasiones una fuente cursiva puede resultar agradable en un trabajo determinado, pero en la mayoría de los trabajos de diseño su uso es más bien innecesario.

Varias Fuentes Tipográficas

El uso de múltiples fuentes en un sitio web, revista o cualquier pieza de diseño puede confundir y distraer la atención del lector. Una regla general es utilizar como máximo tres fuentes diferentes en un diseño (aunque hay excepciones).