Category - UI/UX

1
Diseño de Interfaces Web para niños
2
Tutoriales de Sketch
3
Cómo llegar a ser diseñador UI / UX
4
Pebble Time Design Kit – UX
5
LG UX 4.0 – Interfaz de usuario Android para teléfonos LG G4
6
El Arte de la animación en la Interfaz de Usuario
7
Experiencia Volkswagen – Sitio web UI/UX
8
UX Porn – para diseñadores UX – ejemplos, plantillas, interfaz de usuario y más

Diseño de Interfaces Web para niños

ninos-con-tabletas-Brad-Flickinger

Muy buen artículo en Smashing Magazine sobre cómo diseñar interfaces web para niños, muestra algunos temas psicológicos de la forma en que utilizan la web. También cubre directrices de diseño para crear mejores sitios web para ellos.

“Los niños crecen con iPads, teléfonos inteligentes y computadoras, pero eso no quiere decir que se convierten automáticamente en expertos al utilizarlos”.

“Niños menores de 7 años utilizan más las pantallas táctiles y aplicaciones (sobre todo de juegos), no aplicaciones y sitios web basados en un navegador”.

“Los niños mayores de 7 años comienzan lentamente a utilizar Internet de una manera más tradicional – utilizando un navegador para acceder a sitios y aplicaciones web. Los niños mayores de 12 años comienzan a utilizar patrones de interacción como los adultos”.

“Las habilidades de lectura son esenciales para el uso de una interfaz. Los niños aprenden a leer en su lengua materno alrededor de los 6 años (en Dinamarca por lo menos), y alrededor de los 8 años lo dominan hasta el punto de ser capaz de decodificar un lenguaje escrito simple. Aprenden a leer mucho más rápido de lo que aprenden a escribir y deletrear, esto es importante tenerlo en cuenta a la hora de diseñar la navegación, la búsqueda y el contenido”.

“A los 2 años de edad, no se puede controlar un ratón o un trackpad, pero pueden navegar en una tableta. La mayoría de los niños de 6 años ya pueden usar una computadora y manipular el ratón, pero en los últimos tres años de su vida la mayoría han estado jugando con las tabletas. Así que los botones serán los principales factores que determinarán la navegación”.

nationalgeographic-kids

“Si se está diseñando para niños menores de 10 años, se debe hacer que los requisitos de entrada de datos en el teclado sean de forma muy simple. Escribir es difícil para ellos”.

“Los iconos deben tener una clara conexión con el mundo real, porque los niños no han desarrollado todavía una gran cantidad de modelos mentales de iconos abstractos. A medida que crecen, aprenderán más convenciones”.

“Al igual que con cualquier proyecto, las pruebas son esenciales. Pero con los niños, la prueba es una cosa muy diferente. No se puede esperar que sigan tus instrucciones”.

Leer el artículo (en Inglés): Designing Web Interfaces For Kids

Tutoriales de Sketch

Sketch es un programa para Mac que está ganando relevancia, sobre todo para diseño de interfaz de usuario en móviles.
Los de CSSAuthor han creado una lista de buenos tutoriales para que estés listo para este nuevo programa.

sketch-tutoriales

What Makes Sketch.App So Popular?

Prototyping IOS And Android Apps With Sketch

What’s Up With Sketch’s Scissors Tool

Sketch With Material Design

Designing An IOS Fitness Application With Apple Watch Compatibility

How To Create A Smooth Segmented Chart Using Sketch 3 App

How To Create A Cartoon Bomb Icon With Sketch App

9 Sketch Features You Should Be Using

7 Tips For Sketch Users

Learn Sketch 3 (Sketch Tutorial)

Sketch Tips & Tricks

How To Create A Calendar Icon Using Bohemian Coding Sketch

Design A Card Details App Screen In Sketch 3

Design A Bold Email Newsletter In Sketch 3

How To Make Long Shadow Effect With Sketch

How To Create A Flat Styled Icon In Sketch 3

Creating A Vector Logo In Sketch 3

Design A To Do List App Icon With Sketch 3

How To Mock Up A Website With Sketch

The A To Z Of Sketch

7 Rules For Creating Gorgeous UI

Ver más: Best Sketch Tutorials (Video, Article)

Cómo llegar a ser diseñador UI / UX

Existen diferencias entre ser diseñador UI y UX. Los términos a menudo son mal interpretados.
• Un diseñador de interfaz de usuario UI hace que los objetos se ordenen de manera adecuada para el usuario.
• Un diseñador de experiencia de usuario UX por otro lado se ocupa de cómo los objetos le funcionan al usuario.
En esta época algunos diseñadores desean aprender y entender ambas habilidades, mientras que otros prefieren especializarse en uno. Cualquiera que sea tu caso, siempre es un plus saber cómo funciona una y otra.
En la siguiente infografía se puede ver el camino para convertirse en un diseñador de interfaz de usuario o un diseñador de experiencia de usuario.
Se requiere un gran esfuerzo, mucho interés y la comprensión de que no son solo partes pequeñas del diseño gráfico.

how-to-become-a-ui-ux-designer

Experiencia Volkswagen – Sitio web UI/UX

Una buena solución la que se logró con este diseño.

Volkswagen necesitaba crear una base de datos de sus usuarios, para ello se ha creado un formulario de registro amigable y entretenido. El sitio consta de cinco pasos fáciles para unirse a la familia Volkswagen.

experiencia-volkswagen

experiencia-volkswagen-car-info

experiencia-volkswagen-profile-info

experiencia-volkswagen-adress-info

experiencia-volkswagen-account-welcome

El sitio fue creado por Alan (R3DO) Rodríguez.
(R3DO) en Behance

Copyright © 2014. Created by Meks. Powered by WordPress.