1. Evolució de les eines de UX
- Inicialment, els dissenyadors usaven Adobe Creative Suite (com Photoshop) per dissenys estàtics i impressió.
- 2010: Sketch, primera eina digital pensada per a UX, disponible només per macOS hexdocs.pm+5en.wikipedia.org+5en.wikipedia.org+5.
- 2011: Freehand de InVision, després adquirida per Miro (2023) per potenciar la col·laboració visual miro.com+6miro.com+6fastcompany.com+6.
- 2015: Zeplin, eina per al “handoff” entre disseny i desenvolupament app.zeplin.io+5zeplin.io+5zeplin.io+5.
- 2016: Figma (col·laborativa, en línia) i Adobe XD (posteriorment en manteniment). Figma destaca per la col·laboració en temps real, “Dev Mode”, prototipatge, i complements .
2. Comparativa d’eines
| Eina | Característiques principals |
|---|---|
| Sketch | Edita vectorials en macOS; suporta prototipatge i col·laboració amb biblioteques, però sense col·laboració en temps real. Documentació oficial disponible . |
| Freehand (Miro) | Pissarra col·laborativa per a idees, diagrames, brainstorming. Integrada al Miro després de la compra d’InVision (2023) . |
| Zeplin | Facilita el pas disseny→desenvolupament amb especificacions, snippets, integració amb Storybook/GitHub . |
| Figma | Col·laborativa en temps real, “Dev Mode”, prototips, complements, inclou FigJam per brainstorming. Recursos oficials: Centre d’ajuda, iniciació i Youtube . |
| Adobe XD | Va oferir una solució UX robusta, però ara està en fase de manteniment (consulteu la guía Adobe) – recursos disponibles a la seva web oficial. |
3. Factors clau per seleccionar eina UX
- Perfil del dissenyador
- UX, visual, motion… cada rol requereix funcionalitats diferents. Consulta aquests perfils a “Empleos en el campo de la experiencia del usuario”.
- Context de treball
- L’empresa pot imposar una eina; o pot haver-hi flexibilitat segons projectes i col·laboració d’equips.
- Funcionalitats específiques
- Adaptabilitat a mòbils (templates, diferents resolucions)
- Prototipat, test i feedback integrat
- Col·laboració d’equip en temps real
- Sistemes de disseny centralitzats (biblioteques i estils consistents)
4. Recursos oficials i d’aprenentatge
- Figma
- Centre d’ajuda i suport fastcompany.com
- Guia per a principiants i YouTube oficial
- Sketch
- Documentació oficial: https://sketch.com/docs/ en.wikipedia.org
- Freehand / Miro
- Blog sobre la integració i futur de Freehand dins Miro youtube.com
- Web de Miro: https://miro.com/
- Zeplin
- Web i explicació oficial: https://zeplin.io/
5. Mantenir-se al dia
- Segueix organitzacions i blogs: Nielsen Norman Group, UX Collective, Interaction Design Foundation, UX Planet…
- Podcasts com UXPodcast.
- Comunitats: Creative Mornings, AIGA, ADPList; col·lectius diversos (APIwho, Latinxs Who Design…).
- Recursos de les pròpies eines: tutorials actualitzats, webinars, plantilles, plugins, kit UI, etc.
Conclusió
- El panorama UX ha evolucionat dels dissenys estàtics a entorns digitals i col·laboratius.
- Avui es treballa amb múltiples eines (Sketch, Freehand, Zeplin i sobretot Figma).
- La selecció requereix analitzar el teu rol, el context del projecte i les funcionalitats disponibles.
- En aquest curs, ens centrarem en Figma, una eina tot-en-un adaptada a entorns virtuals i col·laboratius.
Enllaços útils
- Figma Help Center – centre de suport i recursos
- Figma Tutorials – iniciació i vídeos oficials
- Sketch Documentation – tot el referent a Sketch en.wikipedia.org
- Miro + Freehand – informació sobre la combinació
- Zeplin – plataforma de disseny a desenvolupament