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

10 reglas de oro en el diseño editorial

reglas-editorial

Siempre digo que seguramente aprendo y me informo mas de sus comentarios que Uds. de mis artículos y recomendaciones. Y estas últimas semanas creo que ha justificado mis palabras, ya que una vez mas doy con un sitio de gran calidad que desconocía hasta el momento.

El sitio en cuestión es Paredro y el artículo que hoy recomiendo es “10 reglas de oro en el diseño editorial“, sobre todo si recién te lanzas a la fantástica aventura del freelance.

Algunos puntos parecen básicos como cuidar la ortografía pero aunque uno no lo crea, siguen habiendo falta de atención hasta en esos detalles.

Enlace | 10 reglas de oro en el diseño editorial

AnteSabado, un videoblog para disfrutar

antesabado

Si a una bella y simpática presentadora le damos buenas noticias para informar, y si a esto le sumamos que dichas noticias son de diseño y tecnología, entonces podremos decir que tenemos un buen videoblog listo para triunfar.

Este es el caso de AnteSabado, un sitio colombiano que si bien ha nacido hace poco el mismo promete traer buena información relacionada con el mundo que tanto nos apasiona.

Todos las noticias de los 4 episodios que lleva AnteSabado han logrado captar mi atención, en especial:

Asi que ya saben, a mantenerse cerca de este videoblog prometedor. Por mi parte Jennifer, promesa cumplida. 😉

Enlace | AnteSabado

 

 

La Teoría del Cerebro ayuda a mejorar la experiencia del usuario

Teoria del Cerebro

A veces, es muy fácil para convencernos. Ya sea en una discusión con amigos, a la hora de comprar un nuevo par de zapatos, o en la búsqueda de un servicio web en el Internet, si nuestra intuición nos dice que debemos ir por ello, estaremos seguros de estar tomando la decisión correcta. Luego, otras veces, parece que nuestra intuición nos abandona y se necesita algo mucho más convincente para decidirnos. Por lo visto los lados del cerebro tienen sus diferencias.

No es un secreto que nuestro cerebro es capaz de pensar de dos formas distintas. Mientras que el “lado izquierdo” puede ser considerado la parte objetiva, centrándose en la lógica, el “lado derecho” es más subjetivo, emocional e intuitivo. Ya sea que usemos la parte izquierda o derecha de nuestro cerebro, esto no sólo afecta a nuestra toma de decisiones, sino también la forma en que percibimos un sitio web y cómo nos relacionamos con él.

Echemos un rápido vistazo a la teoría de la dualidad del cerebro para recapitular qué parte de nuestro cerebro es responsable de qué. Entonces, vamos a arrojar algo de luz sobre cómo se puede considerar diferentes maneras de pensar en el diseño con el fin de optimizar la experiencia para los visitantes.

Teoría del lado izquierdo y derecho del Cerebro

La teoría del lado izquierdo y derecho del Cerebro fue desarrollado por un americano psico-biólogo llamado Roger Sperry W. a finales de 1960. Investigó que nuestra forma de pensar es diferente entre la parte izquierda y la parte derecha de nuestro cerebro.

Con la parte izquierda primero se miran las piezas para procesarlas en forma analítica y secuencial, antes de ponerlas juntas para obtener el cuadro completo.

En la parte derecha es al revés. En primer lugar se toma toda la imagen y luego nos concentramos en los detalles.

El lado izquierdo del cerebro

Teoria del Cerebro - Lado Izquierdo
El cerebro izquierdo es objetiva y racional. ( Fuente )

Con la parte izquierda de nuestro cerebro, tratamos de ser objetivos y racionales. Podemos centrarnos en los detalles y hechos analíticos y tratamos de ser razonable y práctico. Continuar leyendo…

Blogs de diseño para seguir por Twitter

