[Disseny d'interfícies multimèdia] Pràctica: Prototipat gràfic multiplataforma

El procés de disseny d'una interfície implica moltes revisions i retocs. El prototip va evolucionant contínuament, fins arribar al punt en què ja es considera preparat per a passar a desenvolupament. Per tant, la primera versió d'un prototip mai sol ser la definitiva, ja que es va depurant fins a aconseguir el grau d'optimització requerit. Fins i tot en aquest punt, el projecte no s’hauria de considerar tancat, ja que hauria de poder revisar-se amb periodicitat, a partir del retorn dels usuaris, la mineria de dades, etc.

Aquesta pràctica consisteix a optimitzar i completar, a partir dels comentaris del consultor, dels resultats del test amb usuaris i de la reflexió personal, el prototip gràfic iniciat en la PAC 3, tant per a web com per a mòbil, i a reflexionar sobre el procés portat a terme.

El prototip gràfic final ha d'incloure totes les planes incloses en els wireframes tant per a escriptori com per a mòbil, del tema triat. El lliurament de la pràctica consisteix en dues parts:

1. El disseny gràfic de totes les pàgines incloses en els prototips funcionals (wireframes) per a escriptori i per a dispositius mòbils (smartphone i tauleta vertical). Per tant, 7 prototips gràfics per a cada dispositiu.
2. L'argumentació en la qual s'exposi quin ha estat el procés de disseny i es justifiquin les decisions preses per a la gràfica d'un dels dispositius mòbils. Ha d'incloure:
• Criteris d'optimització.
• Procés d'optimització i finalització dels prototips.
• Millores de futur.

"Qualificació: B"

Per a accedir a la pràctica fes clic a "Més informació".

[Disseny d'interfícies multimèdia] PAC 3: Prototipat gràfic multiplataforma

A més del prototipat funcional, la preparació de la línia gràfica d'una aplicació forma part del disseny de la seva interfície. El disseny visual té molta importància, perquè és el que posa en contacte l'usuari amb el contingut de l'aplicació. S'han de tenir en compte, entre d'altres, dos factors fonamentals:

• La gràfica d'una aplicació ha de ser coherent amb la seva estratègia comunicativa i, per tant, ha de transmetre visualment el conjunt de valors que es volen atorgar a l'aplicació o a l'organització a la que representa.
• El disseny visual té un pes molt important en la usabilitat de l'aplicació: en positiu ajuda en gran mida a fer més intuïtiva la funció dels diferents elements; en negatiu, pot conduir a una interfície confusa, il·legible o poc comprensible.

Aquesta activitat consisteix a:

• Realitzar el prototip gràfic de:
• l'aplicació web per a escriptori de la qual es van adjuntar els wireframes en la PAC 2,
• el dispositiu mòbil i la tauleta vertical, partint dels wireframes que s'han treballat en la PAC 2.
• Dur a terme un test amb usuaris per tal de poder identificar quins aspectes d'un dels prototips, a escollir entre els desenvolupats, necessiten millora tant des de l'aspecte funcional com gràfic (millores que seran aplicades de cara a la Pràctica final).

"Qualificació: B"

Fes clic a "Més informació" per accedir a la PAC.

[Disseny d'interfícies multimèdia] PAC 2: Disseny d'interacció multiplataforma

Realitzar el disseny d'interacció per a una aplicació o un web en dispositiu mòbil, suposa tenir en compte factors molt diferents als que es tenen presents quan es treballa per a escriptori o per a altres entorns digitals. En especial pel que es refereix al paper del context, que agafa un pes fonamental.

En un dispositiu mòbil cal accentuar més que mai la importància de la simplicitat, saber identificar acuradament quines accions realment l'usuari voldrà dur a terme des del mòbil, i quines realitzarà preferentment en altres dispositius i per tant no és necessari incloure en aquest format.

L'objectiu d'aquesta activitat consisteix a realitzar el prototip funcional (wireframes) per al disseny responsiu o sensible (responsive design) d'un web, tenint en compte que es podrà visualitzar en diferents dispositius mòbils (multi-plataforma), partint d'un disseny per a escriptori preexistent.

"Qualificació: B"

Per a accedir a la PAC completa fer clic a "més informació".

[Arquitectura de la informació] Pràctica: Proposta justificada de l'AI d'un lloc web

 

L'objectiu d'aquesta pràctica és continuar amb el treball realitzat a la PAC 3. Es demana acabar de dibuixar els wireframes del lloc web escollit i revisar l'arbre de continguts en cas d'haver afegit modificacions.

La pràctica es divideix en quatre blocs fonamentals:

• Creació de l'arbre de continguts.
• Disseny d'una sèrie de wireframes.
• Definició dels objectius que es volen aconseguir.
• Aportació personal sobre l'arquitectura de la informació.

 Qualificació: "A"

Fes clic a "Més informació" per a accedir a la pràctica.

[Arquitectura de la informació] PAC 3: Arbre de continguts, navegació i wireframe

Després de la PAC2, emmarcada en la fase d’anàlisi i investigació (anàlisi heurístic, benchmarking, estudi dels usuaris...) de desenvolupament d’un projecte web, arribem ara a la fase de disseny, és el moment de començar a dibuixar sobre paper les idees i requeriments recollits.

Es tracta de definir l’arbre de continguts i de fer una primera proposta d’un wireframe determinat ajudant-nos amb les idees i conclusions extretes de la PAC2 . Hem de fer una proposta de millora: reestructurant, reorganitzant, i introduint nous continguts i funcionalitats sempre centrar-nos en l’interès i l’experiència d’ús de l’usuari.

En aquesta PAC 3 es continua amb el lloc web escollit a la PAC 2 i es pretén:

• Estructurar, dissenyar i argumentar una nova proposta d’arquitectura.
• Crear els primers documents bàsics d’un projecte d’arquitectura de la informació com són un arbre de contingut (també anomenat: blueprint, mapa de contingut...) i una primera proposta d’un wireframe (també anomenat maqueta, retícula, prototip,..).
• Tenir una primera experiència amb l’ús d’eines i tècniques per dibuixar mapes i wireframes.

Qualificació: "B"

Fes clic a "Més informació" per accedir a la PAC.