SlideShare uma empresa Scribd logo
1 de 22
Usabilidad & Joomla Carlos Murillo Hernández  | @zoncho  | http://delicious.com/telemaco/usabilidad 2010
Usabilidad (menos frustración y más satisfacción) ,[object Object]
El proceso (Usabilidad Web) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
Para tomar en cuenta (No me haga pensar!) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
El menú, Agrupe elementos (Ejemplo: Top Menu) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object]
Acción?! (A la derecha) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object]
Acción?! (A la derecha) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
La búsqueda (Arriba a la derecha) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object],[object Object]
La búsqueda (Arriba a la derecha) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
Preséntese (No pierda la oportunidad) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object],[object Object]
Sáquele provecho al footer (Evite simplemente repetir otro menu) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object]
Sáquele provecho al footer (Evite simplemente repetir otro menu) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
Logo legible (No es solo cosa de tamaño) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object],[object Object]
No disfrace su contenido (Evite presentarlo como publicidad) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object],[object Object],[object Object]
No disfrace su contenido (Evite presentarlo como publicidad) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
Click? (Debe ser obvio) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object],[object Object]
Click? (Debe ser obvio) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
Texto legible (Cree una buena experiencia de usuario) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object]
Texto legible (Cree una buena experiencia de usuario) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
No usarlo todo (Solo por que esta disponible no es razón suficiente) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  ,[object Object],[object Object],[object Object],[object Object]
Nooooooooo ! (usabilidad) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico  <blink>
Gracias Carlos Murillo Hernández  | @zoncho  | http://delicious.com/telemaco/usabilidad 2010

Mais conteúdo relacionado

Mais procurados

Presentacion final
Presentacion finalPresentacion final
Presentacion final
alejajuanpis
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
Andrea Cantú
 
¿Qué es el diseño web?
¿Qué es el diseño web? ¿Qué es el diseño web?
¿Qué es el diseño web?
Marisa Sánchez
 

Mais procurados (15)

Que es prezzi
Que es prezziQue es prezzi
Que es prezzi
 
43212311
4321231143212311
43212311
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Qué Es Un Prezi
Qué Es Un PreziQué Es Un Prezi
Qué Es Un Prezi
 
UX no es lo mismo que UI
UX no es lo mismo que UIUX no es lo mismo que UI
UX no es lo mismo que UI
 
¿Por qué UX?
¿Por qué UX?¿Por qué UX?
¿Por qué UX?
 
Taller de Usabilidad en Aplicaciones Móviles y Web
Taller de Usabilidad en Aplicaciones Móviles y WebTaller de Usabilidad en Aplicaciones Móviles y Web
Taller de Usabilidad en Aplicaciones Móviles y Web
 
Prezi
PreziPrezi
Prezi
 
Todo acerca de Prezi
Todo acerca de Prezi Todo acerca de Prezi
Todo acerca de Prezi
 
Ensayo de prezi
Ensayo de  preziEnsayo de  prezi
Ensayo de prezi
 
Presentaciones Digitales.pptx
Presentaciones Digitales.pptxPresentaciones Digitales.pptx
Presentaciones Digitales.pptx
 
prezi y sus caracteristicas
prezi y sus caracteristicasprezi y sus caracteristicas
prezi y sus caracteristicas
 
Point
PointPoint
Point
 
¿Qué es el diseño web?
¿Qué es el diseño web? ¿Qué es el diseño web?
¿Qué es el diseño web?
 
la utilidad de prezi
la utilidad de prezila utilidad de prezi
la utilidad de prezi
 

Destaque

Slide tv pepinière 08 12 11
Slide tv pepinière 08 12 11Slide tv pepinière 08 12 11
Slide tv pepinière 08 12 11
PROMOTECH CEI
 
Ophélie Ronce - Evolution de la dispersion
Ophélie Ronce - Evolution de la dispersionOphélie Ronce - Evolution de la dispersion
Ophélie Ronce - Evolution de la dispersion
Seminaire MEE
 
Les 6 catégories et calendrier
Les 6 catégories et calendrier Les 6 catégories et calendrier
Les 6 catégories et calendrier
Contactcentres.be
 
Mod 4_procesal
Mod 4_procesalMod 4_procesal
Mod 4_procesal
gabogadosv
 

Destaque (20)

Personas Más Buscadas
Personas Más BuscadasPersonas Más Buscadas
Personas Más Buscadas
 
Slide tv pepinière 08 12 11
Slide tv pepinière 08 12 11Slide tv pepinière 08 12 11
Slide tv pepinière 08 12 11
 
Lenguas
LenguasLenguas
Lenguas
 
Presentacion olivared
Presentacion olivared Presentacion olivared
Presentacion olivared
 
Le manifeste de Puissance E (V1 - Sept 2013)
Le manifeste de Puissance E (V1 - Sept 2013)Le manifeste de Puissance E (V1 - Sept 2013)
Le manifeste de Puissance E (V1 - Sept 2013)
 
