Diseño Centrado en el Ser Humano

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 resolverán necesidades concretas de los usuarios finales y así conseguir una mayor satisfacción y una grata experiencia de uso con el mínimo esfuerzo del parte del usuario.

Diseño pensado en el ser humano:

1. Pensado en el usuario
2. Tiene que ser empático
3. Debe ser para crear soluciones
4. Iniciado y controlado por el usuario
5. Interactivo
6. Fácil
7. Usable y entendible

El diseño centrado en el ser humano debe estar basada en 3 principios:

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

Se necesita identificar los problemas del usuario y crear estrategias para resolverlos. Para lograr esto debe haber una intención que nos lleva a realizar una acción y esa acción nos lleva a un resultado.
Algunas de las actividades principales con las que se inician las etapas pensadas en el ser humano.

Entender y especificar el contexto de uso
Especificar los requisitos que tiene el usuario
Especificar los requisitos del diseñador
Producir soluciones de diseño
Evaluar los diseños con base en los requisitos

Principios clave del diseño que están centrados en el ser humano:

- Centrado en el ser humano y comprender las tareas y el entorno del usuario.
- El usuario se involucra tanto en el desarrollo como en el diseño.
- Tiene que estar dirigido y refinado por evaluaciones que hacen los usuarios.
- El proceso tiene que ser repetitivo
- Se dirige a toda la experiencia del usuario.
- El proyecto se realiza con un equipo multidisciplinario.

Diseño de Información

DISEÑO DE INFORMACIÓN

Es lo relacionado a solucionar problemas de información para que el usuario la entienda mejor.

Se le conoce como ARQUITECTURA DE LA INFROMACIÓN que va mas allá del diseño y lo acuño Richard Saul Gurman en 1976 y lo explicaba como el arte y la ciencia de organizar y etiquetar sitios web para apoyar la usabilidad.

Por otro lado esta la EXPERIENCIA DEL USUARIO que tiene que ver con la percepción del usuario en términos prácticos , como la facilidad de uso y la eficiencia.

Con estos términos y su conocimiento ayuda que el diseño y organización de la información con el fin de crear una experiencia a nivel emocional y que el usuario se involucre mucho mas con la información presentando.

Para lograrlo tenemos que seleccionar, estructurar, clasificar, transformar, organizar y etiquetar datos conservando solamente datos valioso y significativos. Para asi presentar la información de forma util para nuestro usuario meta y pueda asimilar los contenidos.

Ayudar a la navegación para asimilar los datos.

Presentar la información de forma atractiva, fácil , útil y divertida.

AQUITECTURA + USABILIDAD + CREATIVIDAD + CONTENIDO = FUNCIONAL

Para lograr esto tenemos que entender los datos y hacerlos comprensibles.

Estructuar los contenidos , 

Analizar la competencia y luego analizar al público obtenido.

Ensayo grupal de Tipografías para web y ejemplos personales:

Linea de Tiempo Primer Parcial

Linea de Tiempo en Forma de Árbol

Tipografía

ESTILO TIPOGRÁFICO

• FALSOS: itálicas, versalitas y bold que se modifican manualmente , es décir, no existen se utilizan herramientas para hacerlas, nos on diseños precisos.
• GENUINOS: familias (estilos de las fuentas) tipográficas completas.

( Las super familias que van de de ultra thin, a heavy, black )

FORMATOS DE TIPOGRÁFIA

Las fuentes son escalables (varìan tamaños in perder calidad) y multiplataformas (Mac o PC)

- Primeras fuentes son FontSript. Pensado en tipográfias digitales para impresión
- TrueType es de Apple con mayor compatibilidad con rasterizador a mapa de bits y ya eran curvas. Mejor resolución en pantalla,
- Open Type evolución de TrueType con opciones mas avanzadas, mas signos, glifos y símbolos

GESTIÓN DE FUENTES

Cargar en sistema las fuentes, es muy pesado.
Usar solo fuentes necesarias.

IMPRESIÓN Y PANTALLAS

Anteriormente las fuentes estában pensadas en impresión pero para monitores se deformaban, finalmente se hicieron pixel fonts , mejoraron contornos y puseiron especial atención en las ascendentes y descendentes.

ALIASING

Es un defecto que tenemos en pantalla sobre todo con lienas inclinadas. Se aprecia como un escalerado. Se disimula con colores mas claros.

HINTING

Define que pixeles se aclaran para visualizar mejor la imágen.

Formatos de Imagen, Audio y Video

FORMATOS DE IMÁGEN

• PSD: El formato PSD es nativo del programa para edición de imágenes Adobe Photoshop, este programa ha liderado durante años, la edición profesional de fotografías y gráficos digitales en mapas de bits.

• AI: Formato nativo de Illustrator, solo este programa lo puede editar. Se basa en el formato PDF, pero Acrobat no lo lee correctamente. 

• EPS: es un formato vectorial (para dibujos esquemáticos, diagramas, diseños gráficos…) que muchos diseñadores usan también para las imágenes de mapas de bits (raster) (es decir: Fotografías) cuando quieren siluetearlas). 

• INDD:Un archivo indd es un archivo creado con Adobe InDesign. Adobe InDesign es un programa de diseño que se utiliza para diseñar trabajos como pósters, folletos, manuales, revistas, libros.

FORMATOS DE AUDIO

• WAV : Fue creada por IBM y Microsoft, solo se puede abrir en Windows, no comprime datos por lo tanto es pesado.
• MP3: es muy estándar, muy usado a nivel mundial, mas comercial, si tiene compresión pero de igual manera pedida, no es de buena calidad.
• OGG: buena compresión, poca perdida de calidad, es libre y gratis, no existen patentes, usado en Spotify, ,muy bueno para Internet.
• OGA: Es para audio exclusivamente.
• AAC: advange audio coding, tiene compresión con perdida y es muy usado en Internet., compatible con Apple.
• WMA: Windows Media Audio, tiene perdida, es difícil de copiar.

FORMATOS DE AUDIO

• MP4: Es de moving pictures experts group, se puede sincronizar audio y video. puede tener animación o interactividad. 
• DIVX: Formato de video digital, se puede visualizar en vario dispositivos y reproductor, comprime y mantiene calidad.
• AVI: Audio Video Interleave , es de Microsoft, sincroniza audio y video lo mejor es que soporta varios flujos de audio. Se puede ver en otros reproductores, tiene audio en MP3 y video en DIVX
• WMV: Windows media video que es de microsoft, es decir, para windows, combina audio con WMA , es exclusivo de Windows o VLC, puede tener derechos o estar protegidos.
• REAL VIEO: audio REAL AUDIO, es muy difundido en Internet, no tiene buena calidad, alta compresión, ha funcionado en intercambios de Internet, archivos muy pequeños, utilizado para streaming.
• FLV: Flash video de Adobe, tiene un reproductor Flash Player, es uno de lo mas populares en YouTube, se puede ver casi en todos los sist. operativos, audio generalmente ne MP3.
• 3GP: Extensión utilizada en móviles, sirve para almacenar audio y video, grabar y reproducir video, y es compatible con 3G
• CODEX: Contenedores, reproductores de archivos. sirven para convertir. Un codex mas usado es Matroska donde podemos tener mucha información, software libre y los archivos son MKV (video)  MKA (audio) MKS (subtítulos).
• tambien existe OGG media OGGM  

Crucigrama

medios de internet