Estudis dInformtica, Multimdia i Telecomunicaci.

Grau de Multimdia

Arquitectura de la informaci
Jaume Reig Carrascosa
Tercera Prctica dAvaluaci Continuada (PAC3)

NDEX
I.eSQUeMA --------------------------------------------------------------------------------------3 II.WiReFRAMe --------------------------------------------------------------------------------- 6 III.OBJeCTiUS ---------------------------------------------------------------------------------- 7 IV.OPini PeRSOnAL -------------------------------------------------------------------------- 8 BiBLiOGRAFiA ----------------------------------------------------------------------------------- 9

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC3. Jaume Reig Carrascosa

I. ESQUEMA
BSQUEDA HOTELES Continua cap a: A

SOBRE NOSOTROS

NUESTROS HOTELES

Continua cap a: B

PLAYAS ALMERIA

mapa interactiu de les platjes amb informacions generals

LLEGENDA
Entrada al site

GESTIN RESERVA INICIO

Continua cap a: C

Relacions entre pgines Base de dades

CONTACTO

OFERTA DEL DA Oferta del da en format banner grfic, en el contingut de la pgina

OFERTAS DEL DA FINES DE SEMANA ESPECIAL PUENTES

Components de pgina Mitjanant la base de dades recuperarem les dades de les ofertes segons els criteris. El Banner mostra de forma alleatria les diferents ofertes en portada. Grups de pgines relacionades

Documents

BANNER

Pgina

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC3. Jaume Reig Carrascosa

I. ESQUEMA
Prov de: A INTERFICIE DE CERCA BASE DADES RESERVA

DATES

UBICACI GEOGRFICA

DESCRIPCI HOTEL

SERVEIS

N HABITACIONS Cerdador hotels per data dentrada i sortida, ubicaci geogrfica i n habitacions.

PREU (PROFORMA) Llistat hotels disponibles segons criteris de cerca

Prov de: B

BASE DADES

RESERVA

NOTA1: Camps de cerca (dates entrada, sortida, habitacions) per comprovar disponibilitat hotel.

DESCRIPCI HOTEL PREUS

SERVEIS DISPONIBILITAT
Veure nota1

Si hotel est disponible

FITXA HOTEL

Recupera el llistat sencer dhotels

Si no est disponible torna a llista hotels

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC3. Jaume Reig Carrascosa

I. ESQUEMA
Prov de: C INTERFICIE SEGUIMENT

Si codi reserva s correcte DADES RESERVA

N RESERVA PGINA ERROR Si codi reserva no s correcte

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC3. Jaume Reig Carrascosa

II. WIREFRAME
LOGO FOTO CAPALERA LOGO PATRONAT ALMERA RESERVAS 950 26 10 10 INICIO SOBRE NOSOTROS NUESTROS HOTELES PLAYAS ALMERA GESTIN RESERVAS CONTACTO

Inicio -> Bsqueda hotel BUSCADOR HOTELES Entrada: Salida: Playa Rural Almera (ciudad) BUSCAR Habitaciones: 1 BANER OFERTAS Y PROMOCIONES

10

DESCRIPCIN El hotel Envia est situado en el valle de Vcar conocido como La Envia Golf, a tan slo 10 minutos de la capital por la autova A-7 (salida 429 Roquetas de MarEnix-Felix) y a 15 minutos del aeropuerto. Granada-Almera por Guadix, y desde la costa malaguea por la ctra. N-340. FOTO HOTEL SERVICIOS Icones serveis hotel PRECIO ENTRADA: 12/10/2011 SALIDA: 15/10/2011

OFERTAS DEL DA

FOTO

FINES DE SEMANA

FOTO

150

RESERVAR

ESPECIAL PUENTES

FOTO

Info legal - mapa web - Email hotelesAlmera - Direccin - Telfono

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC3. Jaume Reig Carrascosa

III. OBJECTIUS
En el disseny de lAI bsicament he tingut 2 objectius: que la web fos prctica de cara a lusuari (que pugues trobar fcilment el que est cercant) i que estigus preparada per a mostrar continguts constantment actualitzats duna forma atractiva (baner animat i apartats Ofertas del da, Fines de semana i Especial puentes). Un cop avaluada la pgina amb lanlisis heurstic i el benchmarking, vaig notar moltes errades, per potser la ms greu que vaig notar s que la web en qesti no pot satisfer els objectius dels usuaris de cerca dhotel per tenir una arquitectura massa profunda que fa que tinguem que fer molts clics fins a arribar a Reserva, i per tant tampoc satisf els objectius de negoci de lempresa, que en definitiva s que els usuaris reservin hotels. Sota aquesta premissa bsica, he intentat que el sistema de reserva online fs el ms gil e intutiu possible, implementant una arquitectura de la informaci on el cercador fos el (pal de paller) lelement clau de la web, i on la fitxa resultant defectuar una cerca mostrs tots els dinters de cara als usuaris juntament amb la funcionalitat (bot) de reserva. Cal dir que no he contemplat en larquitectura que passaria quan un usuari fa clic al bot de reserva, ja que en aquest cas ens podrem trobar en diversos escenaris i hauria de saber quin s el que he de contemplar: o continuar amb el sistema que tenen implantat com un simple enviament de formulari de reserva, o fer veritablement un sistema de reserva online, amb pagament mitjanant TPV, paypal, etc..ja que el primer no t gaire sentit, si no es coneix si un hotel est disponible i des dun punt de vista dempresa gens recomanable acceptar reserves sense un pagament per avanat. El que si en principi he contemplat s que la base de dades t accs als hotels en temps real per a comprovar si tenen habitacions lliures. Per altre part tal, com vaig analitzar el avaluaci heurstica referent a la part didentitat, em donava la impressi que el logo corporatiu i el del Patronat de la Diputaci dAlmera estaven massa junts i gaireb semblava tenir ms importncia aquest segon, i lusuari podia dubtar en qui era qui. Per aquest motiu he separat els logos i he fet que el del Patronat no ocups la part central, a ms a ms de fer-lo ms petit. Un altre element que he inserit per donar credibilitat a la part didentitat de lempresa s enllaos en el peu de pgina de. info legal i informacions de contacte en general (telfon, adrea i email). Pel que fa referencia a la part detiquetatge he modificat algunes etiquetes respecte a loriginal que em semblaven poc autodescriptives de tal forma que resulti ms clar que s el que trobarem si fem clic en elles tals com. Conzcanos per Sobre nosotros i Informacin per Contacto. A la part de navegaci he incls un sistema de fils dAriadna (breadcrumbs) just per sota de la capalera com a sistema suplementari de navegaci i per orientar als usuaris don es troben en cada moment. Tamb he categoritzat alguns elements agrupant-los per temes. Per exemple: Ofertas del da, Especial puentes i Fines de semana, els he posat com enllaos contextuals dins la columna dreta del contingut de pgina. Per ltim com a valor afegit he contemplat la implementaci dun sistema de seguiment de la reserva (Gestin reservas), on lusuari pugui introduir el codi de la reserva i el sistema mostri les dades referents a aquesta.

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC3. Jaume Reig Carrascosa

