SlideShare uma empresa Scribd logo
1 de 27
Baixar para ler offline
punto  com                              ingeniería



     DISEÑO Y USABILIDAD EN INTERNET
Santiago Bustelo, 6 de junio de 2001 • Centro Argentino de Ingenieros
! $ !% " $ !'
             !#                                 !(
                      " ! #
     !" !)




                                                      "*
                  !




                                                            "! " "
                                     $ %
         !
              !                 &
                  ' ( "#
!




)




                                                      ")
    )*                                         %&
         "$ "         "(
              % "& "'

                       D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
“La usabilidad de una interfaz es una
medida de la efectividad, eficiencia y satisfacción
con la cual determinados usuarios pueden
alcanzar determinados objetivos en un entorno
particular con dicha interfaz.”

     (ISO 9241, Requerimientos ergonómicos para trabajo
     de oficina con terminales visuales, Parte 11 - 1997)




                             D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
El problema
pasa una persona,
    y el puente
  se derrumba…
pasa un auto,
  y el puente
se derrumba…
Ingeniería:
     La capacidad de diseñar con bases
racionales, predecir numéricamente el
desempeño, y obtener un resultado que
funciona de acuerdo a lo esperado.

     (Jef Raskin)




                    D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
Ley de Hick-Hyman
      T = a + b log2 (n + 1)
T: Tiempo total
      a: 50 ms.
      b: 150 ms.
      n: cantidad de alternativas
         con idéntica probabilidad




                        D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
Ley de Hick-Hyman
   32 items:
   50 + 150 log2 (32 + 1) = 806,6                 ms.




                 D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
Ley de Hick-Hyman
   32 items:
   50 + 150 log2 (32 + 1) = 806,6                  ms.
   32 items / 4 submenúes:
   50 + 150 log2 (8 + 1) = 525,48 ms.




                  D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
Ley de Hick-Hyman
   32 items:
   50 + 150 log2 (32 + 1) = 806,6                   ms.
   32 items / 4 submenúes:
   50 + 150 log2 (8 + 1) = 525,48 ms.
               4(525,48) = 2101,92                      ms.



                   D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
Ley de Fitts
      T = a + b log2 (D/S + 1)
T: Tiempo total
      a: 50 ms.
      b: 150 ms.
      D: distancia al objeto
      S: tamaño del objeto




                         D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
Ley de Metcalfe
      V = u . vu
V: Valor de la red
      u: cantidad de usuarios
      vu: valor por usuario




                        D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
Ley de Metcalfe
      V = u . vu
          u = vu
V: Valor de la red
      u: cantidad de usuarios
      vu: valor por usuario




                        D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
Ley de Metcalfe
      V = u2
V: Valor de la red
      u: cantidad de usuarios




                        D I S E Ñ O   Y   U SA BI LI D A D   E N   I N T E R N E T
punto  com                       ingeniería




       DISEÑO Y USABILIDAD EN INTERNET
Santiago Bustelo, 6 de junio de 2001 • Centro Argentino de Ingenieros

Mais conteúdo relacionado

Semelhante a Punto com e ingeniería: Diseño y Usabilidad en Internet - Semana de la Ingeniería 2001, CAI

Semelhante a Punto com e ingeniería: Diseño y Usabilidad en Internet - Semana de la Ingeniería 2001, CAI (20)

Programas metodos numericos
Programas metodos numericosProgramas metodos numericos
Programas metodos numericos
 
Guia de recursos digitales
Guia de recursos digitales Guia de recursos digitales
Guia de recursos digitales
 
Coloreando y-programando-scratch
Coloreando y-programando-scratchColoreando y-programando-scratch
Coloreando y-programando-scratch
 
Coloreando y-programando-scratch
Coloreando y-programando-scratchColoreando y-programando-scratch
Coloreando y-programando-scratch
 
Plantillasoftmov
PlantillasoftmovPlantillasoftmov
Plantillasoftmov
 
Legislacion
LegislacionLegislacion
Legislacion
 
Informe robot pintor.pdf
Informe robot pintor.pdfInforme robot pintor.pdf
Informe robot pintor.pdf
 
Img
ImgImg
Img
 
Electronicaiylab.
Electronicaiylab.Electronicaiylab.
Electronicaiylab.
 
Rv unam dvrv_2017
Rv unam dvrv_2017Rv unam dvrv_2017
Rv unam dvrv_2017
 
Tema 1 - Introducción
Tema 1  - IntroducciónTema 1  - Introducción
Tema 1 - Introducción
 
Porqué Cervantes programaba mejor que tú
Porqué Cervantes programaba mejor que túPorqué Cervantes programaba mejor que tú
Porqué Cervantes programaba mejor que tú
 
Por qué Cervantes programaba mejor que tú
Por qué Cervantes programaba mejor que túPor qué Cervantes programaba mejor que tú
Por qué Cervantes programaba mejor que tú
 
Proyecto Barrera[1]
Proyecto Barrera[1]Proyecto Barrera[1]
Proyecto Barrera[1]
 
Correccion
Correccion Correccion
Correccion
 
Artículo Tesis de Algoritmos 3D
Artículo Tesis de Algoritmos 3DArtículo Tesis de Algoritmos 3D
Artículo Tesis de Algoritmos 3D
 
OWASP Meeting. Análisis de ECO
OWASP Meeting. Análisis de ECOOWASP Meeting. Análisis de ECO
OWASP Meeting. Análisis de ECO
 
Tupa Cochabamba
Tupa CochabambaTupa Cochabamba
Tupa Cochabamba
 
Presentación eje temático 2
Presentación eje temático 2Presentación eje temático 2
Presentación eje temático 2
 
Viruta
VirutaViruta
Viruta
 

Mais de Santiago Bustelo

Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UXNuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UXSantiago Bustelo
 
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Santiago Bustelo
 
Diseño de Información Interactivo: Principios, Fundamentos y Casos - DG3 R...
Diseño de  Información Interactivo: Principios, Fundamentos y Casos - DG3 R...Diseño de  Información Interactivo: Principios, Fundamentos y Casos - DG3 R...
Diseño de Información Interactivo: Principios, Fundamentos y Casos - DG3 R...Santiago Bustelo
 
Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?
Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?
Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?Santiago Bustelo
 
UX professionalism: What can we learn from marketing's mistakes?
UX professionalism: What can we learn from marketing's mistakes?UX professionalism: What can we learn from marketing's mistakes?
UX professionalism: What can we learn from marketing's mistakes?Santiago Bustelo
 
Core Design: Incorporando UX en la educación formal de diseño
Core Design: Incorporando UX en la educación formal de diseñoCore Design: Incorporando UX en la educación formal de diseño
Core Design: Incorporando UX en la educación formal de diseñoSantiago Bustelo
 
Core Design: Taller de definición de roles, trabajo en equipo, ideación.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.Core Design: Taller de definición de roles, trabajo en equipo, ideación.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.Santiago Bustelo
 
Core Design: Design Research - Cómo realizar las preguntas correctas para el ...
Core Design: Design Research - Cómo realizar las preguntas correctas para el ...Core Design: Design Research - Cómo realizar las preguntas correctas para el ...
Core Design: Design Research - Cómo realizar las preguntas correctas para el ...Santiago Bustelo
 
Core Design: Taller de definición de roles, trabajo en equipo, ideación.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.Core Design: Taller de definición de roles, trabajo en equipo, ideación.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.Santiago Bustelo
 
Las metodologías ágiles como problema de diseño
Las metodologías ágiles como problema de diseñoLas metodologías ágiles como problema de diseño
Las metodologías ágiles como problema de diseñoSantiago Bustelo
 
Principios, procesos y herramientas UX para la enseñanza del Diseño
Principios, procesos y herramientas UX para la enseñanza del DiseñoPrincipios, procesos y herramientas UX para la enseñanza del Diseño
Principios, procesos y herramientas UX para la enseñanza del DiseñoSantiago Bustelo
 
Experiencia de Usuario: Diseñar más allá de las pantallas - GoogleLaunchPadBA
Experiencia de Usuario: Diseñar más allá de las pantallas - GoogleLaunchPadBAExperiencia de Usuario: Diseñar más allá de las pantallas - GoogleLaunchPadBA
Experiencia de Usuario: Diseñar más allá de las pantallas - GoogleLaunchPadBASantiago Bustelo
 