PRE REQUISITOS: MEDIR PERIMETOS
PRE REQUISITOS: MEDIR PERIMETOS PRE REQUISITOS: MEDIR PERIMETOS
PRE REQUISITOS: MEDIR PERIMETOS
 
Taller picturetrail
Taller picturetrailTaller picturetrail
Taller picturetrail
 
Prés instants datés 0613 a avec oeuvres similaires
Prés instants datés 0613 a avec oeuvres similairesPrés instants datés 0613 a avec oeuvres similaires
Prés instants datés 0613 a avec oeuvres similaires
 
Power point
Power pointPower point
Power point
 
La entrevista
La entrevistaLa entrevista
La entrevista
 
Ophélie Ronce - Evolution de la dispersion
Ophélie Ronce - Evolution de la dispersionOphélie Ronce - Evolution de la dispersion
Ophélie Ronce - Evolution de la dispersion
 
Plan anual
Plan anualPlan anual
Plan anual
 
Désinfectant
DésinfectantDésinfectant
Désinfectant
 
Pourquoi voter
Pourquoi voterPourquoi voter
Pourquoi voter
 
Didactica magna, libro
Didactica magna, libroDidactica magna, libro
Didactica magna, libro
 
Haciendo equilibrio en el planeta 1
Haciendo equilibrio en el planeta 1Haciendo equilibrio en el planeta 1
Haciendo equilibrio en el planeta 1
 
Les 6 catégories et calendrier
Les 6 catégories et calendrier Les 6 catégories et calendrier
Les 6 catégories et calendrier
 
Mod 4_procesal
Mod 4_procesalMod 4_procesal
Mod 4_procesal
 
Les fossé des générations
Les fossé des générationsLes fossé des générations
Les fossé des générations
 
Bloque de cierre
Bloque de cierreBloque de cierre
Bloque de cierre
 

Semelhante a Usabiidad & Joomla!

Plan de acción para crear una empresa 2.0
Plan de acción para crear una empresa 2.0Plan de acción para crear una empresa 2.0
Plan de acción para crear una empresa 2.0
Elizabeth Zozaya
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing Digital
Domestika
 

Semelhante a Usabiidad & Joomla! (20)

UX Tips para Mobile Developers
UX Tips para Mobile DevelopersUX Tips para Mobile Developers
UX Tips para Mobile Developers
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
 
Diseño y Negocios Web
Diseño y Negocios WebDiseño y Negocios Web
Diseño y Negocios Web
 
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
EVIDENCIA NO.6 "ANÁLISIS SEMIÓTICO DE UNA PÁGINA WEB"
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 
Plan de acción para crear una empresa 2.0
Plan de acción para crear una empresa 2.0Plan de acción para crear una empresa 2.0
Plan de acción para crear una empresa 2.0
 
Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010Marketing digital aula madrid tecnología 2010
Marketing digital aula madrid tecnología 2010
 
Puerta bonita
Puerta bonitaPuerta bonita
Puerta bonita
 
Marketing Digital
Marketing DigitalMarketing Digital
Marketing Digital
 
Analisis pagina de internet
Analisis pagina de internetAnalisis pagina de internet
Analisis pagina de internet
 
Yola
YolaYola
Yola
 
Marketing Online
Marketing OnlineMarketing Online
Marketing Online
 
Introducción creación web aula madrid tecnología 2010
Introducción creación web aula madrid  tecnología 2010Introducción creación web aula madrid  tecnología 2010
Introducción creación web aula madrid tecnología 2010
 
M2 DiseñO Web
M2   DiseñO WebM2   DiseñO Web
M2 DiseñO Web
 
Usabilidad aplicada
Usabilidad aplicadaUsabilidad aplicada
Usabilidad aplicada
 
Paulina Meyer - Experiencia de trabajo remoto con Nueva York, y cómo se traba...
Paulina Meyer - Experiencia de trabajo remoto con Nueva York, y cómo se traba...Paulina Meyer - Experiencia de trabajo remoto con Nueva York, y cómo se traba...
Paulina Meyer - Experiencia de trabajo remoto con Nueva York, y cómo se traba...
 
Tipos de sitios web
Tipos de sitios webTipos de sitios web
Tipos de sitios web
 
Directivas de diseño para aplicaciones
Directivas de diseño para aplicacionesDirectivas de diseño para aplicaciones
Directivas de diseño para aplicaciones
 
USABILIDAD WEB
USABILIDAD WEBUSABILIDAD WEB
USABILIDAD WEB
 

Mais de Patricia Alfaro

Views sebastian sanabria diaz - drupal after dark
Views   sebastian sanabria diaz - drupal after darkViews   sebastian sanabria diaz - drupal after dark
Views sebastian sanabria diaz - drupal after dark
Patricia Alfaro
 
Drupal search engine optimization
Drupal search engine optimizationDrupal search engine optimization
Drupal search engine optimization
Patricia Alfaro
 
Qué es negociación? Pasos+ tácticas
Qué es negociación? Pasos+ tácticasQué es negociación? Pasos+ tácticas
Qué es negociación? Pasos+ tácticas
Patricia Alfaro
 

Mais de Patricia Alfaro (17)

