#TALLER6
lunes 19 de agosto de 13
SITIOS WEB
lunes 19 de agosto de 13
NO PĂ GINAS WEB lunes 19 de agosto de 13
lunes 19 de agosto de 13
OK? lunes 19 de agosto de 13
;)
ENTENDER EL LENGUAJE WEB
lunes 19 de agosto de 13
ENTENDER EL LENGUAJE WEB ESTÁNDARES
lunes 19 de agosto de 13
ENTENDER EL LENGUAJE WEB HTML
lunes 19 de agosto de 13
ENTENDER EL LENGUAJE WEB CSS
lunes 19 de agosto de 13
ENTENDER EL LENGUAJE WEB HTML + CSS
lunes 19 de agosto de 13
ESTĂ NDARES WEB Y LA W3C
lunes 19 de agosto de 13
W3C
WORLD WIDE WEB CONSORTIUM
lunes 19 de agosto de 13
ESTÁNDARES WEB WEB VENTAJAS
lunes 19 de agosto de 13
COMPATIBILIDAD
INTERNET ES INFORMACIÓN. EL DESARROLLADOR DEBE POR TANTO PREOCUPARSE DE QUE LA INFORMACIÓN EN SU WEB SEA COMPATIBLE CON TODAS LAS PLATAFORMAS POSIBLES. UN USO CORRECTO DE LOS ESTÁNDARES PROPICIA ESTA COMPATIBILIDAD.
lunes 19 de agosto de 13
USABILIDAD
CADA SITIO WEB TIENE UN OBJETIVO POR EL QUE HA SIDO GENERADO. UNA BUENA CODIFICACIÓN MEDIANTE LENGUAJES DE MARCADO ESTÁNDARES GENERA SITES MÁS USABLES Y TAMBIÉN ACCESIBLES.
lunes 19 de agosto de 13
ACCESIBILIDAD XHTML Y CSS VÁLIDOS ASEGURAN QUE EL SITIO ESTÉ CONSTRUIDO SEPARANDO CONTENIDO Y DISEÑO. CONSEGUIMOS ASÍ UN SITIO MUCHO MÁS ACCESIBLE PARA CUALQUIER PLATAFORMA O USUARIO.
lunes 19 de agosto de 13
NAVEGACIÓN MÁS RÁPIDA AL SER LOS ARCHIVOS DE TAMAÑO MÁS REDUCIDO Y SEPARAR LOS ESTILOS DE CONTENIDOS MEDIANTE CSS, SE REDUCEN SUSTANCIALMENTE LOS TIEMPOS DE CARGA POR PARTE DE USUARIOS CON CONEXIONES MÁS LENTAS.
lunes 19 de agosto de 13
POSICIONAMIENTO
LOS BUSCADORES COMO GOOGLE O YAHOO Y SUS MOTORES DE BÚSQUEDA, NO MIRAN POR EL DISEÑO DEL SITIO, SINO POR UNA ESTRUCTURACIÓN CORRECTA DE LOS CONTENIDOS. MEJORA EL POSICIONAMIENTO EN LA WWW Y AUMENTA EL NÚMERO DE VISITAS.
lunes 19 de agosto de 13
SEPARAR EL DISEﾃ前 DEL CONTENIDO lunes 19 de agosto de 13
HTML + CSS
lunes 19 de agosto de 13
HTML
HYPERTEXT MARKUP LANGUAGE
lunes 19 de agosto de 13
CSS
CASCADING STYLE SHEETS
lunes 19 de agosto de 13
¿DÓNDE TRABAJAMOS TODO ESTO? lunes 19 de agosto de 13
DREAMWEAVER, CODA, TEXTMATE, CSS EDIT, ETC.
lunes 19 de agosto de 13
DREAMWEAVER, CODA, TEXTMATE, CSS EDIT, ETC.
lunes 19 de agosto de 13
WYSIWYG
lunes 19 de agosto de 13
WYSIWYG
WHAT YOU SEE IS WHAT YOU GET
lunes 19 de agosto de 13
PERO NO SE ENVICIE!
lunes 19 de agosto de 13
lunes 19 de agosto de 13
NAVEGADORES AQUÍ COMIENZA EL CALVARIO
lunes 19 de agosto de 13
lunes 19 de agosto de 13
lunes 19 de agosto de 13
lunes 19 de agosto de 13
lunes 19 de agosto de 13
lunes 19 de agosto de 13
lunes 19 de agosto de 13
SISTEMAS OPERATIVOS LA OTRA PARTE DEL CALVARIO
lunes 19 de agosto de 13
RECOMENDACIÓN? UTILIZAR NAVEGADORES QUE VALIDEN ESTÁNDARES
lunes 19 de agosto de 13
lunes 19 de agosto de 13
DCU
DISEﾃ前 CENTRADO EN EL USUARIO
lunes 19 de agosto de 13
USABILIDAD
DEL INGLÉS USABILITY, ES UNA MEDIDA EMPÍRICA Y RELATIVA ACERCA DE LO FÁCIL, RÁPIDO Y AGRADABLE QUE ES UTILIZAR UN DETERMINADO PRODUCTO O SERVICIO.
lunes 19 de agosto de 13
EMPÍRICA
PORQUE NO SE BASA EN OPINIONES O SENSACIONES SINO EN PRUEBAS (DEL INGLÉS TESTS) DE USABILIDAD, REALIZADAS EN LABORATORIO U OBSERVADAS MEDIANTE TRABAJO DE CAMPO.
lunes 19 de agosto de 13
RELATIVA
PORQUE EL RESULTADO NO ES NI BUENO NI MALO, SINO QUE DEPENDE DE LAS METAS PLANTEADAS (EJ .POR LO MENOS EL 80% DE LOS USUARIOS DE UN DETERMINADO GRUPO O TIPO DEFINIDO DEBEN PODER INSTALAR CON ÉXITO EL EN N MINUTOS SIN MÁS AYUDA QUE LA GUÍA RÁPIDA) O DE UNA COMPARACIÓN CON OTROS SISTEMAS SIMILARES.
lunes 19 de agosto de 13
“DISEÑAR ES ORGANIZAR ELEMENTOS DE MODO QUE CUMPLAN UNA NECESIDAD PARTICULAR DE LA MEJOR MANERA FORMA POSIBLE” (CHARLES EAMES)
lunes 19 de agosto de 13
USABILIDAD
MEDIR - ANALIZAR -ESTUDIAR - CONOCER - MODIFICAR
lunes 19 de agosto de 13
DON’T MAKE ME THINK! lunes 19 de agosto de 13
lunes 19 de agosto de 13
USABILIDAD · ENTIENDE A LA ORGANIZACIÓN Y AL USUARIO · LOGRA EL EQUILIBRIO NECESARIO · ANTICIPA LA FORMA DE PENSAMIENTO DEL USUARIO · SIENTA LAS BASES DE LA APLICACIÓN FINAL
lunes 19 de agosto de 13
DISEﾃ前 WEB
lunes 19 de agosto de 13
¿PARA QUIENES? PÚBLICO OBJETIVO
lunes 19 de agosto de 13
¿QUÉ? ARQUITECTURA DE LA INFORMACIÓN
lunes 19 de agosto de 13
¿CÓMO? DISEÑO DE INTERACCIÓN DISEÑO DE INTERFAZ
lunes 19 de agosto de 13
FORMULACIÓN DEL PROYECTO · BRIEF DEL PROYECTO · INFORMACIÓN DEL PROYECTO · DEFINICIÓN DE AUDIENCIAS
lunes 19 de agosto de 13
BECHMARK · ANÁLISIS DE COMPETENCIA · SITIOS RELACIONADOS · ANÁLISIS DE REFERENTES
lunes 19 de agosto de 13
ARQUITECTURA DE LA INFORMACIÓN · ÍNDICE DE CONTENIDOS · CARDSORTING · MAPA DE NAVEGACIÓN
lunes 19 de agosto de 13
DISEÑO DE INTERFAZ · WIREFRAMES · PALETA CROMÁTICA · DEFINICIÓN DE TIPOGRAFÍAS · MOCK-UPS
lunes 19 de agosto de 13
DISEÑO DE FRONT-END · HTML + CSS · VALIDACIÓN DE ESTÁNDARES · PRUEBAS DE NAVEGADORES · EVALUACIÓN DE USO
lunes 19 de agosto de 13
lunes 19 de agosto de 13
PERFILES DE USUARIOS
lunes 19 de agosto de 13
¿CÓMO PODEMOS SABER CON SEGURIDAD QUE NUESTRAS PÁGINAS ESTÁN APARECIENDO DE LA MANERA EN QUE LO PROYECTAMOS?
lunes 19 de agosto de 13
CONOCER AL USUARIO
lunes 19 de agosto de 13
“LUEGO DE LEER GUÍAS DE ESTILO, ARTÍCULOS, DIRECTRICES DE USABILIDAD, CONOZCO Y ENTIENDO LO SUFICIENTEMENTE AL USUARIO COMO PARA DISEÑAR PRODUCTOS WEB USABLES”
lunes 19 de agosto de 13
ERROR! lunes 19 de agosto de 13
DISEÑO CENTRADO EN EL USUARIO ES AQUEL EN EL QUE TODO EL PROCESO DE DISEÑO SE ENCUENTRA CONDUCIDO POR EL USUARIO Y NO POR EL GURÚ DE TURNO.
lunes 19 de agosto de 13
NO CONFUNDIR
LAS DIRECTRICES DE USABILIDAD, NORMALMENTE ELABORADAS POR PROFESIONALES CON EXPERIENCIA EN DETECTAR PROBLEMAS DE USO, SON DE GRAN UTILIDAD, PERO CADA PROYECTO WEB, CADA USUARIO, CADA CONTEXTO DE USO... SON ÚNICOS, Y POR TANTO LA ÚNICA FORMA DE DISEÑAR UN PRODUCTO 100% USABLE (SI ES QUE ESTO EXISTE) ES ESTUDIANDO TODAS ESTAS VARIABLES PARA CADA PROYECTO WEB EN CONCRETO.
lunes 19 de agosto de 13
INFORMACIÓN DESCRIPTIVA EDAD, SEXO, TRABAJO, POSICIÓN, NIVEL DE ESTUDIOS, EXPERIENCIA EN INTERNET
lunes 19 de agosto de 13
CONTEXTO DE USO LUGAR DE ACCESO AL PRODUCTO WEB, TIEMPO DISPONIBLE/DESTINADO PARA SU USO, HARDWARE Y SOFTWARE EMPLEADO
lunes 19 de agosto de 13
PREFERENCIAS DEL USUARIO NECESIDADES Y OBJETIVOS
lunes 19 de agosto de 13
GRA CIAS lunes 19 de agosto de 13
;)