SlideShare uma empresa Scribd logo
1 de 16
Juan Hidalgo Creación Web Abril 2010
Complejo  Victorinox Diseñador = Herramienta Multiusos
Diseño Web, es esto Diseño Web?
Estándares Web Se refiere a estándares y otras especificaciones técnica que definen y describen aspectos de la World Wide Web.  Actualmente es frecuentemente asociado con la tendencia de aprobar un conjunto de mejores prácticas estandarizadas para construir sitios  web y a la filosofía del diseño y desarrollo web que incluye esos  métodos. Aspectos a considerar: la interoperabilidad, la accesibilidad y usabilidad  de páginas y sitios web.
Jakob Nielsen (No sólo los diseñadores han mejorado, los usuarios se han acostumbrado a los entornos interactivos. ) La Web como una plataforma: * Web 1.0 * Web 2.0 * Folcsonomia Compatibilidad? o Compartibilidad?
Web 2.0
Jakob Nielsen (Los usuarios dedican treinta segundos a leer la página de inicio de una web.  En ese tiempo y en pocas palabras, la web debe mostrar lo que ofrece.) Arquitectura de la Información, Usabilidad, y Accesibilidad.
Arquitectura de la Información Es un proceso iterativo, transversal, que se da a lo largo de todo el diseño del sitio y en cada una de sus fases, para asegurarse de que los objetivos de su producción y del  desarrollo de la interfaz se cumplen de manera efectiva. Su fin es que los contenidos  sean para el usuario eficientes y efectivo. * El objeto, propósito y fines del sitio * La definición del público objetivo. * Análisis competitivos. * Diseño de interacción, navegación, estructuras y esquemas organizativos. * La planificación, gestión y desarrollo de contenidos. * La usabilidad y la Accesibilidad * El feedback del resultado y los procesos de reingeniería del sitio. Arquitectura de la Información, Usabilidad, y Accesibilidad.
Usabilidad La usabilidad (del inglés usability) es la facilidad con que las personas pueden utilizar  una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de  alcanzar un objetivo concreto. La usabilidad también puede referirse al estudio de los  principios que hay tras la eficacia percibida de un objeto. El grado de usabilidad de un sistema es a su vez: * Empírico    * Relativo Arquitectura de la Información, Usabilidad, y Accesibilidad.
Problemas mas frecuentes * Navegación inconsistente y confusa  * Problemas para “ojear el sitio”. * No utilizar las convenciones estandars. * Demasiados tecnicismos o jerga *  Ocultar los datos de contacto. * El diseño del sitio se asemeja mas a un anuncio. * Poner en practica el ultimo tutorial sin tener en cuenta el estilo del sitio * Cambiar el orden logico visual. Arquitectura de la Información, Usabilidad, y Accesibilidad.
Accesibilidad Web Se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las  personas independientemente de la discapacidad (física, intelectual o técnica) que  presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales).  Las limitaciones en la accesibilidad de los sitios Web pueden ser: * Visuales * Motrices * Auditivas * Cognitivas:  * Tecnologicas El máximo organismo dentro de la jerarquía de Internet que se encarga de promover  la accesibilidad es el World Wide Web Consortium (W3C), en especial su grupo de  trabajo Web Accessibility Initiative (WAI). Arquitectura de la Información, Usabilidad, y Accesibilidad.
Los Usuarios odian leer las paginas Al explorar el comportamiento de un usuario en la navegación por un  Website podemos crear un patrón de comportamientos de  navegación y una correcta jerarquización de los contenidos para  facilitarles las tareas. El usuario no lee, busca rápidamente cualquier enlace o porción de  información que subjetivamente pueda encaminarle hacia lo que  busca. El 70% de los enlaces de un sitio será absolutamente  ignorados por usuario si no tienen nada que ver con lo que necesita. A este comportamiento se le denomina ceguera. Y es un síntoma o  efecto directamente catalogado a nuestros comportamientos con los  banners de publicidad. Estos comportamientos son directamente proporcionales al tiempo de experiencia en Internet del usuario. Como leen los usuarios las Web?
Factores: * Jerarquía Visual   (estrategia del peso optico) * Flujo Visual    (a partir del punto focal  “puede ser el logo”,  las personas seguirán un recorrido visual) * Agrupamiento   (a tenor de los expertos en conducta humana,  el cerebro y los ojos reaccionan favorablemente al orden) Factores fundamentales del esquema
Nielsen, 2000 Jakob Nielsen. Designing Web Usability. New Riders, 2000.  Está traducido al español como Usabilidad. Diseño de sitios Web  (Pearson Educación, 2000) Krug, 2000 Steve Krug. Don’t Make Me Think! A Common Sense Approach to Web Usability.  Traducido al español como No me hagas pensar.  Una aproximación a la usabilidad en la Web  (Pearson Educación, 2001) Bibliografía
Domestika   //  http://www.domestika.org/ Creatiu   //  http://www.creatiu.com/es/ Smashing Magazine   //  http://www.smashingmagazine.com/ PSD Tuts   //  http://psd.tutsplus.com/ W3C   //  http://www.w3.org/ W3C Es   //  http://www.w3c.es/ CSSZengarden   //  http://www.csszengarden.com/tr/espanol/ Sitios de Referencia
Juan Hidalgo [email_address]

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

DIAPOSITIVAS WEB 2.0
DIAPOSITIVAS WEB 2.0DIAPOSITIVAS WEB 2.0
DIAPOSITIVAS WEB 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
web 2.0
web 2.0web 2.0
web 2.0
 
Inicios Web 1.0, web 2.0, web 3.0
Inicios Web 1.0, web 2.0, web 3.0 Inicios Web 1.0, web 2.0, web 3.0
Inicios Web 1.0, web 2.0, web 3.0
 
Ventajas y desventajas de wikipedia
Ventajas y desventajas de wikipediaVentajas y desventajas de wikipedia
Ventajas y desventajas de wikipedia
 
Wed 2.0 2014
Wed 2.0 2014Wed 2.0 2014
Wed 2.0 2014
 
Web 2
Web 2Web 2
Web 2
 
Web 1.0 , 2.0 , 3.0 anny lizette
Web 1.0 , 2.0 , 3.0 anny lizetteWeb 1.0 , 2.0 , 3.0 anny lizette
Web 1.0 , 2.0 , 3.0 anny lizette
 
herramientas web 2.0
herramientas web 2.0 herramientas web 2.0
herramientas web 2.0
 
Web 2.0 Presentacion relampago
Web 2.0 Presentacion relampagoWeb 2.0 Presentacion relampago
Web 2.0 Presentacion relampago
 
Proyecto 7
Proyecto 7Proyecto 7
Proyecto 7
 
Dn13 u3 a25_ooa wiki
Dn13 u3 a25_ooa wikiDn13 u3 a25_ooa wiki
Dn13 u3 a25_ooa wiki
 
Medios colaborativos sociales
Medios colaborativos sociales Medios colaborativos sociales
Medios colaborativos sociales
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad Laura
Accesibilidad LauraAccesibilidad Laura
Accesibilidad Laura
 
Accesibilidad
AccesibilidadAccesibilidad
Accesibilidad
 
Youtube
YoutubeYoutube
Youtube
 

Destaque

10 verdades y no tan verdades de la accesibilidad
10 verdades y no tan verdades de la accesibilidad10 verdades y no tan verdades de la accesibilidad
10 verdades y no tan verdades de la accesibilidadJuan Hidalgo Reina
 
UX Revolution? UX Evolution!!!!!
UX Revolution?  UX Evolution!!!!!UX Revolution?  UX Evolution!!!!!
UX Revolution? UX Evolution!!!!!Juan Hidalgo Reina
 
How to improve the UX in your Sites, Liferay Madrid Symposium2014
How to improve the UX in your Sites, Liferay Madrid Symposium2014How to improve the UX in your Sites, Liferay Madrid Symposium2014
How to improve the UX in your Sites, Liferay Madrid Symposium2014Juan Hidalgo Reina
 
Test heurísticos
Test heurísticosTest heurísticos
Test heurísticospabloacme
 
Should we kill personas? (Marine Barbaroux)
Should we kill personas? (Marine Barbaroux)Should we kill personas? (Marine Barbaroux)
Should we kill personas? (Marine Barbaroux)UXPA International
 
20 Ideas for your Website Homepage Content
20 Ideas for your Website Homepage Content20 Ideas for your Website Homepage Content
20 Ideas for your Website Homepage ContentBarry Feldman
 

Destaque (8)

10 verdades y no tan verdades de la accesibilidad
10 verdades y no tan verdades de la accesibilidad10 verdades y no tan verdades de la accesibilidad
10 verdades y no tan verdades de la accesibilidad
 
UX Revolution? UX Evolution!!!!!
UX Revolution?  UX Evolution!!!!!UX Revolution?  UX Evolution!!!!!
UX Revolution? UX Evolution!!!!!
 
How to improve the UX in your Sites, Liferay Madrid Symposium2014
How to improve the UX in your Sites, Liferay Madrid Symposium2014How to improve the UX in your Sites, Liferay Madrid Symposium2014
How to improve the UX in your Sites, Liferay Madrid Symposium2014
 
Surf e Kelly Slater
Surf e Kelly SlaterSurf e Kelly Slater
Surf e Kelly Slater
 
Test heurísticos
Test heurísticosTest heurísticos
Test heurísticos
 
Ux just to_translate
Ux just to_translateUx just to_translate
Ux just to_translate
 
Should we kill personas? (Marine Barbaroux)
Should we kill personas? (Marine Barbaroux)Should we kill personas? (Marine Barbaroux)
Should we kill personas? (Marine Barbaroux)
 
20 Ideas for your Website Homepage Content
20 Ideas for your Website Homepage Content20 Ideas for your Website Homepage Content
20 Ideas for your Website Homepage Content
 

Semelhante a Creacion web

Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)guest640607
 
Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)guest640607
 
Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.JoseEstebanTelloEstr
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Webqweos
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajoXzta Zandi
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedJose Maria Diaz
 
Arquitectura de la Información y Usabilidad - Clase 1
Arquitectura de la Información y Usabilidad - Clase 1Arquitectura de la Información y Usabilidad - Clase 1
Arquitectura de la Información y Usabilidad - Clase 1Nicolás Arévalo Varela
 
Clase2
Clase2Clase2
Clase2cmn46
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la InformaciónXimena Tabares
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosLa web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosFer Torres
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptxAngel Perez
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasBenjamín Preller
 

Semelhante a Creacion web (20)

Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)
 
Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.Ingeniería de Software y Usabilidad Web.
Ingeniería de Software y Usabilidad Web.
 
Investigación unidad II
Investigación unidad IIInvestigación unidad II
Investigación unidad II
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
 
Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Principios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la RedPrincipios de Usabilidad para Dominar la Red
Principios de Usabilidad para Dominar la Red
 
NAVEGABILIDAD (1).pptx
NAVEGABILIDAD (1).pptxNAVEGABILIDAD (1).pptx
NAVEGABILIDAD (1).pptx
 
Capitulo2
Capitulo2Capitulo2
Capitulo2
 
Arquitectura de la Información y Usabilidad - Clase 1
Arquitectura de la Información y Usabilidad - Clase 1Arquitectura de la Información y Usabilidad - Clase 1
Arquitectura de la Información y Usabilidad - Clase 1
 
Clase2
Clase2Clase2
Clase2
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosLa web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuarios
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptx
 
Este
EsteEste
Este
 
NSU
NSUNSU
NSU
 
Haciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personasHaciendo la vida más fácil a las personas
Haciendo la vida más fácil a las personas
 

Último

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
 
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
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
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
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
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
 
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
 
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdfclase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdfFABIOANDRESPALLARESP
 

Último (20)

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
 
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
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
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
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
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
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
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
 
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
 
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
 
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdfclase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
clase_11_introduccion_a_los_mecanismos_y_a_la_cinematica.pdf
 

Creacion web

  • 1. Juan Hidalgo Creación Web Abril 2010
  • 2. Complejo Victorinox Diseñador = Herramienta Multiusos
  • 3. Diseño Web, es esto Diseño Web?
  • 4. Estándares Web Se refiere a estándares y otras especificaciones técnica que definen y describen aspectos de la World Wide Web. Actualmente es frecuentemente asociado con la tendencia de aprobar un conjunto de mejores prácticas estandarizadas para construir sitios web y a la filosofía del diseño y desarrollo web que incluye esos métodos. Aspectos a considerar: la interoperabilidad, la accesibilidad y usabilidad de páginas y sitios web.
  • 5. Jakob Nielsen (No sólo los diseñadores han mejorado, los usuarios se han acostumbrado a los entornos interactivos. ) La Web como una plataforma: * Web 1.0 * Web 2.0 * Folcsonomia Compatibilidad? o Compartibilidad?
  • 7. Jakob Nielsen (Los usuarios dedican treinta segundos a leer la página de inicio de una web. En ese tiempo y en pocas palabras, la web debe mostrar lo que ofrece.) Arquitectura de la Información, Usabilidad, y Accesibilidad.
  • 8. Arquitectura de la Información Es un proceso iterativo, transversal, que se da a lo largo de todo el diseño del sitio y en cada una de sus fases, para asegurarse de que los objetivos de su producción y del desarrollo de la interfaz se cumplen de manera efectiva. Su fin es que los contenidos sean para el usuario eficientes y efectivo. * El objeto, propósito y fines del sitio * La definición del público objetivo. * Análisis competitivos. * Diseño de interacción, navegación, estructuras y esquemas organizativos. * La planificación, gestión y desarrollo de contenidos. * La usabilidad y la Accesibilidad * El feedback del resultado y los procesos de reingeniería del sitio. Arquitectura de la Información, Usabilidad, y Accesibilidad.
  • 9. Usabilidad La usabilidad (del inglés usability) es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto. La usabilidad también puede referirse al estudio de los principios que hay tras la eficacia percibida de un objeto. El grado de usabilidad de un sistema es a su vez: * Empírico * Relativo Arquitectura de la Información, Usabilidad, y Accesibilidad.
  • 10. Problemas mas frecuentes * Navegación inconsistente y confusa * Problemas para “ojear el sitio”. * No utilizar las convenciones estandars. * Demasiados tecnicismos o jerga * Ocultar los datos de contacto. * El diseño del sitio se asemeja mas a un anuncio. * Poner en practica el ultimo tutorial sin tener en cuenta el estilo del sitio * Cambiar el orden logico visual. Arquitectura de la Información, Usabilidad, y Accesibilidad.
  • 11. Accesibilidad Web Se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Las limitaciones en la accesibilidad de los sitios Web pueden ser: * Visuales * Motrices * Auditivas * Cognitivas: * Tecnologicas El máximo organismo dentro de la jerarquía de Internet que se encarga de promover la accesibilidad es el World Wide Web Consortium (W3C), en especial su grupo de trabajo Web Accessibility Initiative (WAI). Arquitectura de la Información, Usabilidad, y Accesibilidad.
  • 12. Los Usuarios odian leer las paginas Al explorar el comportamiento de un usuario en la navegación por un Website podemos crear un patrón de comportamientos de navegación y una correcta jerarquización de los contenidos para facilitarles las tareas. El usuario no lee, busca rápidamente cualquier enlace o porción de información que subjetivamente pueda encaminarle hacia lo que busca. El 70% de los enlaces de un sitio será absolutamente ignorados por usuario si no tienen nada que ver con lo que necesita. A este comportamiento se le denomina ceguera. Y es un síntoma o efecto directamente catalogado a nuestros comportamientos con los banners de publicidad. Estos comportamientos son directamente proporcionales al tiempo de experiencia en Internet del usuario. Como leen los usuarios las Web?
  • 13. Factores: * Jerarquía Visual (estrategia del peso optico) * Flujo Visual (a partir del punto focal “puede ser el logo”, las personas seguirán un recorrido visual) * Agrupamiento (a tenor de los expertos en conducta humana, el cerebro y los ojos reaccionan favorablemente al orden) Factores fundamentales del esquema
  • 14. Nielsen, 2000 Jakob Nielsen. Designing Web Usability. New Riders, 2000. Está traducido al español como Usabilidad. Diseño de sitios Web (Pearson Educación, 2000) Krug, 2000 Steve Krug. Don’t Make Me Think! A Common Sense Approach to Web Usability. Traducido al español como No me hagas pensar. Una aproximación a la usabilidad en la Web (Pearson Educación, 2001) Bibliografía
  • 15. Domestika // http://www.domestika.org/ Creatiu // http://www.creatiu.com/es/ Smashing Magazine // http://www.smashingmagazine.com/ PSD Tuts // http://psd.tutsplus.com/ W3C // http://www.w3.org/ W3C Es // http://www.w3c.es/ CSSZengarden // http://www.csszengarden.com/tr/espanol/ Sitios de Referencia