Design Research: How to frame the right questions for your design process
Design Research: How to frame the right questions for your design processDesign Research: How to frame the right questions for your design process
Design Research: How to frame the right questions for your design processSantiago Bustelo
 
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...Santiago Bustelo
 
Design Research: cómo realizar las preguntas correctas para el proceso de diseño
Design Research: cómo realizar las preguntas correctas para el proceso de diseñoDesign Research: cómo realizar las preguntas correctas para el proceso de diseño
Design Research: cómo realizar las preguntas correctas para el proceso de diseñoSantiago Bustelo
 
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...Santiago Bustelo
 
UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...
UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...
UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...Santiago Bustelo
 
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...Santiago Bustelo
 
devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...
devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...
devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...Santiago Bustelo
 
Sobre ganarnos el respeto para hacer lo que amamos (Interaction South America...
Sobre ganarnos el respeto para hacer lo que amamos (Interaction South America...Sobre ganarnos el respeto para hacer lo que amamos (Interaction South America...
Sobre ganarnos el respeto para hacer lo que amamos (Interaction South America...Santiago Bustelo
 

Mais de Santiago Bustelo (20)

Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UXNuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
Nuestros entregables son nuestra moneda: Luchando contra 
la devaluación de UX
 
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
Metodología y Herramientas para diseñar sistemas 
de alta performance - XII J...
 
Diseño de Información Interactivo: Principios, Fundamentos y Casos - DG3 R...
Diseño de  Información Interactivo: Principios, Fundamentos y Casos - DG3 R...Diseño de  Información Interactivo: Principios, Fundamentos y Casos - DG3 R...
Diseño de Información Interactivo: Principios, Fundamentos y Casos - DG3 R...
 
Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?
Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?
Práctica profesional UX: ¿Qué podemos aprender de los errores del Marketing?
 
UX professionalism: What can we learn from marketing's mistakes?
UX professionalism: What can we learn from marketing's mistakes?UX professionalism: What can we learn from marketing's mistakes?
UX professionalism: What can we learn from marketing's mistakes?
 
Core Design: Incorporando UX en la educación formal de diseño
Core Design: Incorporando UX en la educación formal de diseñoCore Design: Incorporando UX en la educación formal de diseño
Core Design: Incorporando UX en la educación formal de diseño
 
Core Design: Taller de definición de roles, trabajo en equipo, ideación.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.Core Design: Taller de definición de roles, trabajo en equipo, ideación.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.
 
Core Design: Design Research - Cómo realizar las preguntas correctas para el ...
Core Design: Design Research - Cómo realizar las preguntas correctas para el ...Core Design: Design Research - Cómo realizar las preguntas correctas para el ...
Core Design: Design Research - Cómo realizar las preguntas correctas para el ...
 
Core Design: Taller de definición de roles, trabajo en equipo, ideación.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.Core Design: Taller de definición de roles, trabajo en equipo, ideación.
Core Design: Taller de definición de roles, trabajo en equipo, ideación.
 
Las metodologías ágiles como problema de diseño
Las metodologías ágiles como problema de diseñoLas metodologías ágiles como problema de diseño
Las metodologías ágiles como problema de diseño
 
Principios, procesos y herramientas UX para la enseñanza del Diseño
Principios, procesos y herramientas UX para la enseñanza del DiseñoPrincipios, procesos y herramientas UX para la enseñanza del Diseño
Principios, procesos y herramientas UX para la enseñanza del Diseño
 
Experiencia de Usuario: Diseñar más allá de las pantallas - GoogleLaunchPadBA
Experiencia de Usuario: Diseñar más allá de las pantallas - GoogleLaunchPadBAExperiencia de Usuario: Diseñar más allá de las pantallas - GoogleLaunchPadBA
Experiencia de Usuario: Diseñar más allá de las pantallas - GoogleLaunchPadBA
 
Design Research: How to frame the right questions for your design process
Design Research: How to frame the right questions for your design processDesign Research: How to frame the right questions for your design process
Design Research: How to frame the right questions for your design process
 
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
Experiencia de Usuario y Política Pública: Incorporando UX a Ingeniería de s...
 
Design Research: cómo realizar las preguntas correctas para el proceso de diseño
Design Research: cómo realizar las preguntas correctas para el proceso de diseñoDesign Research: cómo realizar las preguntas correctas para el proceso de diseño
Design Research: cómo realizar las preguntas correctas para el proceso de diseño
 
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
¿Cuál es la relación entre Tecnología y Diseño? XI Encuentro Latinoamericano ...
 
UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...
UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...
UX Touch vs. Ouch! User Experience para dispositivos móviles - XI Encuentro...
 
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
El futuro del Diseño y UX: los 15 años que se vienen (Tendencias de diseño UX...
 
devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...
devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...
devconchile 2015 - Introducción a UX para desarrolladores: Caso software de ...
 
Sobre ganarnos el respeto para hacer lo que amamos (Interaction South America...
Sobre ganarnos el respeto para hacer lo que amamos (Interaction South America...Sobre ganarnos el respeto para hacer lo que amamos (Interaction South America...
Sobre ganarnos el respeto para hacer lo que amamos (Interaction South America...
 

Último

diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilmeloamerica93
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 

Último (20)

diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 

Punto com e ingeniería: Diseño y Usabilidad en Internet - Semana de la Ingeniería 2001, CAI

  • 1. punto  com ingeniería DISEÑO Y USABILIDAD EN INTERNET Santiago Bustelo, 6 de junio de 2001 • Centro Argentino de Ingenieros
  • 2. ! $ !% " $ !' !# !( " ! # !" !) "* ! "! " " $ % ! ! & ' ( "# ! ) ") )* %& "$ " "( % "& "' D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 3. “La usabilidad de una interfaz es una medida de la efectividad, eficiencia y satisfacción con la cual determinados usuarios pueden alcanzar determinados objetivos en un entorno particular con dicha interfaz.” (ISO 9241, Requerimientos ergonómicos para trabajo de oficina con terminales visuales, Parte 11 - 1997) D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 5.
  • 6. pasa una persona, y el puente se derrumba…
  • 7.
  • 8. pasa un auto, y el puente se derrumba…
  • 9.
  • 10. Ingeniería: La capacidad de diseñar con bases racionales, predecir numéricamente el desempeño, y obtener un resultado que funciona de acuerdo a lo esperado. (Jef Raskin) D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 11. Ley de Hick-Hyman T = a + b log2 (n + 1) T: Tiempo total a: 50 ms. b: 150 ms. n: cantidad de alternativas con idéntica probabilidad D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 12. Ley de Hick-Hyman 32 items: 50 + 150 log2 (32 + 1) = 806,6 ms. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 13. Ley de Hick-Hyman 32 items: 50 + 150 log2 (32 + 1) = 806,6 ms. 32 items / 4 submenúes: 50 + 150 log2 (8 + 1) = 525,48 ms. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 14. Ley de Hick-Hyman 32 items: 50 + 150 log2 (32 + 1) = 806,6 ms. 32 items / 4 submenúes: 50 + 150 log2 (8 + 1) = 525,48 ms. 4(525,48) = 2101,92 ms. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 15. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 16. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 17. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 18. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 19. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 20. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 21. Ley de Fitts T = a + b log2 (D/S + 1) T: Tiempo total a: 50 ms. b: 150 ms. D: distancia al objeto S: tamaño del objeto D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 22. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 23. D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 24. Ley de Metcalfe V = u . vu V: Valor de la red u: cantidad de usuarios vu: valor por usuario D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 25. Ley de Metcalfe V = u . vu u = vu V: Valor de la red u: cantidad de usuarios vu: valor por usuario D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 26. Ley de Metcalfe V = u2 V: Valor de la red u: cantidad de usuarios D I S E Ñ O Y U SA BI LI D A D E N I N T E R N E T
  • 27. punto  com ingeniería DISEÑO Y USABILIDAD EN INTERNET Santiago Bustelo, 6 de junio de 2001 • Centro Argentino de Ingenieros