SlideShare una empresa de Scribd logo
Formación: Experiencia de Usuario
Disciplinas que intervienen en el Diseño Centrado en el Usuario
CÓMO FUNCIONAN MUCHAS VECES LOS PROYECTOS

2

Tallers

Aurora Font
Diseño centrado en el
usuario -DCU-

3

Aurora Font
COMPONENTES DE UN SITIO WEB EXITOSO

la analogía del Iceberg
4

Tallers

Aurora Font
ETAPAS DE UN PROYECTO TIPO

Definición

Estructuración

Producción

5

• Definición: finalidad, objetivos, expectativas y necesidades, potenciación de la
marca…
• Estudio: análisis de la competencia, definición de la audiencia…
• Contenido: recopilación de contenidos
• Servicios / Interacción: funcionalidades, tareas

• Rotulado: categorías y etiquetas
• Organización: mapa, esquemas y directorios
• Buscabilidad: motor, indización, metainformación, metaestructura

• Prototipado: diseño de patrones
• Estilos: diseño de imagen gráfica
• Programación: desarrollos de software y aplicaciones
• Usabilidad / Accesibilidad: evaluación
• Seguimiento / análisis: posicionamiento en buscadores, feedback y medición

Tallers

Aurora Font
EL PROCESO DE DISEÑO CENTRADO EN EL USUARIO

6

Tallers

Aurora Font
DIAGRAMA DE JESSE JAMES GARRETT
Gráfica, look and feel:
Tratamiento visual de
elementos de texto y
componentes de
navegación

Elementos que
facilitan la interacción
con la funcionalidad

Elementos y
componentes de
navegación

Para facilitar el
entendimiento

Cómo interactúa el
usuario con la
funcionalidad del site

Estructura del espacio
de información para
facilitar acceso
intuitivo al contenido

Descripción de las
funcionalidades para
satisfacer
necesidades usuario

Descripción de las
contenidos para
satisfacer
necesidades usuario

7

Aurora Font
DISEÑO DE EXPERIENCIA DE USUARIO
Diseño centrado en el
usuario -DCU-

Interacción persona-ordenador

Arquitectura de la información (AI)
Usabilidad
Accesibilidad

8

Aurora Font
INTERACCIÓN PERSONA-ORDENADOR
 Con qué objetivo: adaptar los
sistemas a la manera que
tienen las personas de
utilizarlos
 Con la finalidad: optimizar el
uso. Conseguir mayor
rentabilidad con menos
esfuerzo.
 Qué metodología se usa:
estudios centrados en aspectos
más concretos como por
ejemplo…
La interacción persona-ordenador, IPO (o HCI
human-computer interaction) es la disciplina que se
ocupa de estudiar cómo se comportan las personas
cuando utilizan sistemas tecnológicos

9

 la usabilidad
 la accesibilidad
 la arquitectura de la
información
Aurora Font
ARQUITECTURA DE LA INFORMACIÓN
Es una disciplina o comunidad de trabajo
centrada en organizar espacios de información
con el fin de ayudar a los usuarios a satisfacer
sus necesidades de información.
La actividad de organizar comporta la
estructuración, clasificación y rotulado de los
contenidos del sitio web.

AI

10

Aurora Font
ARQUITECTURA DE LA INFORMACIÓN
 De organizar, etiquetar y diseñar
esquemas de navegación dentro de un
sistema de información.
 Del diseño estructural de un espacio de
información que facilite la consecución de
tareas y el acceso intuitivo al contenido.
 De estructurar y clasificar lugares web para

ayudar a las personas a encontrar la
información y gestionarla.
 De definir cuál va a ser el contenido del

sitio, sus objetivos, herramientas,
cómo se llamarán los botones y en qué
posición estos van a estar, cómo se va
a relacionar el usuario con el sitio…
11

Técnica de ejemplo

Aurora Font
ACCESIBILIDAD

Denominamos accesibilidad a la capacidad que tiene
un producto o un servicio para que lo utilice el
mayor número de personas con independencia de
las limitaciones funcionales o situacionales

12

