Cada vez que un Máster se pone en marcha, nos preocupamos mucho de conseguir todo tipo de feedbacks tanto de alumnos como de profesores para que los contenidos siempre sean apropiados, los más actualizados y estar siempre a la vanguardia de las últimas herramientas.
Esto en el Máster de UX, ha supuesto además de un incremento de horas y el añadido de nuevos módulos de especialización, la incorporación de nuevas herramientas como es el caso de Sketch, la nueva joya del diseño de interfaces (solo hay que ver su logo).
Un programa para trabajar 100% en vectorial y de forma no destructiva que puede parecer un programa sencillo a primera vista, pero cuya potencia es tremenda, sobre todo a la hora de diseñar interfaces de Apps para móviles o páginas webs. Así que, si eres un enfermo del píxel, te enamorarás de Sketch, sus reglas inteligentes y su resultado.
Los requisitos de Sketch son tener un Mac con posibilidad de ejecutar código en 64-bit y Snow Leopard o superior. Si quieres puedes descargar Sketch de forma gratuita para probarlo durante 15 días desde su web. Y, pese a ser para profesionales, el precio es bastante asequible, cuesta 99 dólares.
¿Cómo podemos usar Sketch para prototipar?
Podemos empezar descargándonos los freebies que hay disponibles para prototipar apps de diferentes sistemas operativos. En la web Sketch App Sources hay diferentes paquetes de plantillas que podremos usar en Sketch para prototipar apps. Encontramos, por ejemplo:
– Android Material Design UI Kit
Y no sólo hay recursos de diseño de interfaz, sino que también encontraremos prototipos de diferentes dispositivos móviles. De esta manera, podremos colocar, si nos interesa, una pantalla ya diseñada en un prototipo de dispositivo y así poder mostrarle una imagen más cercana a la realidad al cliente o al equipo.
Exportando nuestros diseños
Una vez hayamos diseñado las pantallas de nuestra app en Sketch, podemos exportarlas e importarlas luego en un programa tipo InVision o Marvel (incluso Proto.io) y a partir de ahí con esos programas podemos empezar a diseñar transiciones animadas, jerarquías entre diferentes pantallas, cambios de estado, feedback de la app… Os aconsejamos que visitéis este enlace del blog de InVision en el que se detallan con vídeos diferentes consejos a la hora de diseñar prototipos con Sketch.
¿Y por qué no usar Photoshop?
En primer lugar, podríamos hablar también de la herramienta Fireworks de Adobe. Desgraciadamente, Fireworks es un producto que lleva descontinuado ya por más de 2 años, por lo que aunque podamos seguir usándolo, no es la mejor estrategia si queremos adaptarnos continuamente a este mundo cambiante. Entonces… nos queda Photoshop. El problema de Photoshop es que no es un programa que haya sido creado para diseñar UX/UI mientras que Sketch es un programa ágil, rápido y que ha sido pensado adrede para esta nueva era de diseño.
Photoshop, no deja de ser un programa ‘antiguo’ (que arrastra cosas del pasado, digamos) y que fue pensado para procesar imágenes. Con Sketch podemos trabajar con vectores sin problemas, también con píxeles. En Sketch tenemos también ‘smart guides’ que nos ayudan a diseñar mejor… entre otros muchos recursos que nos ayudarán a diseñar de una manera más ágil y mejor nuestros prototipos.
¿Qué te parece? ¿No estás deseando probarlo?
Vía Ubicuostudio
El artículo Prototipar con Sketch es fácil fue escrito el 24 de agosto de 2017 y guardado bajo la categoría Usabilidad UX. Puedes encontrar el post en el que hablamos sobre .
Esta formación te puede interesar
Curso de UX Writing
Aprende a crear contenidos útiles y claros para aumentar el uso y el engage de las interfaces
Máster en SEO-SEM Profesional
Domina todas las fases del SEO
Curso de Inbound Marketing
Aprende a atraer y fidelizar clientes en base a sus necesidades ofreciéndoles un valor añadido gracias al contenido.
Nuestros cursos
Máster en UX/UI
Especialízate en Experiencia de usuario, usabilidad y diseño de interfaces
Máster en Ecommerce y Marketplaces
Aprende a gestionar una tienda y una marca online
Máster en SEO-SEM Profesional
Domina todas las fases del SEO
Descrubre nuestros cursos
06 · 11 · 2023
Como hacer el CV perfecto para diseñadores UX
Un CV es la carta de presentación para cualquier aspirante a un puesto de trabajo. En él deberás mostrar tu formación y habilidades para que la empresa pueda elegir tu perfil en una oferta de trabajo. Te contamos cómo hacer el CV perfecto para diseñadores UX. Cómo hacer el CV perfecto Hacer el CV perfecto […]
02 · 09 · 2024
Principios básicos de UX: Mejores prácticas para mejorar la usabilidad de cualquier producto digital
Contar con un diseño UX en tu web tiene muchas ventajas y beneficios ya que ayuda a mejorar el tráfico, a que los clientes realicen más compras y permanezcan más tiempo y la web. A ello se suma una mayor satisfacción de los usuarios ya que la página estará diseñada teniéndoles en cuenta. Te contamos […]
25 · 10 · 2023
Tendencias en diseño UX para este 2023
El diseño no deja de avanzar e innovar para poder adaptarse a las necesidades de los usuarios ya que un diseño obsoleto en una web o aplicación puede provocar el abandono de la misma por parte de los visitantes o no lograr un impacto adecuado. Para que puedas adaptarte a ello te contamos cuáles son […]
15 · 04 · 2024
Mitos sobre el CRO
El CRO permite obtener beneficios importantes con una inversión mínima, por este motivo cada vez más empresas están interesándose por él. No obstante, es importante que conozcas cuáles son sus principales mitos para evitar caer en confusiones o falsas expectativas sobre su implementación en tu negocio. Además, has de tener en cuenta que para poder […]