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

download

of 12

  • date post

    18-Apr-2015
  • Category

    Documents
  • view

    1.556
  • download

    5

Embed Size (px)

description

Ms informaci a elmeuordinador.blogspot.com

transcript

<p>DISSENY DINTERFCIES MULTIMDIA</p> <p>L A NO TRANSPARNCIA DELES INTERFCIESPAC 1</p> <p>JORDI LLONCH ESTEVECC BY-NC-SA</p> <p>Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies</p> <p> 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</p> <p>Jordi Llonch Esteve</p> <p>CC BY-NC-SA</p> <p>Pg. 2/12</p> <p>Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies</p> <p>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.</p> <p>A RQUITECTURA</p> <p>DE LA INFORMACI</p> <p>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.</p> <p>C OMPORTAMENT</p> <p>DELS ELEMENTS D INTERACCI</p> <p>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</p> <p>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.</p> <p>A JUST</p> <p>AL PERFIL D USUARI</p> <p>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</p> <p>Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies</p> <p>S</p> <p>DE RECURSOS GRFICS</p> <p>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.</p> <p>C ONVENCIONS</p> <p>CULTURALS</p> <p>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.</p> <p>R ELACI</p> <p>AMB LES CARACTERSTIQUES PRPIES DEL DISPOSITIU</p> <p>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.</p> <p>C ONTRIBUCI</p> <p>A LA USABILITAT</p> <p>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.</p> <p>Jordi Llonch Esteve</p> <p>CC BY-NC-SA</p> <p>Pg. 4/12</p> <p>Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies</p> <p>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.</p> <p>A RQUITECTURA</p> <p>DE LA INFORMACI</p> <p>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.</p> <p>C OMPORTAMENT</p> <p>DELS ELEMENTS D INTERACCI</p> <p>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</p> <p>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.</p> <p>A JUST</p> <p>AL PERFIL D USUARI</p> <p>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 comparteixen la mateixa necessitat de comunicar-se amb persones que no parlen el seu idioma all on viatgen. A ms a ms, s possible que aquests no disposaran de connexi a Internet mbil arreu del mn, aix que laplicaci funciona de manera completament fora de lnia i noms requereix que el dispositiu estigui carregat. Jordi Llonch Esteve CC BY-NC-SA Pg. 5/12</p> <p>Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies</p> <p>S</p> <p>DE RECURSOS GRFICS</p> <p>Tot i que laplicaci s molt fcil dutilitzar i resulta completament transparent per a qualsevol usuari, lesttica i el tractament de lestil grfic de laplicaci sha quedat a mig cam entre mantenir una composici minimalista i ls dun disseny molt poc atractiu. Tot i tenir un disseny poc atractiu, els pictogrames escollits mantenen una bona relaci entre icona i imatge real, la qual cosa permet que la majoria de les persones puguin entendre i identificar el significat de cadascun dells, amb un marge suficient per a poder fer servir una mateixa imatge amb significats diferents depenent del context.</p> <p>C ONVENCIONS</p> <p>CULTURALS</p> <p>Tant se val el pas dorigen, la cultura a la qual es pertanyi o lidioma que una persona pugui parlar; una de les primeres coses totes les persones aprenem a fer quan som petits s tocar i senyalar objectes amb els dits. Laplicaci TravelCards fa s daquesta convenci cultural, que es entesa i compartida per a qualsevol persona del planeta.</p> <p>R ELACI</p> <p>AMB LES CARACTERSTIQUES PRPIES DEL DISPOSITIU</p> <p>Les persones ens podem comunicar amb els dispositius mbils fent servir una srie de gestos que ja es consideren naturals, per laplicaci TravelCards no t en compte aquestes possibilitats. Lnica caracterstica que aplica s la de prmer per a accedir a cada opci de laplicaci. En cada categoria, seria necessari afegir lopci de desplaar-se entre categories movent el dit en leix horitzontal, alhora que el carrusel de botons superior es desplaa i canvia de mida al mateix temps, generant una sensaci de fludesa i coherncia amb lacci. Dins de cada representaci pictrica shauria dafegir lopci de magnificar i reduir cada imatge amb ls dels dits polze i ndex per a permetre augmentar la mida de les imatges amb ms detalls. Per a les daccions que resulten de prmer els botons, el dispositiu hauria de donar una resposta sonora i/o hptica per a que lusuari se nadons que la seva acci sha dut a terme correctament.</p> <p>Jordi Llonch Esteve</p> <p>CC BY-NC-SA</p> <p>Pg. 6/12</p> <p>Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies</p> <p>R EPRODUCTOR MULTIMDIA B OXEE B OXEl Boxee Box s un reproductor multimdia de sal que, a part de reproduir tot tipus de contingut audiovisual digital de qualsevol dispositiu demmagatzematge (disc dur, USB o SD), escaneja la xarxa domstica i Internet per a trobar vdeos de programes de televisi i pellcules disponibles gratutament. A ms, permet accedir a plataformes de distribuci de pellcules sota demanda (Netflix, Vudu i Mubi) i disposa de multitud daplicacions dels serveis ms populars dInternet, com ara Youtube, Vimeo, Pandora, Flickr, etc. A part daquestes funcions, tamb disposa de la secci Veure desprs, que permet afegir qualsevol vdeo des del navegador web o el propi dispositiu a una llista per a ser visualitzat desprs en la comoditat del televisor. Al mateix temps permet compartir el contingut que tha agradat ms mitjanant Facebook i Twitter amb els teus amics i seguidors.</p> <p>A RQUITECTURA</p> <p>DE LA INFORMACI</p> <p>El Boxee Box inclou tres elements que fan s de larquitectura de la informaci: el reproductor multimdia, el comandament a distncia i la interfcie dusuari. Reproductor Comandament Interfcie dusuari</p> <p>La integraci gaireb perfecte daquests elements denota que hi ha hagut un procs elaborat danlisi de les necessitats que es pretenien satisfer que ha resultat en un disseny atractiu i diferent daltres dispositius similars, alhora que disposa dun disseny funcional que dna resposta a unes necessitats no cobertes fins el moment i que ha aconseguit una organitzaci i una navegaci transparent i senzilla daprendre a utilitzar.</p> <p>C OMPORTAMENT</p> <p>DELS ELEMENTS D INTERACCI</p> <p>El reproductor noms t un bot per engegar-se i apagar-se, per que no cal fer servir, ja que el comandament disposa de les mateixes funcions. A ms, la dualitat o trialitat comandament-teclat-ratol permet desplaar-se entre els elements i mens del dispositiu, fer cerques alfanumriques a la biblioteca i navegar per la Web com si es tracts dun ordinador tradicional. Pel que fa al comandament, es troba a faltar la retroilluminaci de les tecles i una petita pantalla que mostri les lletres escrites, com tenen altres dispositius similars. Pel que fa a la interfcie dusuari, encara no est acabada al 100% i algunes vegades no es comporta de manera prou fluda o satura completament i requereix un reinici del dispositiu.</p> <p>Jordi Llonch Esteve</p> <p>CC BY-NC-SA</p> <p>Pg. 7/12</p> <p>Disseny dinterfcies multimdia PAC 1: La no transparncia de les interfcies</p> <p>A JUST</p> <p>AL PERFIL D USUARI</p> <p>El Boxee Box s un reproductor multimdia posat a la venda per primer cop al mercat a finals de 2010, quan encara no shavien popularitzat les televisions intelligents (o smart TV en angls). En aquell moment el mercat estava saturat de reproductors mu...</p>