#B HIPERMEDIAumh2131.edu.umh.es/.../sites/919/2013/02/HIPERMEDIA_B.pdf · 2016-03-15 · Grado 2012...

Grado2015/2016_DISEÑOHIPERMEDIA_JoséMaldonado

HIPERMEDIA¿Diseño?

Cuecesoenriqueces???¡Pensarelalcancereal!

AFECTACIÓN[Efecto/Afecto]

#B


…MÁSALLÁ…¿historiadefantasmas?

¡NO!

TRANSHISTORIATRANSREALIDAD

TRANSINFORMACIÓN

TRANSHUMANOS


Laarquitecturade la Información(AI)es ladisciplinayarteencargadadelestudio,análisis,organización,disposiciónyestructuracióndelainformaciónenespaciosdeinformación, y de la selección y presentación de los datos en los sistemas deinformacióninteractivosynointeractivos.

[AI]

DISEÑOESTRUCTURALDEENTORNOS

ARTEYCIENCIADEORGANIZAR…

COMUNIDADEMERGENTEORIENTADAHACIALODIGITAL….Perovienedeatrás

TODOESTOESESCASO…MUYESCASO(peroeslobásico)


XEROXEl término Arquitectura empieza a utilizarse por primera vez en el ámbito de lainformáticaenelaño1959eneltrabajodeLyleR.JonsonyFrederickP.BrookdeIBM.Noobstantehayqueesperarhasta1970cuandoXeroxreunióaungrupodecientíficosdelámbito de las Ciencias de la Información (bibliotecología exactamente) y las Cienciasnaturalesalosqueencargólacreacióndeuna"ArquitecturadelaInformación”.

BLIBLION+THEKE+NOMOS[LIBRO+CAJA+LEY]


Unsitio/lugar(trabajoartístico)biendiseñadotendrálassiguientescaracterísticas:

– Suscontenidosestaránbienestructurados.(…caos/orden)– Dispondrádecontenidosdecalidad.(honestidad….)– Tendráunainterfazdefáciluso…ono[complejidad]– Seráaccesiblealosusuarios…oseráhermética(no?)– Sepodráencontrarfácilmenteatravésdeunbuscador.– Sepodrábuscar…yalomejornoseencuentra(desaparición)– LODESAPERCIBIDOESTÁ…LOTRANS_APARENTE,TAMBIÉN


1. Consideracionesprevias

2. LaArquitecturadelaInformación:1. Laorganizacióndelainformación.2. Elsistemadeetiquetado.3. Elsistemadenavegación.4. Navegaciónhipertextual.5. Sistemadebúsquedayaccesoalainformación.

3. CreacióndelaAIdeunsitio(DELOQUESEA)mediantetécnicasdeCardSorting.

4. Prototipado[LAIDEADEPROYECTO...LACULTURADEPROYECTO]


• ¿Aquiénvadirigidalainformación,aquelloqueconstruimosyrealizamos?

• ¿Quéinformaciónesperanencontrarenellanuestrosusuarios,espectadores,etc...?

• ¿Cómoesperanencontrarla?

• ¿Quétérminos/conceptosempleannuestrosusuarios?

• Cómonosaproximamos...aellos,anosotros?


APROXIMACIÓNLAMIRADACUÁNTICAFÍSICADELOMICROSCÓPICO

TEORÍADEMATIZLADERIVASEMIOLÓGICA

ELTESORODELSIGNIFICANTE


Problemasqueaparecencuandotratamosdeorganizarlainformación:

[OJALÁTODOSLOSPROBLEMASFUERANASÍ][OPORTUNIDADDEUNAAIOTRA]

Ambigüedadasociadaallenguaje.[UNTESORO]Heterogeneidaddeloscontenidos.[LAABUNDANCIA]Diferentesperspectivasenfuncióndelosusuarios.[LAMIRADA]Políticasinternasdelasinstituciones…institución??[LAMORAL/LAÉTICA…]


LaorganizacióndelainformaciónExistendiferentesesquemasparalaorganizacióndenuestroscontenidos:Esquemasdeorganizaciónexactos:Alfabéticos[SEMIOLOGÍA]Cronológicos[VIAJESENELTIEMPO]Geográficos[FRACTALIDAD]

Esquemasdeorganizaciónambiguos:Temáticos[TEORÍADECONJUNTOS]Portareas[FORDISMOVERSUSTOYOTISMO]Poraudiencia[UNOYMUCHOS/YOTUEL....]Pormetáforas(i.e.Imágenes)[ELUNIVERSOMISMO]Híbridos[LOTRANSESSUEVOLUCIÓN][GENEROS]


