Introducció a l’enginyeria de software: Disseny
d’interfícies
Pràctica 5: Desenvolupament de la interfície
6.1 Introducció i objectius
En aquesta pràctica cal dissenyar un prototipus de la
interfície d'usuari seleccionada utilitzant alguna eina de
prototipat ràpid. Per a fer-ho, cal aprofitar tot el que s'ha
après anteriorment a les diferents pràctiques. I posar-ho
en pràctica fent un prototipus ràpid. Probablement la
eina serà HTML - Javascript.
Un sub-objectiu d'aquesta pràctica és adaptar-se a
treballar amb restriccions. Per exemple, hi ha poc temps per a fer el
disseny, com és habitual en la major part de projectes de
software. També, com que hi ha poc temps, cal trobar compromisos
desenvolupant únicament el que és essencial, i no
funcionalitats accessòries, que s'utilitzaran poc, i no hi ha
temps per a incloure. L'exemple d'utilitzar les eines que hem dit pot
servir per a exemplificar les limitacions del hardware o software que
es pot utilitzar en un projecte determinat..
6.2 Orientacions i fases
La primera qüestió és insistir en que es tracta d'un
prototipus ràpid de la interfície, i no d'una
implementació. Es tracta de fer una "simulació" (p.ex.
que sembli un vídeo si estem fent la interfície de
programació d'un vídeo) i no un sistema real.
Les fases aconsellades per a aquesta pràctica són les
següents:
- Elaborar un conjunt de criteris de disseny sobre el que la
interfície ha de donar als usuaris. És més que un
llistat de requeriments habitual, ja que ha de tenir informació
sobre els usuaris. P.ex., si s'estiguès dissenyant un calendari,
incloure "el calendari s'ha d'obrir per la data actual, ja que aquesta
és la data més freqüentment consultada pels
usuaris". Les pràctiques anteriors han d'haver subministrat
informació per a fer aquest tipus de tasca.
- Fer un esbós (sketch) del disseny (o dissenys, ja
que pot ser convenient tenir més d'un) en paper. Per a cada
disseny, garantir que hi ha suficient detall com per a que es vegin com
serien les diferents pantalles que tindria un usuari quan fa les
tasques corresponents.
- Obtenir input d'usuaris respecte a aquesta etapa, amb
suggeriments de canvis (els usuaris poden ser companys, familiars, ...).
- Realitzar una iteració addicional de les etapes 2 i 3.
- Dibuixar els dissenys tant en termes de pantalles, com
indicació de les transicions que mostrin les accions dels
usuaris.
- Construir una simulació de la interfície del
disseny utilitzant les eines adients. Utilitzar-la per a fer un
storyboard, és a dir, una successió de pantalles amb
descripcions de les accions dels usuaris que duen a terme una tasca.
Penseu que serà utilitzat en els estudis d'usabilitat de la
pràctica següent.
- Redactar l'informe sobre el disseny, incloguent-hi una
descripció dels processos que heu fet per a seguir les
necessitats i psicologia dels usuaris.
6.3 Material a lliurar
El programa que conté el vostre disseny simulat. Ha de tenir els
vostres NIAs en el nom del programa.
Cal lliurar cinc pàgines escrites (màxim) sobre el
procès de disseny que s'ha desenvolupat, incloent-hi (en ordre):
- Una descripció del disseny final. La presentació
ha de tenir suficient detall de forma que un programador la pugui
implementar. Utilitzar impressions de les pantalles per a mostrar
què veurà l'usuari, i les accions disponibles en cada
situació. Llisteu també els criteris de disseny que heu
utilitzat en el procès de crear aquesta interfície.
- Una discussió de la informació d'usuaris que heu
utilitzat per a crear el vostre disseny: dades en articles llegits
sobre interfícies semblants, estudis vostres sobre sistemes
semblants, resultats del model, informació obtinguda dels
vostres qüestionaris.
- Una discussió dels millors i pitjors aspectes del vostre
disseny, que hi han ja que heu hagut de fer tot un conjunt de
compromisos respecte al disseny, per les eines, temps, ...
Nota: L'avaluació té diferents components, la qualitat
de la interfície, la creativitat amb la qual heu resolt
els problemes de dissenyar la interfície, la capacitat d'incorporar
les coses descobertes en el procès de disseny.
Recordeu la plana amb títol, noms, NIAs.