SlideShare una empresa de Scribd logo
AI
informació
     n        tipografía

colores   hosting
               fotografías
diseño
         maquetas
 programació
      n       clientes
2 maneras
sitos completos en
       flash
no se fijan en la
  necesidad
vale más la organización que los usuarios
¿información de interés?
venden mal
no son accesibles
Sitios hechos completamente en flash, casi por
completo inaccesibles


Sitios del estado pensados desde la organización.
difíciles de comprender y utilizar por el usuario al
cual está dirigido


Amplia oferta de desarrollo web en poco tiempo y por
precios irracionales
¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?



 DISEÑO CENTRADO EN EL CLIENTE

                  “No me gusta el azul”
               “Mi área debe ir en la home”
       “La foto del ministro debe estar en el inicio”
              “Es que el gerente lo quiere así”
¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?



  DISEÑO CENTRADO EN LA TECNOLOGÍA

                “Eso no se puede hacer”


        “Es que para mí es más fácil hacerlo así”
¿En quién está centrado del diseño y el desarrollo de
sistemas digitales?



  DISEÑO CENTRADO EN EL DISEÑADOR

          “Si más se mueve más lo ve la gente”
                “Me gusta más el verde”
            “Se ve mejor el buscador abajo”
La única forma de luchar contra esto es ...


                                    con TÉCNICA
Sitios usables
Piensan en quien está detrás de la pantalla
accesibles
encontrables

 navegables
fáciles de usar
diseño
centrado en el
Objetivo
Mejorar el proceso de
creación de sitios web
Mejorar la experiencia
     de usuario
impedir la frustración
Definición de una
metodología de mejora
      constante
•PREMISAS
MÁXIMAS
•1. EL USUARIO
 ES LO MÁS
 IMPORTANTE
•Para él
•Por él
•Cómo él
II. la información en la Web no sólo
        se lee,   se usa
             (Juan Carlos Camus)
•III. Tenemos que
 asegurar que sea
 fácil de ocupar
 por todos
el   (DCU)   tiene 3 componente fundamentales
Usabilidad
Arquitectura de la
   Información

 Accesibilidad
¿Qué es la   usabilidad?
Medición que
determina qué tan
fácil de usar es un
        sitio
       (así de fome)
¿Qué tan importante
       es?
“Me equivoqué”

“La tecnología no es
      para mí”
“No sé cómo usar “x”
     sitio web”


 “No lo encuentro”
¿Qué es la   AI?



41
Es parte del diseño integral de sistemas que ayudan a
personas a encontrar lo que necesitan
Richard Saul
         Wurman
• El estudio de la organización de la
  información
• Con el objetivo de permitir encontrar su
  vía de navegación al conocimiento y la
  comprensión de la información
Louis Rosenfeld y
    Peter Morville

• Combinación de esquemas de
  organización, representación y
  navegación dentro de un sistema
Louis Rosenfeld y
     Peter Morville

•Diseño estructural de un espacio
informático para facilitar la culminación de
tareas y el acceso intuitivo al contenido
Louis Rosenfeld y
     Peter Morville

• Arte y ciencia de estructurar y clasificar
  sitios web e intranets (medios digitales)
  con el fin de ayudar a los usuarios a
  encontrar y manejar la información
Jasse James Garret


     • Diseño estructural del espacio
       informacional para facilitar el acceso
       intuitivo a los contenidos




47
Edwad Tufle


• El diseño de la presentación de la
  información para facilitar su
  entendimiento
Baeza-Yates,Velasco
     y Rivera
• La AI se ocupa del diseño estructural de
  los sistemas de información
• Su problema central es la organización,
  recuperación y presentación de la
  información
Arquitecto de la
      información

• Persona que organiza los patrones
  inherentes a la información
• Hace lo complejo entendible
Qué debe hacer un
       AI
• Conjugar varias visiones

• Investigar al usuario
• Investigar a la organización
Conjugar muchas y
diferentes visiones
Investigar al usuario
Investigar a la organización
(cuáles son los objetivos de la
organización)




56
¿Algo más?
Organizar grandes
    cantidades de
contenidos para que el
    usuario pueda
manejarlos, navegar por
  ellos fácilmente y
    satisfacer sus
   necesidades de
     información
Clarificar la misión y
     visión del sitio,
    equilibrando las
necesidades del cliente
y las necesidades de la
        audiencia
Determinar el contenido
 y funcionalidad que el
      sitio tendrá
Especificar cómo los
    usuarios van a
encontrar la información
     al definir su
    organización,
navegación, etiquetado
    y sistemas de
      búsqueda
¿Qué es la
Accesibilidad?
cualidad
          de un sitio
visitado de forma satisfactoria
   por el mayor número de
 personas, independiente de
              sus
      capacidades físicas,
          del entorno
        o tecnológicas
“El poder de la web está en su
  universalidad. Acceso a la
web para todos independiente
     de su discapacidad”


   Tim Berners Lee
Lado bueno / lado malo




65
¿Cómo se escapa
 del lado oscuro?

¿Cómo se ejecuta
   todo esto?
Metodología
          by
Jase James Garrett

    http://www.jjg.net/
experiencia de
   usuario
Un sitio web que desde
 su concepción no está
     pensado en los
usuarios está destinado
       al fracaso
INVESTIGACIÓN DE USUARIOS



     Recolección de
      información
                             TESTEOS DE USABILIDAD


                   Organización de la
                    información (AI)
                 Jerarquía-contenidos 1
                                               TESTEOS DE USABILIDAD


                                     Estructuración de
                                         wireframes
                                   Jerarquía contenidos 2
                                                                   TESTEOS DE USABILIDAD



                                                          Diseño visual
                                                         Jerarquía visual



71

Más contenido relacionado

Similar a Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara

Clase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzoClase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzo
Darcy Vergara
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
TIC0002
 
Ux-usabilidad-dcu-ai-encuentro-latino-f
Ux-usabilidad-dcu-ai-encuentro-latino-fUx-usabilidad-dcu-ai-encuentro-latino-f
Ux-usabilidad-dcu-ai-encuentro-latino-f
Juan Manuel Carraro
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementación
natalymoreno08
 
Syllabus ntic2010
Syllabus ntic2010Syllabus ntic2010
Syllabus ntic2010
bianca
 

Similar a Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara (20)

Clase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzoClase U. del Pacífico 18 de marzo
Clase U. del Pacífico 18 de marzo
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.Arquitectura de información, construyendo UX con bases sólidas.
Arquitectura de información, construyendo UX con bases sólidas.
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
 
Findability
FindabilityFindability
Findability
 
Inventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UXInventario de contenido Diplomado Arquitectura de Información y UX
Inventario de contenido Diplomado Arquitectura de Información y UX
 
"Diseño y experiencia de usuario en Moodle" - Laura Martín
"Diseño	y	experiencia	de	usuario	en	Moodle" - Laura Martín"Diseño	y	experiencia	de	usuario	en	Moodle" - Laura Martín
"Diseño y experiencia de usuario en Moodle" - Laura Martín
 
Clase 4. La Arquitectura y el Arquitecto de la Información
Clase 4. La Arquitectura  y el Arquitecto de la InformaciónClase 4. La Arquitectura  y el Arquitecto de la Información
Clase 4. La Arquitectura y el Arquitecto de la Información
 
Usabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuarioUsabilidad y diseño centrado en la experiencia del usuario
Usabilidad y diseño centrado en la experiencia del usuario
 
Creacion web
Creacion webCreacion web
Creacion web
 
Clase2
Clase2Clase2
Clase2
 
Ux-usabilidad-dcu-ai-encuentro-latino-f
Ux-usabilidad-dcu-ai-encuentro-latino-fUx-usabilidad-dcu-ai-encuentro-latino-f
Ux-usabilidad-dcu-ai-encuentro-latino-f
 
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
Arquitectura de Información y DCU (Diseño Centrado en el Usuario)
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementación
 
Conversion thursday -_user_experience
Conversion thursday -_user_experienceConversion thursday -_user_experience
Conversion thursday -_user_experience
 
Conversion thursday - User Experience
Conversion thursday - User ExperienceConversion thursday - User Experience
Conversion thursday - User Experience
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Syllabus ntic2010
Syllabus ntic2010Syllabus ntic2010
Syllabus ntic2010
 

Más de Interlat

Más de Interlat (20)

GANADORES 10mos. Premios #LatamDigital 2023 by Interlat - Junio 23.pdf
GANADORES 10mos. Premios #LatamDigital 2023 by Interlat - Junio 23.pdfGANADORES 10mos. Premios #LatamDigital 2023 by Interlat - Junio 23.pdf
GANADORES 10mos. Premios #LatamDigital 2023 by Interlat - Junio 23.pdf
 
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023.pdf
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023.pdfFinalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023.pdf
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023.pdf
 
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023
Finalistas 10mos. Premios #LatamDigital 2023 by Interlat - Abril 14 2023
 
_#WebinarInterlat Quieres ser el #1 de Latinoamérica.pptx
_#WebinarInterlat Quieres ser el #1 de Latinoamérica.pptx_#WebinarInterlat Quieres ser el #1 de Latinoamérica.pptx
_#WebinarInterlat Quieres ser el #1 de Latinoamérica.pptx
 
¡Conoce nuestros 9 Pilares de los Premios #LatamDigital 2023 by Interlat
¡Conoce nuestros 9 Pilares de los Premios #LatamDigital 2023 by Interlat¡Conoce nuestros 9 Pilares de los Premios #LatamDigital 2023 by Interlat
¡Conoce nuestros 9 Pilares de los Premios #LatamDigital 2023 by Interlat
 
Palm Secure Innovación en Seguridad Digital con Fujitsu
Palm Secure Innovación en Seguridad Digital con FujitsuPalm Secure Innovación en Seguridad Digital con Fujitsu
Palm Secure Innovación en Seguridad Digital con Fujitsu
 
#WebinarInterlat Por qué y cómo Postularse a_ Premios #Latamdigital2023.pdf
#WebinarInterlat Por qué y cómo Postularse a_ Premios #Latamdigital2023.pdf#WebinarInterlat Por qué y cómo Postularse a_ Premios #Latamdigital2023.pdf
#WebinarInterlat Por qué y cómo Postularse a_ Premios #Latamdigital2023.pdf
 
Automation Marketing: Guía para generar conversiones en piloto automático con...
Automation Marketing: Guía para generar conversiones en piloto automático con...Automation Marketing: Guía para generar conversiones en piloto automático con...
Automation Marketing: Guía para generar conversiones en piloto automático con...
 
Interlat - Servicio Generación Demanda Soluciones SaaS Enero 2023.pdf
Interlat - Servicio Generación Demanda Soluciones SaaS Enero 2023.pdfInterlat - Servicio Generación Demanda Soluciones SaaS Enero 2023.pdf
Interlat - Servicio Generación Demanda Soluciones SaaS Enero 2023.pdf
 
Inteligencia Artificial en las estrategias de Marketing con Iterable
Inteligencia Artificial en las estrategias de Marketing con IterableInteligencia Artificial en las estrategias de Marketing con Iterable
Inteligencia Artificial en las estrategias de Marketing con Iterable
 
10 tips que mejorarán tu Experiencia en Zoom
10 tips que mejorarán tu Experiencia en Zoom10 tips que mejorarán tu Experiencia en Zoom
10 tips que mejorarán tu Experiencia en Zoom
 
Presentación noche de gala 9nos. premios #LatamDigital 2021 by Interlat
Presentación noche de gala 9nos. premios #LatamDigital 2021 by Interlat  Presentación noche de gala 9nos. premios #LatamDigital 2021 by Interlat
Presentación noche de gala 9nos. premios #LatamDigital 2021 by Interlat
 
Estos son los finalistas de los 9nos. Premios #LatamDigital 2021
Estos son los finalistas de los 9nos. Premios #LatamDigital 2021 Estos son los finalistas de los 9nos. Premios #LatamDigital 2021
Estos son los finalistas de los 9nos. Premios #LatamDigital 2021
 
Estudio Digital sobre las Acciones de Social Media en la región latinoaméricana
Estudio Digital sobre las Acciones de Social Media en la región latinoaméricanaEstudio Digital sobre las Acciones de Social Media en la región latinoaméricana
Estudio Digital sobre las Acciones de Social Media en la región latinoaméricana
 
Comunicado de Prensa de los Estudios Digitales de Interlat
Comunicado de Prensa de los Estudios Digitales de InterlatComunicado de Prensa de los Estudios Digitales de Interlat
Comunicado de Prensa de los Estudios Digitales de Interlat
 
Comunicado de Prensa de los 9nos. premios #LatamDigital 2021
Comunicado de Prensa de los 9nos. premios #LatamDigital 2021Comunicado de Prensa de los 9nos. premios #LatamDigital 2021
Comunicado de Prensa de los 9nos. premios #LatamDigital 2021
 
Caso Éxito: ¿Cómo la Corporación Autónoma Regional del Magdalena fortaleció s...
Caso Éxito: ¿Cómo la Corporación Autónoma Regional del Magdalena fortaleció s...Caso Éxito: ¿Cómo la Corporación Autónoma Regional del Magdalena fortaleció s...
Caso Éxito: ¿Cómo la Corporación Autónoma Regional del Magdalena fortaleció s...
 
Comunicado de prensa: Estudio sobre la Trascendencia del Marketing Digital en...
Comunicado de prensa: Estudio sobre la Trascendencia del Marketing Digital en...Comunicado de prensa: Estudio sobre la Trascendencia del Marketing Digital en...
Comunicado de prensa: Estudio sobre la Trascendencia del Marketing Digital en...
 
Estudio Digital La Trascendencia del Marketing Digital en Empresas de Latinoa...
Estudio Digital La Trascendencia del Marketing Digital en Empresas de Latinoa...Estudio Digital La Trascendencia del Marketing Digital en Empresas de Latinoa...
Estudio Digital La Trascendencia del Marketing Digital en Empresas de Latinoa...
 
Ebook: La Actualidad del Comercio Electrónico en Organizaciones de Latinoamérica
Ebook: La Actualidad del Comercio Electrónico en Organizaciones de LatinoaméricaEbook: La Actualidad del Comercio Electrónico en Organizaciones de Latinoamérica
Ebook: La Actualidad del Comercio Electrónico en Organizaciones de Latinoamérica
 

Último

niif 15 ejemplos esenciales para su entendimiento
niif 15 ejemplos esenciales para su entendimientoniif 15 ejemplos esenciales para su entendimiento
niif 15 ejemplos esenciales para su entendimiento
crimaldonado
 
Trigonometria Plan-el mejor.pptxssssssss
Trigonometria Plan-el mejor.pptxssssssssTrigonometria Plan-el mejor.pptxssssssss
Trigonometria Plan-el mejor.pptxssssssss
QuerubinOlayamedina
 
U1. C2. TIPOS DE INSTITUCIONES FINANCIERAS.pptx
U1. C2. TIPOS DE INSTITUCIONES FINANCIERAS.pptxU1. C2. TIPOS DE INSTITUCIONES FINANCIERAS.pptx
U1. C2. TIPOS DE INSTITUCIONES FINANCIERAS.pptx
fernfre15
 
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.pptSESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
econoya12
 
Solicitud de cambio de un producto, a nivel empresarial.
Solicitud de cambio de un producto, a nivel empresarial.Solicitud de cambio de un producto, a nivel empresarial.
Solicitud de cambio de un producto, a nivel empresarial.
femayormisleidys
 

Último (20)

Sesión 8 de comercio internacional tercer ciclo
Sesión 8 de comercio internacional tercer cicloSesión 8 de comercio internacional tercer ciclo
Sesión 8 de comercio internacional tercer ciclo
 
niif 15 ejemplos esenciales para su entendimiento
niif 15 ejemplos esenciales para su entendimientoniif 15 ejemplos esenciales para su entendimiento
niif 15 ejemplos esenciales para su entendimiento
 
Mezcal con orgullo: Empresa que fabrica mezcal
Mezcal con orgullo: Empresa que fabrica mezcalMezcal con orgullo: Empresa que fabrica mezcal
Mezcal con orgullo: Empresa que fabrica mezcal
 
plan contable empresarial para empresass
plan contable empresarial para empresassplan contable empresarial para empresass
plan contable empresarial para empresass
 
JAMAL SPORTS.pptx.documento_de_explicacion
JAMAL SPORTS.pptx.documento_de_explicacionJAMAL SPORTS.pptx.documento_de_explicacion
JAMAL SPORTS.pptx.documento_de_explicacion
 
DDF Luis GIl Diagrama de flujo (1).pptx
DDF Luis GIl Diagrama de flujo  (1).pptxDDF Luis GIl Diagrama de flujo  (1).pptx
DDF Luis GIl Diagrama de flujo (1).pptx
 
INFORME ADMINISTRACIÓN EN PROPIEDAD HORIZONTAL
INFORME ADMINISTRACIÓN EN PROPIEDAD HORIZONTALINFORME ADMINISTRACIÓN EN PROPIEDAD HORIZONTAL
INFORME ADMINISTRACIÓN EN PROPIEDAD HORIZONTAL
 
Cosas generales sobre la empresa mezcal con orgullo
Cosas generales sobre la empresa mezcal con orgulloCosas generales sobre la empresa mezcal con orgullo
Cosas generales sobre la empresa mezcal con orgullo
 
Trigonometria Plan-el mejor.pptxssssssss
Trigonometria Plan-el mejor.pptxssssssssTrigonometria Plan-el mejor.pptxssssssss
Trigonometria Plan-el mejor.pptxssssssss
 
Supply Chain Management Universidad César Vallejo
Supply Chain Management Universidad César VallejoSupply Chain Management Universidad César Vallejo
Supply Chain Management Universidad César Vallejo
 
MICRO BIT, LUCES Y CÓDIGOS. SERGIO LOZANO
MICRO BIT, LUCES Y CÓDIGOS. SERGIO LOZANOMICRO BIT, LUCES Y CÓDIGOS. SERGIO LOZANO
MICRO BIT, LUCES Y CÓDIGOS. SERGIO LOZANO
 
U1. C2. TIPOS DE INSTITUCIONES FINANCIERAS.pptx
U1. C2. TIPOS DE INSTITUCIONES FINANCIERAS.pptxU1. C2. TIPOS DE INSTITUCIONES FINANCIERAS.pptx
U1. C2. TIPOS DE INSTITUCIONES FINANCIERAS.pptx
 
La Norma Internacional de Contabilidad 21 Efectos de las variaciones en las t...
La Norma Internacional de Contabilidad 21 Efectos de las variaciones en las t...La Norma Internacional de Contabilidad 21 Efectos de las variaciones en las t...
La Norma Internacional de Contabilidad 21 Efectos de las variaciones en las t...
 
BANRURAL S.A Case Study, Guatemala. INCAE Business Review, 2010.
BANRURAL S.A Case Study, Guatemala. INCAE Business Review, 2010.BANRURAL S.A Case Study, Guatemala. INCAE Business Review, 2010.
BANRURAL S.A Case Study, Guatemala. INCAE Business Review, 2010.
 
Formato Presentacion FALTAS ACADEMICAS Y DISCIPLINARIAS SENA V3 (1).pptx
Formato Presentacion FALTAS ACADEMICAS Y DISCIPLINARIAS SENA V3 (1).pptxFormato Presentacion FALTAS ACADEMICAS Y DISCIPLINARIAS SENA V3 (1).pptx
Formato Presentacion FALTAS ACADEMICAS Y DISCIPLINARIAS SENA V3 (1).pptx
 
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.pptSESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
SESION 10 INTEGRACIÓN DE PERSONAL SELECCIÓN DE PERSONAL VIRTUAL.ppt
 
Presentación Mezcal con orgullo para pagina mix
Presentación Mezcal con orgullo para pagina mixPresentación Mezcal con orgullo para pagina mix
Presentación Mezcal con orgullo para pagina mix
 
Solicitud de cambio de un producto, a nivel empresarial.
Solicitud de cambio de un producto, a nivel empresarial.Solicitud de cambio de un producto, a nivel empresarial.
Solicitud de cambio de un producto, a nivel empresarial.
 
APE 7. SEMANA 7 PROYECTOS DE INVERSIÓN.pdf
APE 7. SEMANA 7 PROYECTOS DE INVERSIÓN.pdfAPE 7. SEMANA 7 PROYECTOS DE INVERSIÓN.pdf
APE 7. SEMANA 7 PROYECTOS DE INVERSIÓN.pdf
 
EL NACIMIENTO DE LA OBLIGACIÓN TRIBUTARIA EN EL PERÚ.docx
EL NACIMIENTO DE LA OBLIGACIÓN TRIBUTARIA EN EL PERÚ.docxEL NACIMIENTO DE LA OBLIGACIÓN TRIBUTARIA EN EL PERÚ.docx
EL NACIMIENTO DE LA OBLIGACIÓN TRIBUTARIA EN EL PERÚ.docx
 

Diseño web y_usabilidad_ arquitectura_ de_ la_ información_interlat_darcy_vergara