1. Juan Hidalgo Creacin Web Abril 2010

2. ComplejoVictorinox Diseador = Herramienta Multiusos 3. Diseo Web, es esto Diseo Web? 4. Estndares Web Se refiere a estndares y otras especificaciones tcnica que definen y describen aspectos de la World Wide Web.Actualmente es frecuentemente asociado con la tendencia de aprobar un conjunto de mejores prcticas estandarizadas para construir sitiosweb y a la filosofa del diseo y desarrollo web que incluye esosmtodos. Aspectos a considerar: la interoperabilidad, la accesibilidad y usabilidadde pginas y sitios web. 5. Jakob Nielsen (No slo los diseadores 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? 6. Web 2.0 7. Jakob Nielsen (Los usuarios dedican treinta segundos a leer la pgina de inicio de una web.En ese tiempo y en pocas palabras, la web debe mostrar lo que ofrece.) Arquitectura de la Informacin, Usabilidad, y Accesibilidad. 8. Arquitectura de la Informacin Es un proceso iterativo, transversal, que se da a lo largo de todo el diseo del sitio y en cada una de sus fases, para asegurarse de que los objetivos de su produccin y deldesarrollo de la interfaz se cumplen de manera efectiva. Su fin es que los contenidossean para el usuario eficientes y efectivo. * El objeto, propsito y fines del sitio * La definicin del pblico objetivo. * Anlisis competitivos. * Diseo de interaccin, navegacin, estructuras y esquemas organizativos. * La planificacin, gestin y desarrollo de contenidos. * La usabilidad y la Accesibilidad * El feedback del resultado y los procesos de reingeniera del sitio. Arquitectura de la Informacin, Usabilidad, y Accesibilidad. 9. Usabilidad La usabilidad (del ingls usability) es la facilidad con que las personas pueden utilizaruna herramienta particular o cualquier otro objeto fabricado por humanos con el fin dealcanzar un objetivo concreto. La usabilidad tambin puede referirse al estudio de losprincipios que hay tras la eficacia percibida de un objeto. El grado de usabilidad de un sistema es a su vez: * Emprico* Relativo Arquitectura de la Informacin, Usabilidad, y Accesibilidad. 10. Problemas mas frecuentes * Navegacin inconsistente y confusa* Problemas para ojear el sitio. * No utilizar las convenciones estandars. * Demasiados tecnicismos o jerga *Ocultar los datos de contacto. * El diseo 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 Informacin, Usabilidad, y Accesibilidad. 11. Accesibilidad Web Se refiere a la capacidad de acceso a la Web y a sus contenidos por todas laspersonas independientemente de la discapacidad (fsica, intelectual o tcnica) quepresenten o de las que se deriven del contexto de uso (tecnolgicas o ambientales).Las limitaciones en la accesibilidad de los sitios Web pueden ser: * Visuales * Motrices * Auditivas * Cognitivas:* Tecnologicas El mximo organismo dentro de la jerarqua de Internet que se encarga de promoverla accesibilidad es el World Wide Web Consortium (W3C), en especial su grupo detrabajo Web Accessibility Initiative (WAI). Arquitectura de la Informacin, Usabilidad, y Accesibilidad. 12. Los Usuarios odian leer las paginas Al explorar el comportamiento de un usuario en la navegacin por unWebsite podemos crear un patrn de comportamientos denavegacin y una correcta jerarquizacin de los contenidos parafacilitarles las tareas. El usuario no lee, busca rpidamente cualquier enlace o porcin deinformacin que subjetivamente pueda encaminarle hacia lo quebusca. El 70% de los enlaces de un sitio ser absolutamenteignorados por usuario si no tienen nada que ver con lo que necesita. A este comportamiento se le denomina ceguera. Y es un sntoma oefecto directamente catalogado a nuestros comportamientos con losbanners de publicidad. Estos comportamientos son directamente proporcionales al tiempo de experiencia en Internet del usuario. Como leen los usuarios las Web? 13. Factores: * Jerarqua Visual (estrategia del peso optico) * Flujo Visual(a partir del punto focalpuede ser el logo,las personas seguirn 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 espaol como Usabilidad. Diseo de sitios Web(Pearson Educacin, 2000) Krug, 2000 Steve Krug. Dont Make Me Think! A Common Sense Approach to Web Usability.Traducido al espaol como No me hagas pensar.Una aproximacin a la usabilidad en la Web(Pearson Educacin, 2001) Bibliografa 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 16. Juan Hidalgo [email_address]