FOWA Miami 2008: Interface Design for Web Apps (Dan Rubin)

Dan Rubin Dan és dissenyador gràfic, desenvolupador web, músic i entusiasta d’Apple que viu i treballa a Fort Lauderdale, Florida (EEUU). Fundador de Webgraph (un estudi de disseny de marca), cofundador de Sidebar Creative (un grup de disey) i Sinelogic (Consultoria d’usabilidad y UI) així com consultor d’estandards web i ponent de conferències.

Què és el disseny d’una aplicació web?
No només és una qüestió visual, sino que també és una qüestió de sentiments. Una persona s’ha de sentir còmode amb el site, li és més fàcil oblidar una web lletja que una web que no funciona o no s’adapta a les seves necessitats.

Què es diferencia de les aplicacions web i dels sites web?

  • La freqüència d’us: Les aplicacions webs solen ser usades de forma més regular, inclús de forma diària.
  • Compromís: Les aplicacions web normalment requereixen de registre, que incrementa el compromís en temps i informació requerit per l’usuari, cosa que obliga a demostrar a l’usuari els beneficis abans de registrar-se.
  • Contingut: Normalment en una aplicació web, el contingut està generat per l’usuari, i contingut pot ser qualsevol coa: paraules, estadístiques, usuaris, fotos, mapes, idees, … Si elimines la paraula “web” d’ “aplicació web”, tens la definició del que com hauria de ser una aplicació.
  • Interacció: Els sites web solen ser passius, les aplicacions web solen ser més actives.

Exemples: twitter, pownce, flickr, Google Maps. Tot comença amb una sola idea, fes una cosa i fes-la bé. El futur es veu com a webs separades amb una sola funció i que poden fer tot el que jo necessito. Exemple: MyMileMarker.com

Tots els que estan a la sala podeu dir: “pots fer això, o afegir això, o eliminar això, …” però s’escaparia del core.

Wireframes i plans
Els wireframes ens ajuden a comprendre la complexitat d’una aplicació web. Limita les funcionalitats i estudia amb cura cada afegiment.
La forma sempre segueix la funcionalitat!!!
El procés de plantejament sempre és més important que l’entrega.

Disseny
Recordem: els usuaris solen oblidar “lleig” abans que “trencat”. Exemple: myspace :-)

Fes la teva aplicació mòbil
Pensa en una interacció diferent en un entorn mòbil que en un ordinador. Fes-ho simple, creant una URL especifica per a mòbils i amb un CSS especific per a cada dispositiu.Exemple:

iPhone-specific media attribute:

Crea una icona customitzada per a iPhone per a la teva aplicació web (a la gent li encanta!)

i mirem cap el futur: microformats, oAuth, OpenID, OperaDev, Mobile Safari Dev, Social Graph API, …

Existirà una superaplicació integrant tots els serveis? La superaplicació serà la mateixa web

0 comments ↓

There are no comments yet...Kick things off by filling out the form below.

Leave a Comment