Diseño UI / UX: Práctico. Lograr un equilibrio entre lo innovador – Usabilidad web y seo

Diseño UI / UX: Práctico. Lograr un equilibrio entre lo innovador

Vistas: 101
0 0
Tiempo de lectura:1 Minutos, 30 Segundos


Hay muchos factores técnicos a tener en cuenta al diseñar para un entorno de producción en el que sus diseños deben reproducirse en código y entregarse a miles de personas en múltiples plataformas.

Especificación de diseño

Puede definir el diseño con las herramientas que desee, pero sepa que CSS flexbox y grid es lo que se utilizará en el código para representar su diseño, punto.

El posicionamiento absoluto no ocurre en el mundo real, ya que hay millones de dispositivos en miles de tamaños. Establezca márgenes, relleno, puntos de interrupción de medios y deje de lado todo lo demás.

Especificación de tipo

La tipografía ha recorrido un largo camino en la web y en las plataformas nativas, pero todavía está muy lejos de donde probablemente deba estar para una reproducción absoluta al 100% de técnicas tipográficas extravagantes.

Muchas cosas pueden salirse con la suya ahora, pero sepa que si está tratando de encasillar en línea con fines súper artísticos, es muy probable que lo esté pasando mal, así que manténgalo simple.

Especificación de componentes

Aquí está el truco: cuando diseñamos para web / nativo, diseñamos las relaciones entre los componentes constituyentes que componen nuestra aplicación y afectan la experiencia de nuestros usuarios.

El punto es que desea componentes consistentes, precisos y reproducibles que funcionen de la misma manera en diferentes tipos de dispositivos para la mejor usabilidad general.

Especificación de interacción

Esto es estupido. Veo tantas animaciones extrañas después de los efectos de fotogramas clave que (aunque son geniales) consumen mucho tiempo y son costosos para jugar en plataformas web y nativas.

Sí, esta transición entre componentes con estado interdependientes parece SUPER genial y profesional, tal vez NO lo hagamos para MVP para que sus desarrolladores no pierdan la cabeza tratando de recrearla en CSS, JS, GSAP y WebGL / Three.js.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post Diferencia entre UI y UX
Next post Encontrar un cofundador técnico. Las habilidades de programación no son tan importantes como

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta