Ebook. Diseñando Apps para móviles

ebook

Diseñando apps para móviles” es un ebook en español escrito por Javier “Simón” Cuello y José Vittone, dos diseñadores argentinos que vivimos en Barcelona. En el libro cuentan a lo largo de más de 10 capítulos el proceso de diseño y desarrollo de una aplicación —para Android, iOS y Windows Phone— desde la idea inicial hasta la publicación en las tiendas.

Los contenidos, explicados en un lenguaje sencillo y fácil de entender, se apoyan en numerosos ejemplos de aplicaciones reales, buenas prácticas de diseño y enlaces a información complementaria.

El Porqué

En Internet hay mucho material sobre diseño de aplicaciones, pero la mayoría está en inglés. La documentación en español está dispersa y suele ser difícil de encontrar. Esto es un inconveniente sobre todo para aquellos diseñadores que están comenzando y aún no tienen buenas guías de referencia.

simonCuando nos estábamos iniciando en este trabajo, varias veces quisimos buscar algo y terminamos con una fea sensación de desconcierto al no encontrarlo: el ligero mareo mental de sentirse perdido en un inmenso mar de información.

JAVIER “SIMÓN” CUELLO

Esto fue un poco lo que les pasó a los autores años atrás: “cuando empezamos a diseñar aplicaciones no conseguíamos suficiente material, además de las confusas guías oficiales de cada sistema operativo. Esta fue la razón principal que nos motivó a contar en un libro nuestra experiencia profesional y a compartir los conocimientos adquiridos en los últimos años, incluso, aquellas cosas que nos hubiera gustado que alguien nos dijera”.

Para quien es el ebook

Los contenidos del libro están pensados especialmente para diseñadores, con o sin experiencia en el diseño de aplicaciones, que quieran involucrarse en el proceso deproducción de una app de principio a fin. Igualmente, se tocan conceptos de interacción y diseño visual, comparando permanentemente a Android, iOS y Windows Phone.

vittonePor supuesto, tampoco nos hemos olvidado de los programadores, pues el mercado exige aplicaciones de calidad que puedan destacarse de las demás y no basta solo con que se vean bien. Deben, además, funcionar y ser fáciles de usar.

JOSÉ VITTONE

Los desarrolladores que quieran incorporar a su trabajo conceptos de usabilidad y experiencia de usuario, también podrán beneficiarse de los contenidos para conseguir aplicaciones que funcionen adecuadamente y sean de uso fácil para el usuario.

Los Capítulos

Los capítulos del libro no contemplan solo el diseño visual de una aplicación. Se ven, además, temas de mercado, pruebas con usuarios o promoción de la app. Aunque los temas se describen de manera global, en muchos capítulos se establecen paralelos entre Android, iPhone y Windows Phone.

Acá, una sinopsis de los capítulos:

Las aplicaciones

En este capítulo se presenta un panorama general del mundo de las aplicaciones. Explican de dónde vienen y las diferencias entre las apps y las web móviles. Además, se establecen los distintos tipos de aplicaciones según la forma en que se desarrollan. Finalmente, se resume el proceso de diseño de principio a fin.

Entendiendo las posibilidades

El horizonte al comenzar a diseñar apps puede ser algo confuso. En este capítulo se establece las diferentes categorías de aplicaciones según el contenido y sus posibles formas de monetización. Al mismo tiempo, realizan comentarios de las bases para formar un equipo de diseño y desarrollo, teniendo en cuenta los perfiles de trabajo y el equipamiento necesario.

Explorando ideas

Entendiendo que hay miles de aplicaciones, añadir una más a la oferta existente significa enfrentarse con muchísimos competidores. Acá se desarrolla la conceptualización de una idea de app que, basada en necesidades reales, debe diferenciarse de las demás y ofrecer valor.

Definiendo la propuesta

La propuesta conceptual comienza a formalizarse con el diseño de wireframes y prototipos, basados en investigaciones previas de usuarios reales que ayudan a conocer para quién se diseñará. En este capítulo se presentan diferentes herramientas y técnicas para pasar la idea inicial a un plano tangible.

Interacción y patrones

La interacción es diferente en cada sistema operativo: acciones y navegación son distintas en Android, iOS y Windows Phone. Aquí encontrarán esquemas para comprender estas diferencias y determinar cuáles son las mejores opciones para conseguir una aplicación fácil de usar.

Diseño visual

La personalidad visual de cada sistema operativo es lo que lo hace único e imprime su sello en cada componente de la interfaz: colores, tipografías, botones e íconos, entre otros elementos. En este capítulo lleno de imágenes se ejemplifica las buenas prácticas y casos destacables de aplicaciones que han resuelto adecuadamente su interfaz.

Probando con usuarios

Una app necesita ser probada con usuarios para evaluar aspectos de usabilidad. Aquí se habla principalmente de los test guerrilla, aquellos que sin mucha inversión permiten obtener rápidamente feedback de los usuarios para corregir y mejorar aspectos esenciales de la aplicación.

Preparando los archivos

Una vez terminado el diseño, las imágenes deben prepararse para el desarrollador. En este capítulo se cuenta todo lo que hay que tener en cuenta a nivel de densidades de pantalla, tamaños y nombres de imágenes para ser usadas en el proyecto.

El mundo tableta

Muchas aplicaciones existen tanto para móviles como para tabletas; estas últimas con grandes diferencias respecto a los teléfonos. Acá se explica cómo, además del tamaño de pantalla, el contexto de uso condiciona el desarrollo de una app para tabletas.

Lanzando la app

Una aplicación necesita pasar los procesos de aprobación de las diferentes tiendas y, una vez publicada, debe analizar datos estadísticos y comentarios de usuarios para realizar mejoras y corregir errores de funcionamiento. En este capítulo se presentan diferentes herramientas y buenas prácticas para lograr un lanzamiento exitoso y, posteriormente, aprovechar la información estadística para mejorar la app.

Enlace

20 tableros Pinterest obligados para todo diseñador

A menudo buscamos inspiración en la web cuando nos vemos atascados en el dilema de como será nuestro próximo diseño.  Pero la pérdida de tiempo es grande si navegamos a la deriva, por lo que tener a mano buen material recopilado en tableros de Pinterest puede ser una salvación.

En el siguiente enlace podrán encontrar 32 tableros Pinterest para seguir si lo que buscan es material sobre interfaces de usuario, ya que la lista sugerida tiene una fuerte inclinación a este tipo de diseño.

Por otro lado, muchas de las imágenes UI que se muestran en los tableros tienen un enlace hacia el archivo fuente, por lo que no solo servirá de inspiración sino también para hacernos de una buena cantidad de material sumamente útil.

Enlace

Plan de negocios gratuito

plan-negocios

Si están por comenzar un emprendimiento propio seguramente quieran hacer las cosas de forma ordenada. Para ésto, no será la primera vez que escuchen de un plan de negocios para establecer los objetivos y planificar los fundamentos en los que se basará nuestro proyecto.

La verdad es que he buscado mucho sobre este tema en la web y de todo lo que he encontrado, este plan de negocios de una página me ha convencido bastante. Por un lado el hecho de que el plan de negocios es resumido, sin vueltas y directo al grano. He visto otros planes que lo único que hacen es marear con tantos cuestionamientos que a la hora de implementarlo se torna dificil de seguir. Por otro lado, este plan de negocios viene acompañado de textos muy interesantes para la lectura.

Enlace | Plan de Negocios

Duolingo. Aprende inglés con este curso online gratuito

duolingo

En los tiempos que corren saber hablar inglés, o por lo menos defendernos ante él comprendiendo que estamos leyendo o escuchando es fundamental.

Para el que no lo conoce, Duolingo es una excelente opción para aprender inglés entre otros idiomas (para los de habla hispana de momento solo está inglés).

Por un lado porque es gratuito, sin cargos extras, subscripciones o anuncios publicitarios. Esto es algo dificil de conseguir hoy en día.

Por otro lado, porque la mejor manera de aprender es jugando. Y Duolingo hace posible justamente eso. En una interfaz muy intuitiva y agradable para la vista, juegas con corazones como vidas, perdiendo los mismos por tus respuestas incorrectas y subiendo de nivel a medida que los logros se van dando.

Al loguearte por medio de Twitter o Facebook, puedes invitar a tus amigos para que mientras estamos aprendiendo podamos realizar una sana competencia por medio de rankings.

Por último, la ventaja que también se encuentre disponible para móviles hace que podamos llevar nuestro aprendizaje al lugar que querramos, aprovechando esperas o viajes de la mejor forma.

Enlace | Duolingo
Vía | CodigoGeek

Yuujoo. Plataforma de crowdfunding sobre e-learning

Ya para estas alturas todos habrán escuchado hablar de crowdfunding (traducido a nuestro idioma, financiación colectiva) y seguramente han visto mas de un sitio que financia con esta metodología diversos proyectos.

Hoy les quiero contar de un sitio que me pareció muy interesante llamado Yuujoo, en donde tendrán la posibilidad de instruirse en diversas ramas informáticas relacionadas con el diseño por el precio que cada uno pueda o quiera pagar dentro de varias alternativas.

En Yuujoo tendrán dos posibilidades:

Explorar Cursos

Si están buscando capacitarse sobre Photoshop, After Effects, desarrollo de juegos o modelado 3D entre otros, encontrarán mas de una propuesta interesante para cursar.

Crear un Curso

Si son docentes y están en busca de una nueva forma de brindar capacitación estimando el ingreso que desean por un curso, aquí podrán entregar la propuesta y probar este novedoso sistema.

Yuujoo se encuentra en español e inglés y podrán encontrar cursos desde $1 USD en adelante.

Enlace | Yuujoo

23 fuentes profesionales para diseñadores

Nada mejor que comenzar la semana con una buena lista de fuentes recomendadas para incorporar algunas de ellas, seguramente, a nuestra colección de tipografías preferidas para nuestros trabajos.

Nuevamente es la gente de Webneel la que nos trae otra selección de fuentes de excelente calidad, todas ellas gratuitas y listas para descargar y comenzar a utilizarlas. Seguramente mas de una ya la hayan visto, pero en toda colección siempre podemos encontrar esa fuente que nos enamorará…. a revisar un poco.

Enlace | 23 Professional Free Fonts for Designers

Recursos y plantillas para RWD

Con el título no quise mas que generar algo de intriga para los que no están mucho en el diseño web… lo reconozco. Las siglas RWD no son mas que otra cosa que Responsive Web Design, algo que con la llegada del HTML5 comenzó a sonar mas fuerte. Y básicamente es porque hoy en día se puede pensar en hacer un único sitio “adaptable” a todos los medios y formatos: PC, tablet, teléfonos, etc.

En verdad hace tiempo que quería escribir sobre este tema, pero no encontraba la cantidad de recursos que imaginaba necesario para hacer del tema un buen artículo.

Comencemos a ver (y a pensar) algo de diseño adaptable con estos recursos y plantillas recomendadas:

Borradores

Todo diseño comienza (o debería comenzar) en una hoja de papel en lo que usualmente se llama por mis pagos borrador. Esto no es mas que la estructura dibujada a mano de como será el sitio.

Comenzar a pensar en un diseño adaptable para todos los medios no es simple. Es por eso que ya hay en la web una buena cantidad de estructuras (wireframes) compartidos para ayudarnos a ver nuestro sitio para varios soportes.

Responsive Wireframes

Ir a Responsive Wireframes >

Style Tiles

Ir a Style Tiles >

Continuar leyendo…