Tambiénsehandetenerenconsideraciónlasestructurasdeorganización…quedeterminanlaformaenqueseaccedealoscontenidos:

Lajerarquía[VERTICAL/HORIZONTALversusla…

RIZOMÁTICA]

Amododebasededatos[QUÉNOSONDATOSQUESEACUMULENenbaseAALGO,LOQUESEA...]

Hipertexto...[DELAIMAGENALLENGUAJE...yvolver]

GEOLOGIA,MINERALIDAD,ASTROFÍSICA,MATEMÁTICA…


SistemadenavegaciónElsistemadenavegaciónesaquelquenospermitedesplazarnosatravésdelaarquitecturacreada.[QUEHACERSISEESTROPEA;-)]LAIMPROVISACIÓNESFRUTODELANÁLISIS…CASI[HAYQUEESTARATENTOS]Debefacilitaralusuariolasiguienteinformación:Dóndeestá.[ONO]OCÓMOES???Dóndepuedeir.[ONO]O,DESDEDÓNDELLEGA???Comoestáorganizadoelsitio…ellugar…(realovirtual)[ONOESTÁORGANIZADO][OBJETODEANÁLISIS]

Elsistemadenavegación(global)tiendeaserconstante.[UNIFORMIDAD]Elsistemadenavegacióndeunsitiopuedeadapatarseasuaudiencia.[ONO][FEEDBACK<>RETROAJUSTE]


TiposdesistemasdenavegaciónGlobales:proporcionanaccesogeneral/total/lejano

Locales:proporcionanaccesodeproximidadAdicionales:proporcionanatajosparaelaccesoaapartadosnodisponiblesdeformainmediata.

Contextuales:estánintegradosenelcontenidoparaproporcionarinformacióncomplementariaenelmomentodeseaccedidosopuestosdisposición.

Decortesía:proporcionanaccesoaítemsnousadosdeformageneralperoquesonproporcionadosporcomodidad,comoporejemploformulariodesugerencias,informaciónextras,ayudasespeciales,etc….


LasetiquetasylaorganizacióndelainformaciónLasetiquetasmuestranlaformaenqueestáorganizadounsitiowebypermitensunavegación.Sonmuyimportantes:Lasetiquetasdelsistemadenavegación:Claras.[UOBSCURAS]Autoexcluyentes.[INCLUYENTES][AUTOGENERATIVAS]

Lasetiquetasdelosenlaces:Fácilmentereconocibles.[IRRECONOCIBLES,TAMBIÉN]

Lasetiquetasdelascabeceras/títulos:Significativas.[INSIGNIFICANTESYASIGNIFICATIVAS]

¡ATENCIÓN!Lasetiquetasdebenelegirsetomandoenconsideraciónelvocabulariodenuestrosusuarios.[DENUESTRABANDA,LOGIA,GRUPO...PEROTAMBIÉNDELNUESTRO.NUESTROVOCABULARIOESIMPORTANTE]


TAXONOMÍAVOCABULARIOSEMÁNTICAHIPERTEXTO


MAPASDIBUJARMAPASESCREARCARTOGRAFIAS

ESTABLECERCONEXIONESRE_CREARMUNDOS

PARTICIPARDELACOMPLEJIDADperotambién…

PERDERSEyACABAR


LOST


MetodologíaparalacreacióndelaAI[ESTUDIODEMERCADO]

Estudiarlasnecesidadesdenegocio/contextualesyloscontenidospropuestosparaelTRABAJOOLAOBRAENDESARROLLO….

Desarrollarunejerciciodeordenacióndetarjetasconunconjuntodeusuariosrepresentativos.[TEST]

Evaluarelejercicioybuscarsimilitudesenlosagrupamientospropuestosporlosusuarios.

Desarrollarunaversióninicialdelaarquitectura(entarjetas).Evaluardenuevoestajerarquíaconotrosusuarios.


Ellenguajeenlosnuevosmediosdecomunicaciónlaimagenenlaeradigital.Aut:Manovich,LevEdit:BarcelonaPaidós[2005]

LasociedaddelespectáculoAut:Debord,Guy1931-1994Edit:ValenciaPre-Textos2002

#B HIPERMEDIAumh2131.edu.umh.es/.../sites/919/2013/02/HIPERMEDIA_B.pdf · 2016-03-15 · Grado 2012...

Documents

Transcript of #B HIPERMEDIAumh2131.edu.umh.es/.../sites/919/2013/02/HIPERMEDIA_B.pdf · 2016-03-15 · Grado 2012...