Post on 30-Jul-2020
Grado2015/2016_DISEÑOHIPERMEDIA_JoséMaldonado
HIPERMEDIA¿Diseño?
Cuecesoenriqueces???¡Pensarelalcancereal!
AFECTACIÓN[Efecto/Afecto]
#B
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
…MÁSALLÁ…¿historiadefantasmas?
¡NO!
TRANSHISTORIATRANSREALIDAD
TRANSINFORMACIÓN
TRANSHUMANOS
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
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)
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
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]
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
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
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
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]
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
• ¿Aquiénvadirigidalainformación,aquelloqueconstruimosyrealizamos?
• ¿Quéinformaciónesperanencontrarenellanuestrosusuarios,espectadores,etc...?
• ¿Cómoesperanencontrarla?
• ¿Quétérminos/conceptosempleannuestrosusuarios?
• Cómonosaproximamos...aellos,anosotros?
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
APROXIMACIÓNLAMIRADACUÁNTICAFÍSICADELOMICROSCÓPICO
TEORÍADEMATIZLADERIVASEMIOLÓGICA
ELTESORODELSIGNIFICANTE
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Problemasqueaparecencuandotratamosdeorganizarlainformación:
[OJALÁTODOSLOSPROBLEMASFUERANASÍ][OPORTUNIDADDEUNAAIOTRA]
Ambigüedadasociadaallenguaje.[UNTESORO]Heterogeneidaddeloscontenidos.[LAABUNDANCIA]Diferentesperspectivasenfuncióndelosusuarios.[LAMIRADA]Políticasinternasdelasinstituciones…institución??[LAMORAL/LAÉTICA…]
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
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]
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Tambiénsehandetenerenconsideraciónlasestructurasdeorganización…quedeterminanlaformaenqueseaccedealoscontenidos:
Lajerarquía[VERTICAL/HORIZONTALversusla…
RIZOMÁTICA]
Amododebasededatos[QUÉNOSONDATOSQUESEACUMULENenbaseAALGO,LOQUESEA...]
Hipertexto...[DELAIMAGENALLENGUAJE...yvolver]
GEOLOGIA,MINERALIDAD,ASTROFÍSICA,MATEMÁTICA…
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
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]
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
TiposdesistemasdenavegaciónGlobales:proporcionanaccesogeneral/total/lejano
Locales:proporcionanaccesodeproximidadAdicionales:proporcionanatajosparaelaccesoaapartadosnodisponiblesdeformainmediata.
Contextuales:estánintegradosenelcontenidoparaproporcionarinformacióncomplementariaenelmomentodeseaccedidosopuestosdisposición.
Decortesía:proporcionanaccesoaítemsnousadosdeformageneralperoquesonproporcionadosporcomodidad,comoporejemploformulariodesugerencias,informaciónextras,ayudasespeciales,etc….
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
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]
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
TAXONOMÍAVOCABULARIOSEMÁNTICAHIPERTEXTO
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
MAPASDIBUJARMAPASESCREARCARTOGRAFIAS
ESTABLECERCONEXIONESRE_CREARMUNDOS
PARTICIPARDELACOMPLEJIDADperotambién…
PERDERSEyACABAR
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
LOST
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
MetodologíaparalacreacióndelaAI[ESTUDIODEMERCADO]
Estudiarlasnecesidadesdenegocio/contextualesyloscontenidospropuestosparaelTRABAJOOLAOBRAENDESARROLLO….
Desarrollarunejerciciodeordenacióndetarjetasconunconjuntodeusuariosrepresentativos.[TEST]
Evaluarelejercicioybuscarsimilitudesenlosagrupamientospropuestosporlosusuarios.
Desarrollarunaversióninicialdelaarquitectura(entarjetas).Evaluardenuevoestajerarquíaconotrosusuarios.
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Grado2012/2013_DISEÑOHIPERMEDIA_JoséMaldonado
Ellenguajeenlosnuevosmediosdecomunicaciónlaimagenenlaeradigital.Aut:Manovich,LevEdit:BarcelonaPaidós[2005]
LasociedaddelespectáculoAut:Debord,Guy1931-1994Edit:ValenciaPre-Textos2002