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. Durante los procesos de diseño, se utilizan métodos para crear productos que van a resolver las necesidades concretas de los usuarios finales, y así, conseguir una mayor satisfacción y una grata experiencia de uso, con el mínimo esfuerzo de parte del usuario.

Este diseño debe ser:

1. Pensado en el usuario.

2. Empático (identificarse con el otro).

3. Crear soluciones.

4. Iniciado y controlado por el usuario.

5. Interactivo.

6. Fácil

7. Usable y entendible

Además se debe basar en tres principios, los cuales son

- Deseabilidad

- Factibilidad (lo que se puede hacer)

- Viabilidad (parte económica)

Para lograr esto, se deben reconocer los problemas de los usuarios y desarrollar estrategias que ayuden a resolverlos, para esto hay una intensión que nos lleva a hacer una acción, y una acción que nos lleva al resultado. 

Algunas de las actividades principales con las que se inician las etapas pensadas en el ser humano son:

1. Entender y especificar el contexto de uso.

2. Especificar los requisitos que tienen los usuarios.

3. Especificar los requisitos que lleve el diseño.

4. Producir soluciones de diseño.

5. Evaluar los diseños con base a los requisitos.

Los principios clave del diseño que están entrados en el ser humano

- Diseño centrado en el usuario.

- Comprender sue ideas y el entorno del usuario.

- El usuario es parte del diseño y el desarrollo.

- Tiene que estar dirigido y refinado por evaluaciones que hacen los usuarios. 

- El proceso debe ser repetitivo. 

- Se dirige a toda la experiencia del usuario.

- Que el diseño se haga con un equipo multidisciplinario.

Línea del Tiempo

Esta fue una actividad realizada como parte del primer parcial, realizando una línea del tiempo grupal con el fin de contener los datos y fechas más importantes vistos durante los temas a lo largo del parcial.

El resultado final fue este…

Diseño de Información

El diseño de la información es solucionar problemas de información para que el lector o el usuario la entienda mejor, se puede conocer como arquitectura de la información o como experiencia del usuario.

Arquitectura de la información: término acuñado por Richard Saul Gurman en 1976, hace referencia al arte y la ciencia de etiquetar y organizar sitios web para apoyar su usabilidad.

Experiencia del usuario: se refiere a la forma de sentir de las personas al usar productos, sistemas o servicios. Tiene que ver con la percepción del usuario en términos prácticos como su facilidad de uso,  utilidad y eficiencia.

Con estos dos diseños de información, lograremos que ésta se acomode y diseñe para que sea una experiencia para el usuario y llegar a un nivel emocional, haciendo que se involucre aún más con lo que estamos presentándole.

El diseñador debe seleccionar, clasificar, describir, estructurar, transformar, organizar, etiquetar y presentar datos conservando solamente aquellos significativos y valiosos, adaptando la información de una manera fácil de usar y entender para nuestro usuario o lector, y así lograr que asimile los contenidos presentados.

Contenidos

Arquitectura + Usabilidad + Contenido + Creatividad = Fácil, atractiva,útil y divertida.

Algunos elementos que nos ayudaran a obtener dichos contenidos:

1. Datos comprensibles,
2. Comprensión de los datos por parte de los diseñadores
3. Estructurar los contenidos
4. Analizar a la competencia
5. Analizar al pùblico objetivo

Tipografía

Conforme el ser humano y la tecnología se desarrollaban, las herramientas que se conocían para el diseño y sus variantes iban cambiando a pesar de la constante preocupación y oposición por parte de los diseñadores, debido al miedo al cambio  y a lo desconocido que todo ser humano experimenta.

Uno de los cambios más significativos fue el de la creación de las tipografías, que en realidad hizo que el proceso para crear una fuente se tornara mucho más sencillo. Como todo cambio, se tiene que pasar por una serie de prueba y error para poder llegar a donde se planea, y la creación de la tipografía digital no es excepción.

Fueron 3 empresas las responsables por este avance, Adobe, Aldus y Apple, quienes comenzaron buscando el almacenamiento de texto y la mejoría en los trazos de las letras. La tipografía digital es el nombre que reciben las tipografías usadas para pantallas o monitores, y son muy distintas a las tipografías usadas para los medios impresos, las diferencias son notables incluso desde el momento de su creación y desarrollo, esto es debido a que las fuentes tipográficas para impresión necesitan contar con una alta resolución y nitidez.

Al momento de pasar estas fuentes a la pantalla, las tipografías tradicionales se deformaban y se veían mal en la pantalla, debido a que el puntaje era menor que si fueran a utilizarse en impresos, además de que en los documentos electrónicos no hay unicamente texto, si no imágenes y contenidos visuales. 

En un principio no había variedad tipográfica y las pocas que salieron a la venta no eran suficientes para las necesidades del diseñador, por lo que surgió el programa WYSIWYG (what you see is what you get), que permitía ver una aproximación de lo que se obtendría a la hora de imprimir. A pesar de que este software era de gran ayuda, las fuentes digitales en formato Post Script seguían teniendo problemas a la hora de imprimirse.

Con el paso del tiempo, es cada vez más común encontrar publicaciones en medios digitales y en soportes web, perdiendo los medios tradicionales (impresos), por lo tanto el desarrollo de fuentes tipográficas digitales es un mercado en expansión.

Otra forma de clasificar las tipografías es haciendo hincapié en la apariencia y en ciertos detalles que hacen a la morfología externa de la letra.

Una clasificación con estas características resulta realmente útil para la práctica de la disciplina del diseño y la comunicación visual.

Existen 2 tipos de estilos tipográficos.

