Disse.cat » prototipatge

Apps-on, wireframes d’aplicacions per a iPhone en post-its

Jordi Almirall — Tue, 27 Jul 2010 21:28:03 +0000

Apps-on for iPhone són uns post-its dissenyats per a realitzar wireframes (prototipus) d’aplicacions per a iPhone. És una idea original que ens permet a crear plantilles d’una manera fàcil per a aquests dipositius mòbils.

Els creadors diuen que aquest sistema revolucionarà la manera en que tant dissenyadors com desenvolupadors col·laboren i conceptualitzen; altres poden pensar que simplement són un post-its massa cars.

Via @suzanneginsburg

Plantilles per a prototipar webs, aplicacions d’iPhone, d’iPad i d’Android en paper

Jordi Almirall — Thu, 15 Jul 2010 11:07:24 +0000

Alguna vegada hem parlat sobre el prototipatge (wireframes) sobre paper. UiStencils ven plantilles per a poder fer més fàcilment i d’una manera més acurada aquests prototipus en llapis. Ofereixen plantilles tant per a pàgines web, iPhone, iPad i properament per Android. Per una banda tenen unes plantilles metàl·liques amb els elements típics de la plataforma en qüestió, i per altra banda els fulls on plasmar el disseny segons l’entorn que ens interessi. Aquests últims ens els podem imprimir nosaltres mateixos en format Pdf des de la seva pàgina.

Prototipar amb l’iPad

Jordi Almirall — Mon, 21 Jun 2010 10:01:32 +0000

Una de les funcionalitats de l’iPad que està cridada a prendre força properament és el del prototipatge. La creació de wireframes és un procés que habitualment comença en uns -molts- fulls de paper que finalment ha de ser conceptualitzat a l’ordiandor. En aquest sentit crec que l’iPad pot ajudar a diluïr aquest prcés de paper -> ordinador.
Com és lògic encara estant apareixent aplicacions al respecte, tot i això ja hi ha de destacades com Omnigaffle for the iPad, iMockups o Adobe Ideas 1.0 fot iPad.

Diagrames per plataformes tàctils

Jordi Almirall — Sat, 24 Apr 2010 08:45:20 +0000

Luke Wroblewski i el seu equip han presentat una guia de referència per a dissenyadors i desenvolupadors de plataformes tàctils. Aquesta guia mostra els gestos més comuns en l’ús d’aquestes plataformes, com s’hi realitzen les diferents accions i una representació visual de cada gest.

Els dibuixos que hi ha en la guia no tenen l’objectiu de ser utilitzats per a ensenyar als usuaris com treballar sobre interfícies tàctils, sinó que estan pensades per a ser emprades en documentació.

En la guia també s’inclou un llistat de com cada plataforma (iPhone OS, Windows 7, Palm webOs, Android… ) suporta els gestos descrits.

Enllaç a la guia

Per a la confecció de prototipus o per incloure a la documentació:

Dibuixos en PDF

Dibuixos en EPS

Dibuixos per a OmniGraffle

Prototipatge en minut i mig

Jordi Almirall — Thu, 15 Apr 2010 16:42:56 +0000

La confecció de wireframes (o proptotipus) son una de les tasques més importants -segons el meu paré- en la realització d’un projecte web.

Acostuma a ser un procés complex amb molta feina prèvia de recollida i estudi de dades que malauradament algunes vegades no està reconegut com a tal.

Amb aquest video “The Right Way To Wireframe” es pot veure d’un cop d’ull com es això de prototipar.

Prototipatge per Android

Jordi Almirall — Wed, 03 Mar 2010 10:12:13 +0000

Aquí us faig arribar una galeria per a poder fer prototipus (wireframes) d’aplicacions per a Android.

En aquesta galeria hi trobareu elements de la interfície d’usuari per a Viso, Omnigraffle i també per a prototipar en paper.

Tot i que ja hi ha força gent i empreses realitzant aplicacions per aquest sistema, no hi ha massa recursos com aquests disponibles.

Enllaç a la galeria