El amante del diseño siempre busca mas… Mas información, mas recursos, mas inspiración. Y básicamente se debe a que es una profesión que sorprende día a día con nuevas tendencias y técnicas, muchas de ellas ligadas al vertiginoso avance de la tecnología.

Hoy tenemos una gran ventaja para buscar y encontrar material de calidad en la web ya que contamos con las redes sociales y los blogs.

Aquí podrán encontrar 54 cuentas Twitter para seguir con buenos datos sobre diseño, algunas de ellas conocidas como Abduzzedo o InstantShift y otras no tanto pero que invitan a seguirla por su contenido.

Enlace | Web Design Blogs You Should Be Following on Twitter (Lamentablemente no existe mas el blog de referencia)

Los errores mas comunes del Diseñador Freelance #2

los errores mas comunes del diseñador freelance

los errores mas comunes del diseñador freelance

El primer error del diseñador freelance mencionado la semana pasada generó buena polémica y un resultado en la encuesta que de antemano se veía venir… el 70% de los votantes brinda su trabajo de manera gratuita a familiares y amigos. Es algo casi inevitable al parecer. De todas formas cabe aclarar que no se habla de generalidades sino de esos casos específicos en donde la línea es mas delgada. De mas está decir que a mi mujer no le cobro por su sitio, sino ya estaría soltero hace tiempo.

En fin, vamos al segundo error, el cual por lo general nos ha agarrado a todos desprevenidos en nuestros inicios. Este es el trabajar gratis o a muy bajo costo basado en falsas promesas o beneficios futuros muy tentadores.

Creo que la mayoría hemos caído de manera muy “naif” bajo frases de este tipo:

  • “Este es el primero de muchos sitios que tengo pensado realizar. No me mates con el precio y te doy la cuenta de la empresa a vos”. Luego, obviamente, nunca llegarán los sitios prometidos.
  • “Tengo un proyecto muy original con el que podremos sacar buena plata. Pero necesito un sitio para que funcione. Hacelo y vamos 50/50 en las ganancias”. Ahora suena un tanto dificil de creer, no? Pero en nuestros comienzos creo que todos soñamos con este tipo de oportunidades. La pregunta es: Si la idea es tan prometedora, porque no invertir en un sitio web que funcionará como herramienta para generar grandes cantidades de dinero a futuro?
  • “Tengo como clientes a grandes empresas. Mi sitio es una gran vidriera para tu empresa. Eso debería contar en el presupuesto”. Digamos que aqui posiblemente cabe una “guarangada” como respuesta, pero es mejor callar y pasar el presupuesto que corresponde. La mejor respuesta puede ser: “mi trabajo hará lucir esa vidriera mas que ninguna. Cada centavo invertido será bien justificado”.

Por otro lado se encuentran las falsas promesas de “…un sitio simple, con pocas imágenes y texto… algo para tener presencia en la web. Lo necesito urgente…. Presupuestamos en base a eso y nos olvidamos de escribir al final del presupuesto dos frases muy importantes:

“El periodo de validéz del presente presupuesto es de xx días. Pasados los mismos, se deberá actualizar el valor de cada item”.

“El presupuesto se encuentra sujeto a modificación en caso de verse alterado lo conversado y estructurado en la reunión del día xx/xx/xxxx”.

Esto se debe, yendo por orden de las frases, a lo siguiente:

  • Es muy, pero muy común que tengan una reunión, envien el presupuesto y luego el cliente se “cuelgue” en la decisión de contratar tus servicios o bien, te comunique que está de acuerdo con el presupuesto y va a encargarte el trabajo, para luego tardar meses en enviarte la información (texto, imágenes, etc.) necesaria para que puedas trabajar.
  • Mas común que el punto anterior es que ese sitio simple, con pocas imágenes y texto se convierta en un portal de noticias (siendo un poco exagerado en la expresión). Por lo que tendremos que discutir con el cliente haciendole entender que no es lo conversado mientras que con esa simple frase nos ahorramos toda discusión.

[poll id=”3″]