Falso: Cuando no se tiene la familia de la fuente en bold, itálica por lo que se modifican en Word e Illustratormanualmente.
No son diseños precisos ni buenos diseños.

Genuino: Son aquellas familias tipográficas que están completas  (van desde ultra thin a ultra bold) o en ocasiones es una fuente específica para textos normales, otra para títulos y otra para los encabezados.

Formatos de Tipografía

Las fuentes por lo general son multiplataformas (funcionan en PC y Mac) y son escalables (súper grande o chiquita sin perder calidad). Existen 3 formatos:

PostScript- Primer formato pensado para usos digitales e impresos.
TrueType- Hecho por Apple, las fuentes eran compatibles entre PC y Mac. Se usan las fuentes como curvas y tenían un rasterizador que las convertía en mapa de bits, ayudando a que la calidad de las fuentes no disminuya en pantalla.
OpenType- Basado en TrueType, pero con funciones mucho más avanzadas, entre ellas caben muchos más signos, símbolos y glifos.

Gestión de Fuentes

Cargar las fuentes en el sistema es muy pesado, pues a la hora de abrir los programas tiene que cargar todas las fuentes. Es recomendable usar únicamente las fuentes necesarias.

Impresión y Pantallas

Las fuentes pensadas para impresión empezaron a tener problemas al momento de verse en pantalla, por lo que comenzaron a diseñarse fuentes con líneas mucho más limpias. Los defectos principales eran y siguen siendo:

Aliasing: Es un defecto que aparece en pantalla, sobre todo cuando tenemos menor resolución en las pantallas, ocasionando que los bordes de las fuentes se vean dentados, el problema es cuando hay curvas y líneas inclinadas debido a que no tenemos medios pixeles.

Hinting: Decide que pixeles van de color para que los caracteres pequeños se vean más definidos. Esto se hace desde que se está diseñando, viene por default en las fuentes pero el diseñador puede modificarlo.

Unidades de Medida para Tipografía Digital

Ejemplos de Tipografías funcionales para Web

Sitio bien usado y mal usado 

Formatos de Audio, Video y Compresores

Tipos de formatos de imagen

Las imágenes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene.
Los más utilizados en la actualidad son:

Illustrator - .ai

Ventajas 

• Es un formato de archivo de imagen vectorial usado por Adobe Illustrator.
• Es basado en el formato PDF que guarda transparencias.
• Los archivos vectoriales no tienen perdida de calidad, y es posible alterar su tamaño evitando deformaciones

Desventajas

• Los gráficos vectoriales en general no son aptos para codificar fotografías o vídeos tomados en el mundo real.
• Los datos que describen el gráfico vectorial deben ser procesados, el computador debe ser suficientemente potente para realizar los cálculos necesarios para formar la imagen final.
• Su visualización en última instancia tiene que ser traducida a pixeles.

InDesign - .indd

Ventajas

• Es un formato de archivos usados principalmente para publicaciones editoriales.
• Permite la impresión con imágenes de alta calidad.
• Los archivos guardados en esta extensión son livianos.

Desventajas

• No es editable en ningún otro programa al ser nativo de InDesign.
• En caso de que la publicación contenga imágenes, éstas deben estar en una carpeta junto con el archivo, de lo contrario al abrirse en otro equipo, las imágenes desaparecen.

Photoshop - .psd

Ventajas

• Permite la edición del archivo generado en Photoshop.
• Excelente calidad sin pérdida de resolución.

Desventajas

• El único programa que soporta esta extensión es Photoshop, ya que es generada en el mismo.
• Si contiene muchas capas de edición el archivo es muy pesado.

Portable Document File - .pdf

Ventajas

• Son muy fáciles de enviar y recibir debido a que resultan muy livianos y además inviolables.
• Mantienen la apariencia del documento original con las mismas fuentes, imágenes y distribución.

Desventajas

• Requiere de la ejecución de un "plug-in"
• Requiere contar con las últimas versiones del lector (5 o superior).
• El estado de la accesibilidad de herramientas no esta tan avanzado como su rquivalente para HTML.

Tagged Image File Format - .tiff

Ventajas

• Almacena imágenes de una calidad excelente.
• Utiliza cualquier profundidad de color de 1 a 32 bits.
• Es el formato ideal para editar o imprimir una imagen.

Desventajas

• Produce archivos muy grandes, debido a que los archivos TIFF no tienen compresión.

Illustrator Encapsulated Postscript - .eps

Ventajas

• Se pueden guardar imágenes tanto mapas de bits, como vectoriales.
• Es muy utilizado en impresiones profesionales.

Desventajas

• Si se quiere imprimir directamente un archivo EPS, debe usarse una impresora compatible con Postsript.
• Son archivos lentos de procesamiento.
• Si se desean modificar, debe usarse el programa que los creo.

Joint Photographic Experts Group - .jpeg

Ventajas

• Admite una paleta de hasta 16 millones de colores.
• Es ideal para publicar fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y compresión.
• Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG con máxima calidad y sin compresión.

Desventajas

• La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la mayoría de los casos esta pérdida se puede asumir porque permite reducir el tamaño del archivo.
• Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su calidad si se define cierto factor de compresión.

Portable Network Graphic - .png

Ventajas

• Tiene una tasa de compresión superior al formato GIF (+10%)
• Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF.

Desventajas

• No soporta animaciones.
• Produce archivos excesivamente grandes para la reproducción de fotografías o cuadros comparados con los equivalentes archivos JPG.

Graphics Interchange Format - .gif

Ventajas

• Es un formato idóneo para publicar dibujos en la web, ya que soporta animaciones.

Desventajas

• No es recomendable para fotografías de cierta calidad ni originales ya que el color real o verdadero utiliza una paleta más grande de 256 colores.

La Resolución