Share
Si los últimos nueve meses han demostrado algo, es que el diseño de la aplicación para iPad será un viaje salvaje. En este artículo, analizaremos cinco consejos para ayudarlo a crear diseños de iPad!
Siendo un diseñador, obviamente me interesan las interfaces de usuario personalizadas, pero también entiendo lo rápido que puede descarrilarse el tren de diseño. Si desea diseñar una interfaz de usuario personalizada, concéntrese en los siguientes elementos:
Flipboard es un gran ejemplo de una aplicación que no tiene navegación tradicional, pero que te sumerge completamente en la experiencia. No te pierdas la navegación porque fluyes directamente hacia el contenido..
Las interfaces personalizadas te permiten hacer muchas cosas geniales con lo que yo llamo diseños en capas, cuando varias partes del diseño se desplazan de forma independiente. En algunos casos, no se revela todo el contenido al usuario hasta que entienden cómo se mueve cada una de estas capas. Entonces, la pregunta que tienes que responder es: ¿Cuánto le dejas al usuario por descubrir??
En Buena caza, el usuario puede deslizar las imágenes superiores hacia la izquierda y hacia la derecha, lo que revela más imágenes que, si no las deslizó, no sabría que estaban allí. Para el área del artículo, que se desplaza hacia arriba y hacia abajo, los usuarios esperan deslizar el texto hacia arriba y hacia abajo, pero no necesariamente las imágenes en la parte superior.
¿La solución? Pruebas. ¿Cuánto tiempo me llevó descubrir que las imágenes en la parte superior se deslizan hacia la izquierda y hacia la derecha para revelar más imágenes? Tal vez después de un minuto de jugar con él. ¿Y el resultado? En realidad me sorprendió gratamente, no me molestó que no fuera más obvio.
Una característica realmente interesante de la aplicación CNN es la capacidad de sostener y deslizar el dedo sobre las noticias en la parte inferior y obtener una vista previa del título de la historia. ¡Bonito! Evita que el usuario devuelva los golpes para explorar todas las historias.
Lo bueno de iPad desde el punto de vista del diseño es que puedes ser un renegado. Los usuarios no se resisten a las aplicaciones que no usan "estándar". controles de navegación. El truco está en crear una experiencia de usuario atractiva que aún le permita navegar la aplicación con facilidad.
Una de las cosas número uno que debe tener en mente cuando esté explorando diseños "alternativos":
Minimizar la necesidad de los usuarios de "ayuda"..
Esto significa que no hay botones de ayuda, ningún signo de interrogación, ningún botón de información "i". Nada de eso. Un diseño bien pensado no necesita esta información superflua (se debe a los gritos de enojo y al agitar los puños).
Antes de que te pongas las bragas en un fajo, esto no significa que no puedas dar "pistas". Las sugerencias son consejos sutiles, relevantes para el contexto, que proporcionan un suave empujón cuando un usuario está debatiendo qué hacer a continuación..
Traducir su diseño de retrato a paisaje, o viceversa, es un dolor. Lo sé. Es como diseñar una aplicación completamente nueva, al menos desde el punto de vista del diseño. La clave a tener en cuenta aquí es no cambiar la experiencia del usuario.!
Por ejemplo, no muchas aplicaciones tienen el lujo de poder traducir tan bien como Note Taker, que es casi una coincidencia exacta:
Cool Hunting es un ejemplo más común de cómo las aplicaciones basadas en contenido cambian de una cuadrícula a una vista de lista. No cambia dramáticamente la forma en que el usuario interactúa con la aplicación:
En las aplicaciones que se cargan en contenido dinámico, siempre debe saber cómo ese contenido puede cambiar la experiencia del usuario cada vez que abre la aplicación. La aplicación CNN es un gran ejemplo de dos cosas:
La interfaz no respira. Parece tan caótico como las noticias, las imágenes se amontonan unas junto a otras y los titulares son prácticamente ilegibles. Cuando estés tratando de cargar contenido dinámico, dale algo de espacio para estirarse. Nunca se sabe cómo puede verse día a día, así que planifique el máximo absoluto desde el punto de vista de la copia / imagen y trabaje hacia atrás, lo que permite suficiente espacio para cualquier tipo de contenido que pueda necesitar para vivir allí..
Y ahora la imagen del héroe. No estoy seguro de si en la pantalla de abajo es solo una coincidencia, pero su imagen se ve atraída por el héroe rojo. El punto focal secundario es la chaqueta roja de la mujer. Piense en cómo las imágenes que carga dinámicamente pueden hacer que el ojo del usuario salte de un sitio a otro..
¿La solución? Cree llamadas a la acción gráficas que anulen cualquier imagen que se cargue en la aplicación. CNN intentó hacer esto con las? Historias principales? Banner, pero realmente no aparece sobre la imagen del gran héroe.
¡Esta es una de las tareas más difíciles para cualquier desarrollador, diseñador y probablemente incluso expertos en UX! Y es particularmente importante con las aplicaciones de iPad, donde las interfaces de usuario no están tan estandarizadas. Predecir el próximo movimiento de los usuarios puede ser un desafío, pero tengo un truco que realmente ayuda.
Así que digamos que tienes una aplicación que ayuda a las personas a encontrar un zoológico con monos. Ha ejecutado los escenarios de casos de uso, incluso sabe quién es su público objetivo que REALMENTE ama a los monos. El siguiente paso es dibujar tus imágenes y esquemas basados en cómo estos usuarios interactuarán con la aplicación para encontrar a sus queridos monos..
Tú dibujas los alambres. Los pegas en la pared. Se ve muy bien Todo tiene sentido - 'Ya he terminado', crees. Ahora, aquí está el consejo asesino:
NO TOQUE LA IDEA POR DOS DÍAS!
En serio, no lo toques, no lo pienses, no lo envíes por correo electrónico. Borrar la palabra? Mono? de tu vocabulario. Bien, esto se está volviendo un poco tonto, pero la idea es que no puedes entrar en la mente del usuario a menos que tengas OJOS FRESCOS.
Y nunca tendremos ojos completamente nuevos, pero en mi propio trabajo descubrí que tomarme un descanso en un proyecto y centrarme en otra cosa, catapulta mi capacidad de ir más allá de los bloques creativos y ver una aplicación a través de los ojos del usuario..
Accentsconagua