Logo de Dallonses

Wireframe

Què és un wireframe?

Un wireframe és l'esquelet estructural d'una pantalla. Defineix on va cada cosa, quin contingut ocupa cada espai i com es mou l'usuari per un layout, tot abans que ningú triï colors o tipografies. Caixes, etiquetes, text de farciment. La idea és resoldre estructura i prioritat mentre els canvis encara costen minuts en lloc de dies.

La fidelitat és la distinció clau. Els wireframes de baixa fidelitat són ràpids i bastos, sovint esbossos en escala de grisos que comproven si un flux té sentit. Els wireframes d'alta fidelitat s'acosten al resultat real, amb espaiats precisos, text definitiu i una jerarquia adequada. Un wireframe no és un prototip. El wireframe mostra l'estructura; el prototip la fa clicable perquè la gent recorri l'experiència de debò. Els equips solen passar del wireframe de baixa fidelitat al d'alta fidelitat i d'allà a un prototip interactiu a mesura que creix la confiança. Quan un equip redissenya un checkout, el wireframe és on decideix en quin ordre apareixen els camps de la comanda, abans d'aplicar ni un sol estil a un píxel.

El wireframing força les converses difícils des del principi. Què importa més en aquesta pantalla? Què es pot retallar? On va l'usuari després? Respondre aquestes preguntes en un wireframe és barat. Respondre-les quan el disseny visual ja està construït, no.

Wireframes a Dallonses

Fem wireframes per pensar, no per decorar. A l'inici d'un projecte fem servir wireframes de baixa fidelitat per discutir l'estructura amb el client a la sala, ràpid i honest, abans que ningú s'encapritxi d'un aspecte. Això manté el disseny d'experiència d'usuari ancorat en com es mou la gent pel producte, no en com llueix un mockup en una foto.

A partir d'aquí afinem. Els wireframes d'alta fidelitat i els prototips clicables ens deixen provar fluxos amb contingut real i casos límit reals, perquè el layout aguanti abans de començar el desenvolupament. Ho hem fet per a marques globals amb productes complexos, i la disciplina és la mateixa cada cop: resol primer l'estructura i la resta del disseny es torna més fàcil.

Tens un flux que necessita tenir sentit abans de construir-se? Mapegem-lo.

Parlem d'UX

Serveis relacionats


Preparat per a traballar junts?

Reserva una reunió
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant