Lo aprendido de diseñar +2000 pantallas UI para las marcas más influyentes del mundo

¡Comparte en tus redes sociales!

Por: Bella Salazar

Primero voy a presentarme:

Soy venezolana, radicada en Londres. Creo en el acceso equitativo a la información y la tecnología para crear un mundo más justo e inclusivo, es por esto que me gustaría compartir mis conocimientos de todo lo aprendido de UI/UX con los hispano hablantes.

Como diseñadora UI/UX ayudé a mejorar la experiencia de usuario en Capgemini UK, una de las compañías más influyentes de IT en el mundo, donde tuve la oportunidad de trabajar en proyectos para empresas como: Heathrow Airport, Lloyd RegisterJaguar & Land Rover (JLR), Parcel forceHorizon (nuclear plant), BSHUnilever y General Electric, por nombrar algunas de las más importantes.

Además, tuve la oportunidad de rediseñar la App de Poker Stars para el tour Europeo de Poker, fui co-líder de una de las 10 mejores aplicaciones en mi país, y ahora soy líder del equipo de experiencia de usuario en ELLE Store Francia.

By Bella Salazar for Elle.fr

Nota: He aprendido todo esto de excelentes diseñadores y muchos ensayos y errores. Si aprendiste algo de este artículo, compártelo con otro diseñador.

1. Pon prioridad a tus diseños

Establece prioridades. En primer lugar, esfuérzate en cumplir todos los requerimientos, luego puedes continuar con las animaciones e ilustraciones personalizadas.

Esto nos lleva a…

2. A nadie le interesan las animaciones

Siento decir esto, pero a pesar de que soy fan de las animaciones, los productos más conocidos en el mundo tienen muy pocas y las usan de manera muy inteligente. En algunos casos pasan de ellas. Este es el caso de Facebook, Instagram, Medium o Slack.

Estos productos valen millones de dólares, no por sus animaciones sino porque resuelven problemas y son valiosos para los usuarios.

Por supuesto, hay momentos y lugares para las animaciones pero empieza poniendo tu tiempo y esfuerzo en entregar un trabajo con la mejor experiencia de usuario, luego dedícale todo el tiempo a diseñar una linda iconografía.

3. Sigue los patrones

Los patrones de diseño o guidelines se llaman de esta manera porque se encuentran en todas partes. Los usuarios están acostumbrados a hacer las cosas de cierta manera, no intentes cambiarlo. Generalmente los usuarios tienen una expectativa de la experiencia.

Si estás interesado en diseñar una App para Google Play, puedes seguir los patrones de diseño establecidos por Material Design.

“Material Design es un lenguaje visual que sintetiza los principios clásicos del buen diseño con la innovación de la tecnología y la ciencia.”

Si deseas diseñar para Apple, existen patrones de diseño para macOS, iOS, watchOS y tvOS. Aquí puedes encontrarlos Human Interface Guidelines

NO pierdas tu tiempo reinventando UI que no necesitan ser reinventadas.

By Bella Salazar for Elle.fr

4. Crea Templates (Plantillas)

Las plantillas te ahorrarán muchísimo tiempo.

He estado en proyectos donde he diseñado al menos 25 pantallas en una semana, he creado una presentación para vender la idea a los involucrados, y hasta he hecho un prototipo interactivo en Invisionmientras viajaba entre 3 diferentes países. Todo esto no hubiese sido posible sin los templates preparados al inicio del proyecto.

Template UI para el rediseño del e-commerce de ELLE.fr

5. Consistencia para ser más eficientes

Mientras más consistentes sean tus diseños, mas rápido podrás diseñar. Estarás reduciendo una gran cantidad de decisiones de diseño en el proceso.

Si diseñas un botón y lo conviertes en un símbolo en Sketch para utilizarlo en todos tus diseños, no solo crearás consistencia en tus pantallas sino estarás trabajando de manera más eficiente porque no tendrás que diseñar botones desde cero cada vez que necesites uno.

A medida que te vuelves más rápido, la consistencia seguirá naturalmente.

6. Resuelve problemas y entrega valor al usuario

Existen una gran cantidad de productos muy simples, con un diseño muy básico, pero entregan valor al usuario y eso es lo que cuenta.

No estoy afirmando que los diseños simples son mis favoritos, lo que estoy diciendo es que se puede entregar valor al usuario con un diseño simple. He estado en proyectos en donde se ha sacrificado un buen diseño por una buena experiencia de usuario.

By Bella Salazar for PokerStars

7. Los buenos diseños fallarán con una mala presentación

Las imágenes por sí solas no llevarán muy lejos a un proyecto. Las imágenes son un porcentaje muy bajo de todo el proceso de presentación.

Lo demás, es contar la historia (storytelling). Si no convences a la audiencia, hablas en pro del usuario y demuestras el valor del producto, probablemente fracasarás.


24 Replies to “Lo aprendido de diseñar +2000 pantallas UI para las marcas más influyentes del mundo”

  1. Jane

    I will immediately seize your rss feed as I can’t to find your email subscription hyperlink or e-newsletter service.
    Do you have any? Please allow me recognise in order that
    I may subscribe. Thanks. Ahaa, its fastidious discussion on the topic of this paragraph at this place at
    this website, I have read all that, so at this time me also
    commenting here. Greetings! Very helpful advice within this post!
    It is the little changes that will make the greatest changes.
    Thanks for sharing! http://aoc.com

  2. Johne918

    Thank you for the sensible critique. Me &amp my neighbor were just preparing to do a little research about this. We got a grab a book from our local library but I think I learned more from this post. I am very glad to see such excellent info being shared freely out there. deeeddccddge

  3. Standard Oyster Company

    Hmm it looks like your site ate my first comment (it was extremely long) so
    I guess I’ll just sum it up what I wrote and say,
    I’m thoroughly enjoying your blog. I as well am an aspiring blog writer but I’m still new to everything.
    Do you have any suggestions for rookie blog writers?
    I’d genuinely appreciate it.

  4. https://promotionalproducts100.com.au/products/promotional-tote-bags/promotional-sydney-tote-bags/

    Hello would you mind sharing which blog platform you’re
    using? I’m going to start my own blog in the near future but I’m having a hard time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your layout seems different then most blogs and I’m looking for something unique.

    P.S My apologies for being off-topic but I had to
    ask!

  5. datesandavocados.com

    Its like you read my mind! You appear to know a lot about this,
    like you wrote the book in it or something. I think that
    you can do with a few pics to drive the message home a little
    bit, but instead of that, this is fantastic blog. An excellent
    read. I’ll certainly be back.

  6. olde hickory tap room

    I blog frequently and I seriously appreciate your content.
    This great article has really peaked my interest. I’m going to bookmark your blog and keep checking for new information about once per week.
    I opted in for your Feed too.

  7. design

    Usually I do not learn article on blogs, but I wish to say that
    this write-up very compelled me to check out and do it!
    Your writing style has been amazed me. Thanks, very great post.

  8. Camera Wifi Hải Nam

    Great blog! Do you have any helpful hints for aspiring writers?
    I’m planning to start my own site soon but I’m a little lost on everything.
    Would you recommend starting with a free platform like WordPress
    or go for a paid option? There are so many options out there that
    I’m totally overwhelmed .. Any recommendations?
    Kudos!

    • admin

      Hi! I’m highly recommend to go with open source CMS like WordPress, Joomla or Drupal. They are user friendly an easy to set up. Let me know if you need any help.

Leave a Reply

Your email address will not be published. Required fields are marked *

Síguenos en Twitter