advertisement

Diseno aplicaciones moviles_android_ios

33 %
67 %
advertisement
Information about Diseno aplicaciones moviles_android_ios
Design

Published on March 7, 2014

Author: IzaskunSezVelasco

Source: slideshare.net

Description

En el diseño de aplicaciones móviles es importante tener en cuenta aspectos como el color, el tamaño de los elementos o la cantidad de información que mostramos al usuario de una sola vez. En esta presentación analizo una seri de aplicaciones y doy las claves para pensar las cosas antes de diseñarlas.
advertisement

Diseño y usabilidad en aplicaciones móviles

@isaezdesign izaskunsaez.es Diseño Gráfico Diseño print Diseño web Creatividad hola@izaskunsaez.es

El color El tamaño importa Simplifica

El Color

Define la marca / Branding Ayuda a jerarquizar Guía al usuario visualmente

El color

El color

El color

Escoge una paleta de colores reducida esto creará idea de marca

El color

El color Define la marca / Branding Ayuda a jerarquizar Guía al usuario visualmente

El color Si abusamos del color TODO GRITA, los elementos no se jerarquizan y no ayudamos al usaurio a guiarse a través de la aplicación. @isaezdesign 5 @isaezdesign 45 5 45 Mi Biografía Mi Biografía Mi Trabajo Mi Trabajo Mis Seguidores Mis Seguidores Mis Libros favoritos Mis Libros favoritos Mi música preferida Mi música preferida Una paleta de colores reducida afianzará nuestra identidad de marca, nos hará más reconocibles y perdurables en la memoria.

El color SOMOS ANIMALES VISUALES Dos aplicaciones con información de Londres. En una han diseñado un menú simplemente basado en texto, sin ningún tipo de ayuda visual. En la 2ª opción han usado el color para hacer diferenciaciones entre los diferentes aspectos del menú, de forma que con el uso habitual de la aplicación llegará un momento en que si, por ejemplo, vamos a la sección de MAP en lugar de leer la palabra solo veremos el color y la respuesta por parte del usuario será mucho más rápida y por tanto la usabilidad será mayor.

El tamaño importa Photo: Ariel Zambelich/Wired

El tamaño importa ESPACIO DE INTERACTUACIÓN Los espacios de interacción en una aplicación móvil deben ser lo suficientemente grandes para poder interactuar con comodidad. Eliminar los aspectos que no son relevantes como botones que no son de acción directa o características que no aportan nada relevante y que solo agobian visualmente el diseño y no apoyan a al usabilidad de al app es de suma importancia. En estos ejemplos, vemos como los elementos de una y otra aplicación son de muy diferente tamaño: en el diseño superior han tenido en cuenta que se trata de una aplicación donde el usuario interactuará directamente con los platos de DJ y por eso le han dado mucho más tamaño que en el ejemplo inferior.

El tamaño importa EL TAMAÑO DE LOS BOTONES En este ejemplo de nuevo nos encontramos ante una 1ª aplicación donde los botones de acción son demasiado pequeños y están muy juntos entre sí. En el 2º diseño vemos como todo está más euqilibrado visualmente, con iconos lo suficientemente grandes para interactuar con nuestro dedo y con en espaciado entre los elementos que facilita pulsar sobre lo que queremos sin errar.

¡Simplifica!

Simplifica DAME AIRE El diseño en una aplicación debe respirar, esto es, no saturar al usuario visualmente con un exceso de información de una sola vez.

Simplifica AL GRANO Una pantalla de registro no debe tener un exceso de información que pueda llevar a la confusión. Debemos ofrecer la información necesaria de una forma amena y cuanto más visual mejor. De esta forma evitamos distracciones sobre el objetivo que tenemos, en este caso: que el usuario se registre.

Simplifica MUESTRA SOLO LO NECESARIO De nuevo el exceso de información juega a la contra. Muestra al usuario solamente lo que necesite ver y en el momento en que lo necesite ver. La sobreinformación visual no es bienvenida en el diseño de una aplicación.

Diseño en aplicaciones móviles es... Investigar Hacer mockups Hacer más mockups Trabajar con los desarrolladores Trabajar con los de Marketing Darle vueltas al tema del color Optimizar el tamaño de los elementos Usabilidad Accesibilidad ...etc

LOS DISEÑADORES SOMOS LOS ENCARGADOS DE CREAR EXPERIENCIAS NO APLICACIONES

¿Qué herramientas usa un diseñador ? Illustrator Photoshop Inkscape Corel .... La investigación El análisis El testeo Aplicar Mejora contínua

¡Gracias! @isaezdesign

izaskunsaez.es Diseño Gráfico Diseño print Diseño web Creatividad hola@izaskunsaez.es Twitter: isaezdesign

Add a comment

Related presentations

My Music Magazine Pitch

My Music Magazine Pitch

October 30, 2014

music mag pitch

Questionaire charts

Questionaire charts

November 4, 2014

bk

Final research

Final research

November 5, 2014

final research

Cersaie 2014

Cersaie 2014

October 30, 2014

allestimento in cartone per il Cersaie 2014 alberi in cartone scultura in cartone

Quarta turma do workshop de Infografia, ministrado por Beatriz Blanco e Marcos Sin...

Related pages

Smart GalApps | Diseño y desarrollo nativo de ...

Join LinkedIn today for free. See who you know at Smart GalApps | Diseño y desarrollo nativo de aplicaciones móviles iOS y Android desde Galicia, ...
Read more

Diseño Desarrollo Web - Diseño desarrollo web sistemas ...

Diseño Desarrollo Web es una joven empresa que busca brindar soluciones a empresa por medio de las aplicaciones web, ...
Read more

Desarrollo de aplicaciones moviles Android, IOS

... codo en la renovación de nuestra web. Ayudando tanto técnicamente como en lo referido a los contenidos. Desarrollo de aplicaciones moviles.
Read more

Desarrollo y diseño de aplicaciones móviles (Android ...

En Sirius somos conscientes de la importancia que tiene una apariencia atractiva y amigable en aplicaciones web y móvil, ...
Read more

Aplicaciones Móviles en Salamanca, Web, Arduino y ...

Aplicaciones Móviles en Salamanca, Desarrollar Aplicaciones Android e Iphone (IOs), Diseño web, proyectos de arduino, certificaciones energéticas...
Read more

Diseño Desarrollo Web - Diseño desarrollo web sistemas ...

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum ...
Read more

Diseño de aplicaciones móviles Android e IOS para su ...

Diseñamos aplicaciones móviles en málaga para cualquier tipo de sistema operativo, Android o IOS, contamos con los mejores profesionales del sector.
Read more

BITDISTRICT - Desarrollo de aplicaciones móviles (APP ...

... (APP) iOS y Android en Barcelona | aplicaciones web | consultoría y desarrollo de proyectos innovadores con tecnologías móviles. ...
Read more

Aplicaciones Móviles Android - iOS | Negocios

Aplicaciones Móviles para sistemas Android e iOS, ponga su tienda virtual, catálogo y envíe notificaciones directamente al celular de su cliente.
Read more