Prototipatge | Disse.cat
Crònica.cat

Apunts amb el tag ‘prototipatge’

27 de juliol del 2010 · Disseny d'interacció, Plataformes mòbils, Plataformes tàctils, Usabilitat, iPhone, prototipatge

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

Jordi Almirall Per Jordi Almirall | Sense comentaris »
1 vot2 vots (Puntuació: +6, 3 vots)
Loading ... Loading ...
buzz_button

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

15 de juliol del 2010 · Android, Apple, Disseny Web, Disseny d'interacció, GUI, Usabilitat, iPhone, ipad, prototipatge

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

Jordi Almirall Per Jordi Almirall | Sense comentaris »
1 vot2 vots (Puntuació: +12, 6 vots)
Loading ... Loading ...
buzz_button

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.

21 de juny del 2010 · Apple, Disseny Web, Disseny d'interacció, Eines a internet, GUI, Plataformes tàctils, Usabilitat, ipad

Prototipar amb l’iPad

Jordi Almirall Per Jordi Almirall | Sense comentaris »
1 vot2 vots (Puntuació: +8, 4 vots)
Loading ... Loading ...
buzz_button

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.

24 de abril del 2010 · Android, GUI, Plataformes mòbils, Plataformes tàctils, Usabilitat, iPhone

Diagrames per plataformes tàctils

Jordi Almirall Per Jordi Almirall | Sense comentaris »
1 vot2 vots (Puntuació: +4, 2 vots)
Loading ... Loading ...
buzz_button

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

15 de abril del 2010 · Arquitectura de la informació, Disseny Web, Usabilitat

Prototipatge en minut i mig

Jordi Almirall Per Jordi Almirall | 2 Comentaris » Comenta ü
1 vot2 vots (Puntuació: +6, 3 vots)
Loading ... Loading ...
buzz_button
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.
3 de març del 2010 · Android, GUI, Plataformes mòbils, Usabilitat

Prototipatge per Android

Jordi Almirall Per Jordi Almirall | Sense comentaris »
1 vot2 vots (Puntuació: +4, 2 vots)
Loading ... Loading ...
buzz_button

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


Estol.cat i els seus blocs estan dissenyats per Artífecs | Disseny i comunicació web