IV. OPINI PERSONAL

Pel que fa a lopini personal sobre la realitzaci de la PAC, he de dir que mha resultat bastant dificultosa la seva realitzaci sobretot en laspecte de conceptualitzaci com tamb dexpressi de les ideas de tot plegat dibuixades sobre el paper per tal que aquestes fossin fcilment desxifrables i entenibles. Segurament aquesta ha sigut la dificultat ms gran; fer que els esquemes mentals que tenia ms o menys endreats en diferents esbossos, unificar-los i donar-hi forma en un nic document que fos coherent. He de dir que el fet que no hi hagi un nic criteri alhora de dissenyar i conceptualitzar iconografies en els diagrames i en els wireframes mha desorientat i confs bastant. Per aquest motiu he intentat seguir els consells de lenunciat de la prctica i dels apunts preferentment tot i que tamb he agafat algunes idees daltres exemples de la bibliografia recomanada que mhan semblat clars e interessants. Per ltim dir que jo mateix mhe sorprs com a mesura que anava avanant amb la prctica, anava trobant elements, situacions i escenaris que no havia contemplat anteriorment. Com a exemple citar la reserva dhotel on saber si est disponible crec que s essencial per al disseny duna arquitectura complerta. En resum, no se si haur fet una bona prctica o no, per el que mha quedat clar s que conceptualitzar el disseny de larquitectura dun lloc web prviament a la feina de disseny grfic i programaci ens ajuda en molt a preveure i corregir possibles dificultats que ens podem trobar i que un cop comenada la feina de disseny web i programaci serien ms difcils de corregir.

UOC. Estudis dInformtica, Multimdia i Telecomunicaci. Grau de Multimdia

Arquitectura de la informaci. 1er semestre 2011-2012. PAC3. Jaume Reig Carrascosa

BIBLIOGRAFIA
Morville, Peter. Rosenfeld, Louis (1998). Arquitectura de la Informaci per la World Wide Web. OReally Media, Inc, 1005 Gravenstein Highway North, Sebastopol. Collaboradors de la Viquipdia. Folcsonomia [en lnia]. Viquipdia, lEnciclopdia Lliure, 2009 [data de consulta: 17 de octubre del 2011]. Disponible en <http:// ca.wikipedia.org/w/index.php?title=Folcsonomia&oldid=4644621>. Hassan Montero, Yusef Francisco. Fernndez, J. Martn (30 de Marzo de 2003) [en lnia]. Gua de Evaluacin Heurstica de Sitios Web. No solo Usabilidad [data de consulta: 17 de octubre del 2011]. Disponible en < http://www.nosolousabilidad.com/articulos/heuristica.htm>. Collaboradors de la Viquipdia. Benchmarking [en lnia]. Viquipdia, lEnciclopdia Lliure, 2011 [data de consulta: 15 doctubre del 2011]. Disponible en <// ca.wikipedia.org/w/index.php?title=Benchmarking&oldid=7852441>. Rosenfeld. Louis (Aug 17, 2004). Information Architecture Heuristics [en lnia]. Bloug: Information Architecture Heuristics [data de consulta: 17 de octubre del 2011]. Disponible en < http://louisrosenfeld.com/home/bloug_archive/000286.html > Princeton University. Guide to Creating Website Information Architecture and Content [en lnia].[data de consulta: 3 de novembre del 2011]. Disponible en < http://www.princeton.edu/communications/services/docs/IAguide2.pdf> Jesse James Garrett . Un vocabulario visual para describir arquitectura de informacin y diseo de interaccin [en lnia].[data de consulta: 3 de novembre del 2011]. Disponible en < http://www.jjg.net/ia/visvocab/spanish.html> Sofa Savoy . Diseo del Sitio Web para Audiomusica S.A. [en lnia].[data de consulta: 3 de novembre del 2011]. Disponible en <http://wiki.ead.pucv.cl/index.php/ Dise%C3%B1o_del_Sitio_Web_para_Audiomusica_S.A.#Wireframes> fuzzymath.com. how to read a wireframe[en lnia].[data de consulta: 3 de novembre del 2011]. Disponible en < http://blog.fuzzymath.com/2011/07/12/how-toread-a-wireframe/ >

Jaume Reig Carrascosa Novembre de 2011