Aurora Font
ACCESIBILIDAD
 Sensoriales y motrices:
 puede que el usuario no sea capaz de ver o de oir, o que no puedan mover las
manos.
 puede que se encuentren en una situación en que ojos, orejas y manos estén
ocupadas u obstaculizadas (cuando estamos conduciendo, o si trabajamos en un
entorno ruidoso o con poca luz, etc.).

 Cognitivos:
 puede que no sea capaz de procesar algunos tipos de información o que lo hagan
de manera incompleta o con dificultad, que no comprendan o no hablen el
idioma en que está redactado el documento.
 Relacionados con el hardware: pueden tener una pantalla que sólo muestra texto, una
pantalla pequeña o una conexión lenta a Internet., que no tengan un teclado o un
ratón, o que no pueda utilizarlo por problemas de movilidad.
 Relacionados con el software: pueden tener una versión anterior del navegador, un
navegador completamente diferente, un navegador de voz o un sistema operativo
diferente.
13

Aurora Font
USABILIDAD
 ¿Qué es efectividad? es la
capacidad de lograr el objetivo
que hemos marcado.

 ¿Qué es eficiencia? es la
capacidad de lograr un objetivo
con el gasto mínimo de
recursos y el mínimo esfuerzo
posible.

Norma ISO 9241-11: “la usabilidad se refiere al
alcance en el que un producto puede ser utilizado
por usuarios específicos para alcanzar metas
determinadas con efectividad, eficiencia y
satisfacción en un contexto de uso concreto
14

 Por tanto, la usabilidad implica
facilidad:
Que los productos sean fáciles
de comprender y de utilizar,
hacen que sean satisfactorios.

Aurora Font
USABILIDAD
tenemos que contar con la utilidad…

… y con el contexto de uso

15

Aurora Font
Usabilidad en la Edad Media

Más contenido relacionado

La actualidad más candente

Arquitectura de la Información de Sitios Web
Arquitectura de la Información de Sitios WebArquitectura de la Información de Sitios Web
Arquitectura de la Información de Sitios Web
Christian Fernando Bonner Barbosa
 
Arquitectura de la informacion
Arquitectura de la informacion Arquitectura de la informacion
Arquitectura de la informacion
gina
 
Clase 4. La Arquitectura y el Arquitecto de la Información
Clase 4. La Arquitectura  y el Arquitecto de la InformaciónClase 4. La Arquitectura  y el Arquitecto de la Información
Clase 4. La Arquitectura y el Arquitecto de la Información
UPTAEB
 
Ruben
RubenRuben
Ruben
ruben4653
 
Arquitectura De La Informacion
Arquitectura De La InformacionArquitectura De La Informacion
Arquitectura De La Informacion
Existaya.com
 
1.1 Concepto De Arquitectura de Tecnologias de Informacion
1.1 Concepto De Arquitectura de Tecnologias de Informacion1.1 Concepto De Arquitectura de Tecnologias de Informacion
1.1 Concepto De Arquitectura de Tecnologias de Informacion
guestbbaf3a
 
Arquitectura de la información para web
Arquitectura de la información para webArquitectura de la información para web
Arquitectura de la información para webNeser Ideas
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Sady Ignacio Maureria Bulnes
 
La arquitectura de la información
La arquitectura de la informaciónLa arquitectura de la información
La arquitectura de la información
Jessica Solano
 
Cardsorting Diplomado Arquitectura de Información y UX
Cardsorting Diplomado Arquitectura de Información y UXCardsorting Diplomado Arquitectura de Información y UX
Cardsorting Diplomado Arquitectura de Información y UX
Sady Ignacio Maureria Bulnes
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
Miguel Tortello
 
Fundamentos de arquitectura de la información
Fundamentos de arquitectura de la informaciónFundamentos de arquitectura de la información
Fundamentos de arquitectura de la información
Jesús Tramullas
 
Arquitectura de la información: base del UX
Arquitectura de la información: base del UXArquitectura de la información: base del UX
Arquitectura de la información: base del UX
Carlos R. Fonseca
 
Arquitectura de un sitio web
Arquitectura de un sitio webArquitectura de un sitio web
Arquitectura de un sitio web
edgarcajun
 
Introducción a la Arquitectura de Información
Introducción a la Arquitectura de InformaciónIntroducción a la Arquitectura de Información
Introducción a la Arquitectura de Información
www.usarte.co
 
Presentación_ Resumen Internet como Herramienta de Investigación
Presentación_ Resumen Internet como Herramienta de InvestigaciónPresentación_ Resumen Internet como Herramienta de Investigación
Presentación_ Resumen Internet como Herramienta de Investigación
CarlaItcer
 
Herramientas de arquitectura de la información y usabilidad web - Accesibilid...
Herramientas de arquitectura de la información y usabilidad web - Accesibilid...Herramientas de arquitectura de la información y usabilidad web - Accesibilid...
Herramientas de arquitectura de la información y usabilidad web - Accesibilid...
Interlat
 
Introducción al Posicionamiento en Buscadores SEO
Introducción al Posicionamiento en Buscadores SEOIntroducción al Posicionamiento en Buscadores SEO
Introducción al Posicionamiento en Buscadores SEO
IDA - Ideas Digitales Aplicadas
 
Programas para la caa - Memorias Curso CAA Comunicación Aumentativa y Alterna...
Programas para la caa - Memorias Curso CAA Comunicación Aumentativa y Alterna...Programas para la caa - Memorias Curso CAA Comunicación Aumentativa y Alterna...
Programas para la caa - Memorias Curso CAA Comunicación Aumentativa y Alterna...
Felipe Accesibilidad
 

La actualidad más candente (19)

Arquitectura de la Información de Sitios Web
Arquitectura de la Información de Sitios WebArquitectura de la Información de Sitios Web
Arquitectura de la Información de Sitios Web
 
Arquitectura de la informacion
Arquitectura de la informacion Arquitectura de la informacion
Arquitectura de la informacion
 
Clase 4. La Arquitectura y el Arquitecto de la Información
Clase 4. La Arquitectura  y el Arquitecto de la InformaciónClase 4. La Arquitectura  y el Arquitecto de la Información
Clase 4. La Arquitectura y el Arquitecto de la Información
 
Ruben
RubenRuben
Ruben
 
Arquitectura De La Informacion
Arquitectura De La InformacionArquitectura De La Informacion
Arquitectura De La Informacion
 
1.1 Concepto De Arquitectura de Tecnologias de Informacion
1.1 Concepto De Arquitectura de Tecnologias de Informacion1.1 Concepto De Arquitectura de Tecnologias de Informacion
1.1 Concepto De Arquitectura de Tecnologias de Informacion
 
Arquitectura de la información para web
Arquitectura de la información para webArquitectura de la información para web
Arquitectura de la información para web
 
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UXMapas de navegación y benchmark Diplomado Arquitectura de Información y UX
Mapas de navegación y benchmark Diplomado Arquitectura de Información y UX
 
La arquitectura de la información
La arquitectura de la informaciónLa arquitectura de la información
La arquitectura de la información
 
Cardsorting Diplomado Arquitectura de Información y UX
Cardsorting Diplomado Arquitectura de Información y UXCardsorting Diplomado Arquitectura de Información y UX
Cardsorting Diplomado Arquitectura de Información y UX
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
 
Fundamentos de arquitectura de la información
Fundamentos de arquitectura de la informaciónFundamentos de arquitectura de la información
Fundamentos de arquitectura de la información
 
Arquitectura de la información: base del UX
Arquitectura de la información: base del UXArquitectura de la información: base del UX
Arquitectura de la información: base del UX
 
Arquitectura de un sitio web
Arquitectura de un sitio webArquitectura de un sitio web
Arquitectura de un sitio web
 
Introducción a la Arquitectura de Información
Introducción a la Arquitectura de InformaciónIntroducción a la Arquitectura de Información
Introducción a la Arquitectura de Información
 
Presentación_ Resumen Internet como Herramienta de Investigación
Presentación_ Resumen Internet como Herramienta de InvestigaciónPresentación_ Resumen Internet como Herramienta de Investigación
Presentación_ Resumen Internet como Herramienta de Investigación
 
Herramientas de arquitectura de la información y usabilidad web - Accesibilid...
Herramientas de arquitectura de la información y usabilidad web - Accesibilid...Herramientas de arquitectura de la información y usabilidad web - Accesibilid...
Herramientas de arquitectura de la información y usabilidad web - Accesibilid...
 
Introducción al Posicionamiento en Buscadores SEO
Introducción al Posicionamiento en Buscadores SEOIntroducción al Posicionamiento en Buscadores SEO
Introducción al Posicionamiento en Buscadores SEO
 
Programas para la caa - Memorias Curso CAA Comunicación Aumentativa y Alterna...
Programas para la caa - Memorias Curso CAA Comunicación Aumentativa y Alterna...Programas para la caa - Memorias Curso CAA Comunicación Aumentativa y Alterna...
Programas para la caa - Memorias Curso CAA Comunicación Aumentativa y Alterna...
 

Destacado

Imagenes1
Imagenes1Imagenes1
Imagenes1mane289
 
Terra #174514-v3-evraz book-microsoft_sharepoint.pptx
Terra #174514-v3-evraz book-microsoft_sharepoint.pptxTerra #174514-v3-evraz book-microsoft_sharepoint.pptx
Terra #174514-v3-evraz book-microsoft_sharepoint.pptx
Aleksandra Strelkova
 
Software Architecture Design Recovery through Run-Time Source Code Collaborat...
Software Architecture Design Recovery through Run-Time Source Code Collaborat...Software Architecture Design Recovery through Run-Time Source Code Collaborat...
Software Architecture Design Recovery through Run-Time Source Code Collaborat...
theijes
 
Guía de navegación segura docentes
Guía de navegación segura docentesGuía de navegación segura docentes
Guía de navegación segura docentesmane289
 
Academic TranscriptSpring2017
Academic TranscriptSpring2017Academic TranscriptSpring2017
Academic TranscriptSpring2017Lyndie Simmons
 
Session #69, Gillespie, Girl Power #1
Session #69, Gillespie, Girl Power #1Session #69, Gillespie, Girl Power #1
Session #69, Gillespie, Girl Power #1Christina Gillespie
 
10 facts about taxation in the Czech Republic | Infographic
10 facts about taxation in the Czech Republic | Infographic10 facts about taxation in the Czech Republic | Infographic
10 facts about taxation in the Czech Republic | Infographic
Accace
 
Avtalsrätt din musikbusiness 2017
Avtalsrätt din musikbusiness 2017Avtalsrätt din musikbusiness 2017
Avtalsrätt din musikbusiness 2017
Popjuristen
 
161225 озеленение 2017
161225 озеленение 2017161225 озеленение 2017
161225 озеленение 2017
agprom
 
Accatino european conferenceoftropicalecology2
Accatino european conferenceoftropicalecology2Accatino european conferenceoftropicalecology2
Accatino european conferenceoftropicalecology2
Francesco Accatino
 
Stadswerk jaarverslag 2016
Stadswerk jaarverslag 2016Stadswerk jaarverslag 2016
Stadswerk jaarverslag 2016
Karina van Lent
 
Evkarismo-ITJ 4050
Evkarismo-ITJ 4050Evkarismo-ITJ 4050
Evkarismo-ITJ 4050
Marko Sal
 
19-07-16 Media Update
19-07-16 Media Update19-07-16 Media Update
19-07-16 Media UpdateAshley Babula
 
Upphovsrätt din musikbusiness 2017
Upphovsrätt din musikbusiness 2017 Upphovsrätt din musikbusiness 2017
Upphovsrätt din musikbusiness 2017
Popjuristen
 
Estadistica
EstadisticaEstadistica
Estadistica
yajapaguay1996
 
Smart routing: a legjobb végrehajtás
Smart routing: a legjobb végrehajtásSmart routing: a legjobb végrehajtás
Smart routing: a legjobb végrehajtás
OpcioGuru Gery
 
Componentes de un sitio web exitoso
Componentes de un sitio web exitosoComponentes de un sitio web exitoso
Componentes de un sitio web exitosoAurora Font
 
Kerajaan Malaka
Kerajaan MalakaKerajaan Malaka
Kerajaan Malaka
Alif Azriel
 

Destacado (20)

Imagenes1
Imagenes1Imagenes1
Imagenes1
 
Terra #174514-v3-evraz book-microsoft_sharepoint.pptx
Terra #174514-v3-evraz book-microsoft_sharepoint.pptxTerra #174514-v3-evraz book-microsoft_sharepoint.pptx
Terra #174514-v3-evraz book-microsoft_sharepoint.pptx
 
CoC DC presentation
CoC DC presentationCoC DC presentation
CoC DC presentation
 
Software Architecture Design Recovery through Run-Time Source Code Collaborat...
Software Architecture Design Recovery through Run-Time Source Code Collaborat...Software Architecture Design Recovery through Run-Time Source Code Collaborat...
Software Architecture Design Recovery through Run-Time Source Code Collaborat...
 
Guía de navegación segura docentes
Guía de navegación segura docentesGuía de navegación segura docentes
Guía de navegación segura docentes
 
Academic TranscriptSpring2017
Academic TranscriptSpring2017Academic TranscriptSpring2017
Academic TranscriptSpring2017
 
Session #69, Gillespie, Girl Power #1
Session #69, Gillespie, Girl Power #1Session #69, Gillespie, Girl Power #1
Session #69, Gillespie, Girl Power #1
 
10 facts about taxation in the Czech Republic | Infographic
10 facts about taxation in the Czech Republic | Infographic10 facts about taxation in the Czech Republic | Infographic
10 facts about taxation in the Czech Republic | Infographic
 
Avtalsrätt din musikbusiness 2017
Avtalsrätt din musikbusiness 2017Avtalsrätt din musikbusiness 2017
Avtalsrätt din musikbusiness 2017
 
161225 озеленение 2017
161225 озеленение 2017161225 озеленение 2017
161225 озеленение 2017
 
Accatino european conferenceoftropicalecology2
Accatino european conferenceoftropicalecology2Accatino european conferenceoftropicalecology2
Accatino european conferenceoftropicalecology2
 
CV Mital Monani
CV Mital MonaniCV Mital Monani
CV Mital Monani
 
Stadswerk jaarverslag 2016
Stadswerk jaarverslag 2016Stadswerk jaarverslag 2016
Stadswerk jaarverslag 2016
 
Evkarismo-ITJ 4050
Evkarismo-ITJ 4050Evkarismo-ITJ 4050
Evkarismo-ITJ 4050
 
19-07-16 Media Update
19-07-16 Media Update19-07-16 Media Update
19-07-16 Media Update
 
Upphovsrätt din musikbusiness 2017
Upphovsrätt din musikbusiness 2017 Upphovsrätt din musikbusiness 2017
Upphovsrätt din musikbusiness 2017
 
Estadistica
EstadisticaEstadistica
Estadistica
 
Smart routing: a legjobb végrehajtás
Smart routing: a legjobb végrehajtásSmart routing: a legjobb végrehajtás
Smart routing: a legjobb végrehajtás
 
Componentes de un sitio web exitoso
Componentes de un sitio web exitosoComponentes de un sitio web exitoso
Componentes de un sitio web exitoso
 
Kerajaan Malaka
Kerajaan MalakaKerajaan Malaka
Kerajaan Malaka
 

Similar a Formacion UCD -1-

La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
SdenkaCGuzman
 
La usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesLa usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esenciales
SdenkaCGuzman
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
John Ospina
 
Diseño de la información
Diseño de la informaciónDiseño de la información
Diseño de la información
iConstruye
 
Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
JUANMANUELMORALESCRU
 
Ux Arquitectura de Información
Ux Arquitectura de InformaciónUx Arquitectura de Información
Ux Arquitectura de Información
Paula Gaviria
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
Xzta Zandi
 
Infografía estándares de red
Infografía estándares de redInfografía estándares de red
Infografía estándares de red
milena garcia
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónTIC0002
 
Clase2: Usabilidad
Clase2: UsabilidadClase2: Usabilidad
Clase2: Usabilidad
Benjamín Preller
 
Seminario Taller: Usabilidad
Seminario Taller: UsabilidadSeminario Taller: Usabilidad
Seminario Taller: Usabilidad
Elsa Canto
 
Rd #3 nh
Rd #3 nhRd #3 nh
Rd #3 nh
NH_1
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
Workshop Digital
 
Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1mbulas
 
Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitales
Keyla Cabanillas
 
Tarea 3 tecnologia.
Tarea 3 tecnologia.Tarea 3 tecnologia.
Tarea 3 tecnologia.
ileana arias duran
 
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
 
Heurística
HeurísticaHeurística
Heurística
Silvana Corvalán
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticas
IxDA Mendoza
 

Similar a Formacion UCD -1- (20)

La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
La usabilidad y la accesibilidad, elementos esenciales para optimizar el dise...
 
La usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esencialesLa usabilidad y la accesibilidad, elementos esenciales
La usabilidad y la accesibilidad, elementos esenciales
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Diseño de la información
Diseño de la informaciónDiseño de la información
Diseño de la información
 
Diseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptxDiseno de interfaces zyndi.pptx
Diseno de interfaces zyndi.pptx
 
Ux Arquitectura de Información
Ux Arquitectura de InformaciónUx Arquitectura de Información
Ux Arquitectura de Información
 
AI estructura de trabajo
AI estructura de trabajoAI estructura de trabajo
AI estructura de trabajo
 
Infografía estándares de red
Infografía estándares de redInfografía estándares de red
Infografía estándares de red
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Clase2: Usabilidad
Clase2: UsabilidadClase2: Usabilidad
Clase2: Usabilidad
 
Seminario Taller: Usabilidad
Seminario Taller: UsabilidadSeminario Taller: Usabilidad
Seminario Taller: Usabilidad
 
Rd #3 nh
Rd #3 nhRd #3 nh
Rd #3 nh
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1Usabilidad o ergonomía del diseño 1
Usabilidad o ergonomía del diseño 1
 
Herramientas digitales
Herramientas digitalesHerramientas digitales
Herramientas digitales
 
Tarea 3 tecnologia.
Tarea 3 tecnologia.Tarea 3 tecnologia.
Tarea 3 tecnologia.
 
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)
 
Heurística
HeurísticaHeurística
Heurística
 
Taller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticasTaller UX: Evaluaciones heurísticas
Taller UX: Evaluaciones heurísticas
 

Último

Flexeserve en Southlake, Dallas, Texas - Introducción
Flexeserve en Southlake, Dallas, Texas - IntroducciónFlexeserve en Southlake, Dallas, Texas - Introducción
Flexeserve en Southlake, Dallas, Texas - Introducción
RicardoCarcach
 
Que son las AI (Inteligencia Artificial)
Que son las AI (Inteligencia Artificial)Que son las AI (Inteligencia Artificial)
Que son las AI (Inteligencia Artificial)
Felipe Vásquez
 
Inteligencia Artificial para emprender.pdf
Inteligencia Artificial para emprender.pdfInteligencia Artificial para emprender.pdf
Inteligencia Artificial para emprender.pdf
RevistaMuyU
 
Agència Bombó Magazine
Agència Bombó MagazineAgència Bombó Magazine
Agència Bombó Magazine
JaimeSamuelJustinian
 
Flujograma de gestión de pedidos de usuarios
Flujograma de gestión de pedidos de usuariosFlujograma de gestión de pedidos de usuarios
Flujograma de gestión de pedidos de usuarios
minerlovgamer
 
COMPORTAMIENTO DEL CONSUMIDOR-EQUIPO 5.pdf
COMPORTAMIENTO DEL CONSUMIDOR-EQUIPO 5.pdfCOMPORTAMIENTO DEL CONSUMIDOR-EQUIPO 5.pdf
COMPORTAMIENTO DEL CONSUMIDOR-EQUIPO 5.pdf
RUIZMendozaMariam
 
Marketing Digital - Tema 4 de fundamentos del marketing
Marketing Digital - Tema 4 de fundamentos del marketingMarketing Digital - Tema 4 de fundamentos del marketing
Marketing Digital - Tema 4 de fundamentos del marketing
Renato524351
 
AGENCIAS DE PUBLICIDAD MAS FAMOSAS DE MEXICO
AGENCIAS DE PUBLICIDAD MAS FAMOSAS  DE MEXICOAGENCIAS DE PUBLICIDAD MAS FAMOSAS  DE MEXICO
AGENCIAS DE PUBLICIDAD MAS FAMOSAS DE MEXICO
AlmaCeciliaPrezSille
 

Último (8)

Flexeserve en Southlake, Dallas, Texas - Introducción
Flexeserve en Southlake, Dallas, Texas - IntroducciónFlexeserve en Southlake, Dallas, Texas - Introducción
Flexeserve en Southlake, Dallas, Texas - Introducción
 
Que son las AI (Inteligencia Artificial)
Que son las AI (Inteligencia Artificial)Que son las AI (Inteligencia Artificial)
Que son las AI (Inteligencia Artificial)
 
Inteligencia Artificial para emprender.pdf
Inteligencia Artificial para emprender.pdfInteligencia Artificial para emprender.pdf
Inteligencia Artificial para emprender.pdf
 
Agència Bombó Magazine
Agència Bombó MagazineAgència Bombó Magazine
Agència Bombó Magazine
 
Flujograma de gestión de pedidos de usuarios
Flujograma de gestión de pedidos de usuariosFlujograma de gestión de pedidos de usuarios
Flujograma de gestión de pedidos de usuarios
 
COMPORTAMIENTO DEL CONSUMIDOR-EQUIPO 5.pdf
COMPORTAMIENTO DEL CONSUMIDOR-EQUIPO 5.pdfCOMPORTAMIENTO DEL CONSUMIDOR-EQUIPO 5.pdf
COMPORTAMIENTO DEL CONSUMIDOR-EQUIPO 5.pdf
 
Marketing Digital - Tema 4 de fundamentos del marketing
Marketing Digital - Tema 4 de fundamentos del marketingMarketing Digital - Tema 4 de fundamentos del marketing
Marketing Digital - Tema 4 de fundamentos del marketing
 
AGENCIAS DE PUBLICIDAD MAS FAMOSAS DE MEXICO
AGENCIAS DE PUBLICIDAD MAS FAMOSAS  DE MEXICOAGENCIAS DE PUBLICIDAD MAS FAMOSAS  DE MEXICO
AGENCIAS DE PUBLICIDAD MAS FAMOSAS DE MEXICO
 

