[Disseny d'interfícies multimèdia] PAC 1: La no transparència de les interfícies

download [Disseny d'interfícies multimèdia] PAC 1: La no transparència de les interfícies

of 12

  • date post

    18-Apr-2015
  • Category

    Documents

  • view

    1.558
  • download

    5

Embed Size (px)

description

Més informació a elmeuordinador.blogspot.com

Transcript of [Disseny d'interfícies multimèdia] PAC 1: La no transparència de les interfícies

DISSENY DINTERFCIES MULTIMDIA

L A NO TRANSPARNCIA DELES INTERFCIESPAC 1

JORDI LLONCH ESTEVECC BY-NC-SA

Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies

NDEXndex ................................................................................................................................. 2 Aplicaci mbil SkyDrive ............................................................................................ 3 Arquitectura de la informaci ............................................................................... 3 Comportament dels elements dinteracci .......................................................... 3 Ajust al perfil dusuari ............................................................................................ 3 s de recursos grfics ............................................................................................ 4 Convencions culturals ............................................................................................ 4 Relaci amb les caracterstiques prpies del dispositiu ...................................... 4 Contribuci a la usabilitat ...................................................................................... 4 Aplicaci mbil TravelCards ...................................................................................... 5 Arquitectura de la informaci ............................................................................... 5 Comportament dels elements dinteracci .......................................................... 5 Ajust al perfil dusuari ............................................................................................ 5 s de recursos grfics ............................................................................................ 6 Convencions culturals ............................................................................................ 6 Relaci amb les caracterstiques prpies del dispositiu ...................................... 6 Reproductor multimdia Boxee Box ....................................................................... 7 Arquitectura de la informaci ............................................................................... 7 Comportament dels elements dinteracci .......................................................... 7 Ajust al perfil dusuari ............................................................................................ 8 s de recursos grfics ............................................................................................ 8 Convencions culturals ............................................................................................ 8 Relaci amb les caracterstiques prpies del dispositiu ...................................... 8 Cmera Canon eos 600D + Magic Lantern ............................................................ 9 Arquitectura de la informaci ............................................................................... 9 Comportament dels elements dinteracci .......................................................... 9 Ajust al perfil dusuari ............................................................................................ 9 s de recursos grfics .......................................................................................... 10 Convencions culturals .......................................................................................... 10 Relaci amb les caracterstiques prpies del dispositiu .................................... 10 Contribuci a la usabilitat .................................................................................... 10 Conclusi ....................................................................................................................... 11 Bibliografia i altres recursos ..................................................................................... 12

Jordi Llonch Esteve

CC BY-NC-SA

Pg. 2/12

Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies

A PLICACI MBIL S KY D RIVELaplicaci per a dispositius mbils SkyDrive s un gestor darxius que permet accedir, compartir i editar els documents disponibles a lespai demmagatzematge virtual de Microsoft, Skydrive.

A RQUITECTURA

DE LA INFORMACI

Lorganitzaci i el disseny estructural de laplicaci denoten que hi ha hagut un estudi previ de les necessitats a cobrir i un procs danlisi minucis per a desenvolupar laplicaci, els quals han resultat en una correcta aplicaci de larquitectura de la informaci. La presentaci de la informaci es porta a terme fent s de la interfcie dusuari Metro, heretada del sistema operatiu Windows 8, que mant una coherncia visual amb aquest i esdev una forma dinteractuar molt neta i transparent per a lusuari novell, alhora que satisf totes les necessitats de lusuari expert.

C OMPORTAMENT

DELS ELEMENTS D INTERACCI

Lusuari interactua amb una srie delements de laplicaci per a comunicar-se amb ella i portar a terme les tasques que necessita. Aquests elements es reparteixen en tres zones de la pantalla: Zona superior Zona central Zona inferior

Les zones superior i inferior es comporten de la mateixa manera: requereixen que lusuari premi els botons disponibles per a dur a terme cada tasca. La zona central tamb requereix que lusuari premi els botons per a dur a terme les tasques primries, per a ms, introdueix un comportament secundari als elements al qual shi accedeix prement-los durant un segon.

A JUST

AL PERFIL D USUARI

El perfil dusuari que fa servir aquesta aplicaci s aquell que utilitza altres productes i serveis de Microsoft, com ara la versi web dSkyDrive, la srie daplicacions ofimtiques MS Office, el correu web Outlook i el sistema operatiu Windows 8. Totes elles mantenen una mateixa interfcie dusuari, la qual cosa permet que lusuari no hagi dadaptar-se a cada aplicaci, sin que considera cadascuna delles com una extensi de les altres ja conegudes. Jordi Llonch Esteve CC BY-NC-SA Pg. 3/12

Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies

S

DE RECURSOS GRFICS

Com comento anteriorment, la lnia visual de laplicaci segueix lesttica Metro, una interfcie dusuari neta i simple que fa s duns recursos grfics molt minimalistes. Cada tipus delement disposa de la seva representaci grfica que el diferencia de la resta. A ms, laplicaci mostra miniatures de les imatges per a fer ms fcil la navegaci entre fotografies.

C ONVENCIONS

CULTURALS

Laplicaci basa el seu funcionament en els costums adaptats dels ordinadors de sobretaula, els quals es van adaptar prviament de la vida real. Un gestor darxius s la representaci virtual dun espai fsic amb carpetes que contenen diferents tipus de documents al seu interior, una metfora que avui dia tots els gestors darxius han adoptat.

R ELACI

AMB LES CARACTERSTIQUES PRPIES DEL DISPOSITIU

Desprs de provar diferents gestors darxius per a dispositius mbils tctils he quedat altament satisfet amb la naturalesa i transparncia que atorga lSkyDrive. Aquesta aplicaci t en compte les possibilitats i limitacions del dispositiu i les adapta per a oferir una experincia dusuari optimitzada per a dispositius mbils. Hi ha altres aplicacions que permeten fer moltes ms accions i disposen de ms opcions, per a canvi de poder fer aquestes operacions, sacrifiquen les possibilitats del dispositiu dotant-lo de caracterstiques no prpies daquest. En aquest cas, lSkyDrive per a dispositius tctils noms fa s de dos tipus dinteracci entre lusuari i la mquina: prmer i prmer llarg, que podrien ser considerats els clic esquerra i clic dret en un ordinador tradicional.

C ONTRIBUCI

A LA USABILITAT

Ms que aconseguir que la interfcie sigui ms fcil dusar que altres, SkyDrive per a dispositius mbils ha sabut adaptar als dispositius tctils una aplicaci anteriorment disponible en ordinadors de sobretaula i integrar una mateixa interfcie dusuari duna manera tan transparent que fa que lexperincia dusuari sigui altament satisfactria.

Jordi Llonch Esteve

CC BY-NC-SA

Pg. 4/12

Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies

A PLICACI MBIL T RAVEL C ARDSLaplicaci per a dispositius mbils TravelCards s un traductor multilinge per a viatgers que utilitza representacions pictriques de les paraules ms emprades durant les vacances.

A RQUITECTURA

DE LA INFORMACI

Com a desenvolupador de laplicaci puc afirmar que el procs que vaig seguir per a dissenyar-la va seguir tots els passos requerits a lhora de desenvolupar una aplicaci. Vaig estudiar i aplicar de manera detallada el disseny, lorganitzaci i la navegaci per a aconseguir una experincia dusuari ptima. Ls daquesta s tan senzill que qualsevol nen que encara no hagi aprs a parlar s capa de fer-la servir. Per extensi, qualsevol persona adulta sense experincia en el camp de les noves tecnologies, pot familiaritzar-se amb el seu s i fer-la servir sense necessitar ajuda externa.

C OMPORTAMENT

DELS ELEMENTS D INTERACCI

Els elements dinteracci de laplicaci compleixen amb escreix cadascuna de les seves funcions, per tenen un comportament massa esttic. La interacci entre lusuari i laplicaci es porta a terme prement cadascun dels botons de la pantalla inicial per a accedir a cada categoria i a les representacions pictriques. Inici Categoria Representaci pictrica

De tota manera, manquen transicions en canviar duna secci a una altra, retroalimentaci per part del dispositiu (com ara vibracions o sons) en la majoria delements dinteracci.

A JUST

AL PERFIL D USUARI

Laplicaci est pensada per a viatgers de qualsevol edat i nacionalitat possedors dun dispositiu mbil tctil (inicialment noms Android). Aquests usuaris poden ser viatgers freqents o espordics, per que compart