T6: Perfiles de Usuarios

Page 1

#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

;)


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.