Formacion UCD -1-

  • 1. Formación: Experiencia de Usuario Disciplinas que intervienen en el Diseño Centrado en el Usuario
  • 2. CÓMO FUNCIONAN MUCHAS VECES LOS PROYECTOS 2 Tallers Aurora Font
  • 3. Diseño centrado en el usuario -DCU- 3 Aurora Font
  • 4. COMPONENTES DE UN SITIO WEB EXITOSO la analogía del Iceberg 4 Tallers Aurora Font
  • 5. ETAPAS DE UN PROYECTO TIPO Definición Estructuración Producción 5 • Definición: finalidad, objetivos, expectativas y necesidades, potenciación de la marca… • Estudio: análisis de la competencia, definición de la audiencia… • Contenido: recopilación de contenidos • Servicios / Interacción: funcionalidades, tareas • Rotulado: categorías y etiquetas • Organización: mapa, esquemas y directorios • Buscabilidad: motor, indización, metainformación, metaestructura • Prototipado: diseño de patrones • Estilos: diseño de imagen gráfica • Programación: desarrollos de software y aplicaciones • Usabilidad / Accesibilidad: evaluación • Seguimiento / análisis: posicionamiento en buscadores, feedback y medición Tallers Aurora Font
  • 6. EL PROCESO DE DISEÑO CENTRADO EN EL USUARIO 6 Tallers Aurora Font
  • 7. DIAGRAMA DE JESSE JAMES GARRETT Gráfica, look and feel: Tratamiento visual de elementos de texto y componentes de navegación Elementos que facilitan la interacción con la funcionalidad Elementos y componentes de navegación Para facilitar el entendimiento Cómo interactúa el usuario con la funcionalidad del site Estructura del espacio de información para facilitar acceso intuitivo al contenido Descripción de las funcionalidades para satisfacer necesidades usuario Descripción de las contenidos para satisfacer necesidades usuario 7 Aurora Font
  • 8. DISEÑO DE EXPERIENCIA DE USUARIO Diseño centrado en el usuario -DCU- Interacción persona-ordenador Arquitectura de la información (AI) Usabilidad Accesibilidad 8 Aurora Font
  • 9. INTERACCIÓN PERSONA-ORDENADOR  Con qué objetivo: adaptar los sistemas a la manera que tienen las personas de utilizarlos  Con la finalidad: optimizar el uso. Conseguir mayor rentabilidad con menos esfuerzo.  Qué metodología se usa: estudios centrados en aspectos más concretos como por ejemplo… La interacción persona-ordenador, IPO (o HCI human-computer interaction) es la disciplina que se ocupa de estudiar cómo se comportan las personas cuando utilizan sistemas tecnológicos 9  la usabilidad  la accesibilidad  la arquitectura de la información Aurora Font
  • 10. ARQUITECTURA DE LA INFORMACIÓN Es una disciplina o comunidad de trabajo centrada en organizar espacios de información con el fin de ayudar a los usuarios a satisfacer sus necesidades de información. La actividad de organizar comporta la estructuración, clasificación y rotulado de los contenidos del sitio web. AI 10 Aurora Font
  • 11. ARQUITECTURA DE LA INFORMACIÓN  De organizar, etiquetar y diseñar esquemas de navegación dentro de un sistema de información.  Del diseño estructural de un espacio de información que facilite la consecución de tareas y el acceso intuitivo al contenido.  De estructurar y clasificar lugares web para ayudar a las personas a encontrar la información y gestionarla.  De definir cuál va a ser el contenido del sitio, sus objetivos, herramientas, cómo se llamarán los botones y en qué posición estos van a estar, cómo se va a relacionar el usuario con el sitio… 11 Técnica de ejemplo Aurora Font
  • 12. ACCESIBILIDAD Denominamos accesibilidad a la capacidad que tiene un producto o un servicio para que lo utilice el mayor número de personas con independencia de las limitaciones funcionales o situacionales 12 Aurora Font
  • 13. ACCESIBILIDAD  Sensoriales y motrices:  puede que el usuario no sea capaz de ver o de oir, o que no puedan mover las manos.  puede que se encuentren en una situación en que ojos, orejas y manos estén ocupadas u obstaculizadas (cuando estamos conduciendo, o si trabajamos en un entorno ruidoso o con poca luz, etc.).  Cognitivos:  puede que no sea capaz de procesar algunos tipos de información o que lo hagan de manera incompleta o con dificultad, que no comprendan o no hablen el idioma en que está redactado el documento.  Relacionados con el hardware: pueden tener una pantalla que sólo muestra texto, una pantalla pequeña o una conexión lenta a Internet., que no tengan un teclado o un ratón, o que no pueda utilizarlo por problemas de movilidad.  Relacionados con el software: pueden tener una versión anterior del navegador, un navegador completamente diferente, un navegador de voz o un sistema operativo diferente. 13 Aurora Font
  • 14. USABILIDAD  ¿Qué es efectividad? es la capacidad de lograr el objetivo que hemos marcado.  ¿Qué es eficiencia? es la capacidad de lograr un objetivo con el gasto mínimo de recursos y el mínimo esfuerzo posible. Norma ISO 9241-11: “la usabilidad se refiere al alcance en el que un producto puede ser utilizado por usuarios específicos para alcanzar metas determinadas con efectividad, eficiencia y satisfacción en un contexto de uso concreto 14  Por tanto, la usabilidad implica facilidad: Que los productos sean fáciles de comprender y de utilizar, hacen que sean satisfactorios. Aurora Font
  • 15. USABILIDAD tenemos que contar con la utilidad… … y con el contexto de uso 15 Aurora Font
  • 16. Usabilidad en la Edad Media