CNFL, impacto en la GAM
CNFL, impacto en la GAMCNFL, impacto en la GAM
CNFL, impacto en la GAM
 
Redes sociales cnfl
Redes sociales cnflRedes sociales cnfl
Redes sociales cnfl
 
Planificación estratégica y gestión pública por objetivos
Planificación estratégica y gestión pública por objetivosPlanificación estratégica y gestión pública por objetivos
Planificación estratégica y gestión pública por objetivos
 
Fortalecimiento de los sistemas de monitoreo y evaluación: Costa Rica
Fortalecimiento de los sistemas de monitoreo y evaluación: Costa Rica Fortalecimiento de los sistemas de monitoreo y evaluación: Costa Rica
Fortalecimiento de los sistemas de monitoreo y evaluación: Costa Rica
 
El presupuesto plurianual
El presupuesto plurianualEl presupuesto plurianual
El presupuesto plurianual
 
Competitividad Costa Rica
Competitividad Costa RicaCompetitividad Costa Rica
Competitividad Costa Rica
 
Contraloría de Servicios, CNFL
Contraloría de Servicios, CNFLContraloría de Servicios, CNFL
Contraloría de Servicios, CNFL
 
DELM en Connecturday
DELM en  ConnecturdayDELM en  Connecturday
DELM en Connecturday
 
Views sebastian sanabria diaz - drupal after dark
Views   sebastian sanabria diaz - drupal after darkViews   sebastian sanabria diaz - drupal after dark
Views sebastian sanabria diaz - drupal after dark
 
Drupal search engine optimization
Drupal search engine optimizationDrupal search engine optimization
Drupal search engine optimization
 
SEO para Joomla!
SEO para Joomla!SEO para Joomla!
SEO para Joomla!
 
Joomla+ong
Joomla+ong Joomla+ong
Joomla+ong
 
Qué es negociación? Pasos+ tácticas
Qué es negociación? Pasos+ tácticasQué es negociación? Pasos+ tácticas
Qué es negociación? Pasos+ tácticas
 
Clientes VIP: antención + servicio
Clientes VIP: antención + servicioClientes VIP: antención + servicio
Clientes VIP: antención + servicio
 
Suave un toque
Suave un toqueSuave un toque
Suave un toque
 
Crear Nuestra Marca Personal
Crear Nuestra Marca PersonalCrear Nuestra Marca Personal
Crear Nuestra Marca Personal
 
Mitos sobre Social Media
Mitos sobre Social MediaMitos sobre Social Media
Mitos sobre Social Media
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Último (11)

Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 

Usabiidad & Joomla!

  • 1. Usabilidad & Joomla Carlos Murillo Hernández | @zoncho | http://delicious.com/telemaco/usabilidad 2010
  • 2.
  • 3. El proceso (Usabilidad Web) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
  • 4.
  • 5.
  • 6.
  • 7. Acción?! (A la derecha) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
  • 8.
  • 9. La búsqueda (Arriba a la derecha) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
  • 10.
  • 11.
  • 12. Sáquele provecho al footer (Evite simplemente repetir otro menu) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
  • 13.
  • 14.
  • 15. No disfrace su contenido (Evite presentarlo como publicidad) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
  • 16.
  • 17. Click? (Debe ser obvio) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
  • 18.
  • 19. Texto legible (Cree una buena experiencia de usuario) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico
  • 20.
  • 21. Nooooooooo ! (usabilidad) Fundación Tecnológica de Costa Rica // Programa de Diseño gráfico <blink>
  • 22. Gracias Carlos Murillo Hernández | @zoncho | http://delicious.com/telemaco/usabilidad 2010

Notas do Editor

  1. Findability (&amp;quot;recuperabilidad&amp;quot;, &amp;quot;encontrabilidad&amp;quot;...) es la posibilidad de que determinada información sea encontrada, localizada, o recuperada. O lo que es lo mismo, la &amp;quot;accesibilidad&amp;quot; de un sitio o de un nodo web (no confundir con la Accesibilidad de los contenidos). En la &amp;quot;findability&amp;quot; intervienen el posicionamiento en motores e índices de búsqueda, la predisponibilidad de nuestro sitio a ser recuperado por motores de búsqueda (search engine optimization), la promoción que hayamos realizado (por correo electrónico, concursos, banners...), etc... Pero la &amp;quot;findability&amp;quot; también abarca los medios de que disponga nuestro sitio web para encontrar información dentro de este, es decir, buscadores locales, correcta arquitectura de la información, etc... La Usabilidad de un sitio web está estrechamente relacionada con la &amp;quot;findability&amp;quot;, ya que cuanto más sencillo resulte para el usuario navegar por un sitio web, mayores posibilidades tendrá de encontrar lo que busca. Otro concepto íntimamente relacionado con la Usabilidad es el de la Accesibilidad, cuyo objetivo es conseguir que el diseño del sitio permita que personas discapacitadas también puedan acceder a sus contenidos. Así mismo, otro requisito para que una web sea accesible es que cualquier persona pueda acceder a sus contenidos independientemente del dispositivo que use (hardware o software).
  2. ,