Diseño centrado al usuario

Jose Ismael Vasquez Mendoza 2018-6842

Prof. Juan Martinez

Diseño plano o Flat Design

El diseño plano es un estilo de

diseño de interfaz que enfatiza
uso mínimo de elementos
estilísticos que da la ilusión de
tres dimensiones (como el uso de
sombras de gota, degradados o
texturas) y está centrado en un
minimalista uso de elementos
sencillos, tipografía y colores
planos.
 Características

Colores: Se suelen utilizar colores vivos en paletas pastel con pocas

variaciones de cada color. Intentar utilizar esquemas de color que
ayuden al usuario a “comprender” el diseño de forma visual y así facilitar
la interacción.
Tipografía, la tendencia es utilizar fuentes sans serif para cuerpos. Para
títulos sirve casi cualquier fuente de fácil lectura, incluso las creativas.
Se suelen utilizar grandes tamaños, al mismo tiempo que se reducen las
longitudes de los títulos y subtítulos.
Mensaje: Si puedes decir algo en 4 palabras no lo digas con 10. Sé
directo y utiliza claras llamadas a la acción. El mensaje suele ir reforzado
con códigos de color para dar jerarquía o importancia a la información.
Ventajas
En dispositivos móviles
Este tipo de diseño facilita el uso y
la comprensión de interfaces
gráficas en pantallas “pequeñas”. El
mejor ejemplo es Android y algunas
aplicaciones como Feedly,
Dropbox, Hangouts… son simples,
fáciles de utilizar, claras y
visualmente atractivas para un
entorno donde se interactúa de
forma táctil y con dispositivos de
hasta 10 pulgadas.
Ambito del diseño web
Creo que gana mucha más relevancia
a nivel estético y de comunicación.
Es decir, aquí es donde tenemos más
“libertad” para utilizar todos los
trucos que queramos para transmitir
una información o interactuar y
podemos hacer uso de elementos
más extensos, por eso, que una web
utilice un diseño más “realista” o
“plano” no creo que sea crucial en lo
funcional, pero si en lo estético.
 El Resposive Design

Es la capacidad que tiene una web para adaptar su formato al dispositivo

desde donde lo estamos viendo. Normalmente se distinguen 4 tipos de
resolución (smarthphones, smarthphones tipo retina, tablets y monitores) y
es aquí donde veo una de las grandes ventajas de utilizar el Flat Design en el
diseño web, y es que es fácilmente adaptable a formatos reducidos,
facilitando la conservación del look & feel de la web y en ocasiones dando un
aspecto de “aplicación” mucho más familiar para el usuario de estos
dispositivos.
Material Design
Material Design

Es un lenguaje visual que sintetiza los principios

clásicos del buen diseño con la innovación de la
tecnología y la ciencia”. Pues bien, si te has
quedado frío con la anterior definición, veamos
qué quiere decir.
 Características
Material design se basa en la
realidad táctil del espacio
racionalizado y el movimiento
constante. Su flexibilidad da
lugar a nuevas posibilidades
que reemplazan las del mundo
físico, pero no violan sus leyes.
La existencia y la interacción de
los objetos en el espacio son
transmitidas a través de los
principios de la luz, la superficie
y el movimiento..
Material design es influenciado
por los elementos clave de
diseño de impresión, es decir,
fuentes, colores, imágenes,
grids, escalas y espacio. Ellos
crean una estructura jerárquica
y significativa que se centra en
la inmersión del usuario en la
experiencia.

Ventajas
Material Design no deja de ser
una guía de diseño, en este
caso de código abierto, que
agiliza y hace más sencillo el
trabajo diario de diseñadores y
desarrolladores, permitiendo
una mayor competitividad de
los equipos. Gracias a Material
Design, diseñadores y
desarrolladores pueden crear
diseños atractivos de forma
ágil.
Si por algo se caracteriza
Material Design es por la
incorporación de sombreados y
diseños tridimensionales que
parecen estar animados, como
si “despegasen” de la pantalla.
Podríamos decir que los
diseños de Material Design son
más vistosos respecto a los de
Flat Design.
Muy diferente al mundo de Flat
Design en el que la sobriedad
lleva la voz cantante y la
sencillez es el leitmotiv.