ocerda11.files.wordpress.com€¦ · Web viewExperiencia del usuario13. Planeación de alguna...
Transcript of ocerda11.files.wordpress.com€¦ · Web viewExperiencia del usuario13. Planeación de alguna...
1
PRODUCTO INTEGRADOR DE APRENDIZAJE.
UNIVERIDAD AUTONOMA DE NUEVO LEON.
Alumno: ERICK ORLANDO CERDA MIRELES.
Maestro: CARLOS ALBERTO RODRIGUEZ SALAZAR
HERRAMIENTAS TECNOLOGICAS PARA LA MERCADOTECNIA Y GESTION DE LA
IMAGEN
Grupo: A77
2
3
ContenidoPlaneación de alguna página web............3Arquitectura de la información.................5Usabilidad.................................................7Accesibilidad web.....................................9Diseño de interacción.............................11Experiencia del usuario..........................13
4
Planeación de alguna página web
Tener una página web es muy importante para cualquier negocio o proyecto que desee
destacar en la actualidad. Para esto, es necesario tener algunas consideraciones antes de
iniciar nuestro sitio web.
Es importante que antes de iniciar tomemos consideraciones para el sitio, pues es
importante que nuestros clientes encuentren lo que desean y tengan una buena
experiencia dentro del sitio para garantizar su regreso.
Debemos tener en cuenta que un sitio web puede tener muchas funciones. Podemos
plantear ¿para qué lo queremos?, vas a promover tus servicios o los vas a conectar con
diferentes proveedores. El chiste es tener muy claro cuáles serán las funciones de la
página para poder diseñar nuestras funciones tal y como nosotros queramos.
Esto se refiere a la manera en que el sitio web va a organizar y mostrará la información
con la que cuenta para que el usuario tenga la mejor experiencia dentro del sitio y
encuentre toda la información que desee sin dificultades. Esto está directamente ligado a
los objetivos del sitio e influye directamente sobre las secciones de la página, así como
los menús, submenús, publicación de contenidos y el etiquetado de la información.
Lo que sigue es pensar en la interacción que tendremos con el cliente, es decir, cuando
una persona dé clic en alguna pestaña, cómo se va a desplegar la información, cómo va a
interactuar con ella y cómo va a navegar entre las distintas secciones. La experiencia del
usuario nos sirve para saber los siguiente: ¿le entendió, intuyó cómo está estructurada?,
¿pudo navegar con facilidad y obtuvo lo que estaba buscando?, y, sobre todo, ¿le gustó?
También es importante considerar el diseño adaptable, que es la manera en la que vamos
a diseñar un sitio de tal manera que la experiencia de navegación sea igual en una
computadora de escritorio, una Tablet o un smartphone.
5
Para realizar una correcta experiencia del usuario debemos tener en cuenta puntos como
¿fue fácil aprender a utilizar el sitio?, ¿si regresa más tarde, recordará dónde estaba la
información que antes encontró o buscó?
El diseño basado en la experiencia plantea que debe existir un equilibrio entre la
funcionalidad del sitio y la estética, pues un buen sitio web no sólo trabaja correctamente
y es fácil de navegar, sino que es estético y tiene su propia personalidad.
Si se vender dentro del sitio web debes considerar que los usuarios deben tener una
forma fácil de pagar por los productos que se ofrecen. Así que hay que buscar una forma
de pago que, aparte de ser eficiente, sea de confianza y respaldo al usuario. Una de las
opciones es PayPal ya que es una buena opción porque permite montar en el sitio, con
relativa facilidad, un sistema de pagos con tarjeta. Otra buena opción es Mercado Pago,
cuyo sistema es muy fácil de usar.
Otra opción es construir una tienda online al sitio web. Por lo general, estos servicios ya
cuentan con plataformas prediseñadas y con sistemas de pagos electrónicos muy
sencillos, que van desde tarjetas de crédito hasta boletas de pago que pueden liquidarse
en tiendas de conveniencia.
Todas las páginas de contenido de un sitio de publicación se almacenan en una sola
biblioteca de páginas. Cada elemento de una biblioteca de páginas es una sola página
web.
Los diseños de página contienen controles de campo y elementos web. Cuando se crea
una página web, el contenido de la página se almacena como elementos de lista en la
biblioteca de páginas.
6
Arquitectura de la información
Es la disciplina que se encarga del estudio, análisis, organización, disposición y
estructuración de la información en espacios de información, y de la selección y
presentación de los datos en los sistemas de información interactivos y no interactivos.
La Word Wide Web, el Information Architecture Institute define la "Arquitectura de la
Información" como:
1. El diseño estructural en entornos de información compartida.
2. El arte y la ciencia de organizar y marcar sitios web, compartir información con
comunidades en línea y software para promover la usabilidad y la "encontrabilidad"
3. Una comunidad que sale con el objetivo de aplicar al entorno digital los principios
del diseño y la arquitectura.
La Arquitectura de la Información trata especialmente del diseño de: sitios web, interfaces
de dispositivos móviles o gadgets (como los lectores de mp3), CD interactivos, videoclips
digitales, relojes, tableros de instrumentos de aviones de combate o civiles, interfaces de
máquinas dispensadoras, interfaces de juegos electrónicos, etc.
Su principal objetivo es facilitar al máximo los procesos de comprensión y asimilación de
la información, así como las tareas que ejecutan los usuarios en un espacio de
información especifico.
Es un indirecto 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 se cumplen de
manera efectiva.
La arquitectura de la información como disciplina no busca definir una metodología de
diseño universal sino organizar un conjunto de técnicas para ayudar al desarrollo y
producción de espacios de información como los sitios web.
Con el fin de que la asimilación de contenidos por parte del usuario sea eficiente y
efectiva, y para que el sitio sea accesible y usable, la Arquitectura de la Información como
proceso en general se encarga, durante el desarrollo, de definir:
7
El objeto, propósito y fines del sistema de información o sitio
La definición del público objetivo y los estudios de la audiencia
La realización de análisis competitivos
El diseño de la interacción
El diseño de la navegación, esquemas de organización y facetación de los
contenidos
El etiquetado o rotulado de los contenidos para acceder a la información
La planificación, gestión y desarrollo de contenidos
La facilidad de búsqueda y el diseño de la interfaz de búsqueda
La usabilidad
La accesibilidad
El feedback del resultado y los procesos de "reingeniería" del sitio
La arquitectura de la información es una parte específica del marco global más amplio que
es la experiencia de usuario.
En la experiencia de usuario intervienen la arquitectura de la información, el diseño de
interacción, la usabilidad, la accesibilidad, el diseño gráfico, la estética, la psicología
cognitiva, y la extrapolación de principios del mundo del marketing, entre otras disciplinas.
La "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.
Esta es la disciplina y arte encargada del estudio, análisis, organización, disposición y
estructuración de la información en espacios de información, y de la selección y
presentación de los datos en los sistemas de información interactivos y no interactivos.
8
Usabilidad
Podemos definir la usabilidad como la medida en la cual un producto puede ser usado por
usuarios específicos para conseguir objetivos específicos con efectividad, eficiencia y
satisfacción en un contexto de uso especificado.
La usabilidad, hace referencia, a la rapidez y facilidad con que las personas hacen sus
tareas propias a través del uso del producto objeto de interés o idea:
Una aproximación al usuario: Usabilidad significa centrarse en los usuarios. Para
desarrollar un producto usable, se tienen que conocer, entender y trabajar con las
personas que representan a los usuarios actuales o más destacados.
Un amplio conocimiento del contexto de uso: Las personas utilizan los productos
para incrementar su propia productividad. Un producto se considera fácil de
aprender y usar en términos del tiempo que toma el usuario para llevar a cabo su
objetivo, el número de pasos que tiene que realizar para ello, y el éxito que tiene
en predecir la acción apropiada para llevar a cabo. Para desarrollar productos
usables hay que entender los objetivos del usuario, hay que conocer los trabajos y
tareas de este que el producto automatiza, modifica o embellece.
El producto ha de satisfacer las necesidades del usuario : Los usuarios son gente
ocupada intentando hacer una tarea. Se va a relacionar usabilidad con
productividad y calidad. El hardware y el software son las herramientas que
ayudan a la gente ocupada a realizar su trabajo y a disfrutar de su ocio con
facilidad.
Son los usuarios, y no los diseñadores y los desarrolladores, los que determinan
cuando un producto es fácil de usar.
El establecimiento de unos principios de diseño en ingeniería de usabilidad ha tenido
como consecuencia probada:
9
Una reducción de los costes de producción: los costes y tiempos de desarrollo
totales pueden ser reducidos evitando abusar del diseño y reduciendo el número
de cambios requeridos en el producto.
Reducción de los costes de mantenimiento y apoyo: los sistemas que son fáciles
de usar requieren menos entrenamiento, menos soporte para el usuario y menos
mantenimiento.
Reducción de los costes de uso: los sistemas que mejor se ajustan a las
necesidades del usuario mejoran la productividad y la calidad de las acciones y las
decisiones. Los sistemas más fáciles de utilizar reducen el esfuerzo y el estrés y
permiten a los trabajadores manejar una variedad más amplia de tareas. Los
sistemas difíciles de usar disminuyen la salud, bienestar y motivación y pueden
incrementar el estrés. Tales sistemas suponen pérdidas en los tiempos de uso y
no son explotados en su totalidad en la medida en que el usuario pierde interés en
el uso ya que es tedioso, y en algunos casos podrían no utilizarse nunca.
Mejora en la calidad del producto: el diseño centrado en el usuario resulta en
productos más competitivos en un mercado que demanda productos fáciles de
usar.
Consideración de la usabilidad.
La usabilidad debe considerarse en todo momento, desde el comienzo del proceso de
desarrollo hasta las últimas acciones antes de hacer el sistema, producto o servicio que
se quiere ofrecer al público.
Antes de iniciar el proyecto es esencial tener una idea acerca de las características de los
usuarios y de los aspectos del producto de mayor interés y necesidad. Teniendo en
cuenta estas consideraciones se ahorrará tiempo y dinero, dado que la implementación de
nuevos aspectos o nuevas interfaces de usuario implican un enorme esfuerzo adicional.
Incluso una vez que el producto está en el mercado se debería preguntar a los usuarios
acerca de sus necesidades y actitud respecto del mismo para ver qué cambios le
vendrían bien.
10
Accesibilidad web
La accesibilidad web tiene como objetivo lograr que las páginas web sean fáciles de usar
por el máximo número de personas, independientemente de sus conocimientos o
capacidades personales e independientemente de las características técnicas del equipo
utilizado para acceder a la Web.
Normalmente la accesibilidad web se asocia con la idea de desarrollar páginas web que
puedan ser utilizadas por las personas con discapacidad, tal como podemos leer en las
siguientes definiciones:
Significa que personas con algún tipo de discapacidad van a poder hacer uso de la
Web. En concreto, al hablar de accesibilidad Web se está haciendo referencia a un
diseño Web que va a permitir que estas personas puedan percibir, entender,
navegar e interactuar con la Web, aportando a su vez contenidos. También
beneficia a otras personas, incluyendo personas de edad avanzada que han visto
mermadas sus habilidades a consecuencia de la edad.
Indica 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). Esta cualidad está íntimamente relacionada con la usabilidad.
Hoy en día la accesibilidad web no está orientada exclusivamente a las personas con
discapacidad. Con el aumento del uso de los dispositivos móviles que permiten el acceso
a la Web con las mismas prestaciones que desde un ordenador, la accesibilidad web pasa
a significar que la Web es única y universal.
Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, sea cual sea el
tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica
y capacidades de los usuarios.
11
Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como
WAI (Web Accessibility Initiative). Se trata de una actividad desarrollada por el W3C, cuyo
objetivo es facilitar el acceso de las personas con discapacidad, elaborando pautas de
accesibilidad, mejorando las herramientas para la evaluación y reparación de
accesibilidad Web, llevando a cabo una labor educativa y de concientización en relación
con la importancia del diseño accesible de páginas Web, y abriendo nuevos campos a
través de la investigación en esta área.
Ventajas de las web accesibles
Mejora la usabilidad de la web para todo tipo de usuarios.
Permite mejorar el acceso a los contenidos Web a las personas mayores.
Mejora los resultados en los buscadores.
Permite la reutilización de contenidos por múltiples formatos o dispositivos.
Incrementa el soporte para el mercado internacional (subtítulos, idioma alternativo,
contenidos universales...).
Ayuda a reducir la llamada brecha digital.
Reduce los costes de desarrollo y mantenimiento del sitio.
Mejora del motor de búsqueda del sitio.
Reutilización de contenidos.
Gestiona la carga del servidor (hojas de estilo, vínculos mejor definidos,
alternativas textuales...).
Gestiona el ancho de banda del servidor.
Demuestra responsabilidad social
Refuerza positivamente la imagen empresarial.
Permite diferenciarse de la competencia.
Posibilita llegar a una proporción influyente de la población (3,5 millones de
personas en España demandan servicios y entornos accesibles).
Es muy importante que la Web sea accesible para así proporcionar un acceso
equitativo e igualdad de oportunidades a las personas con discapacidad
12
Diseño de interacción
El diseño de interacción es una conducta que nació de la necesidad de estudiar y facilitar
las interacciones entre las personas y su ambiente. Aunque la interacción puede darse
con casi cualquier objeto físico, en el mundo digital la asociamos cuando queremos utilizar
un producto o dispositivo para alcanzar un objetivo y esperamos que responda a nuestras
acciones. El diseño de interacción, así como la usabilidad, la arquitectura de información y
otras disciplinas, nos ayudan a planear para ofrecer una buena experiencia de usuario.
“El diseño de interacción se enfoca en crear interfaces bien pensadas en los
comportamientos. Entender cómo los usuarios y la tecnología se comunican entre sí es
fundamental para esta disciplina. Con este entendimiento, se puede anticipar cómo
alguien interactúa con el sistema para corregir problemas de manera temprana, así como
inventar nuevas formas de hacer las cosas.”
Las cuatro dimensiones del Diseño de InteracciónGuilla Smith lenguaje de diseño de interacción. Aunque cada una funciona de manera
individual, es la suma de todas las que generan una mejor interacción entre el usuario y la
interfaz.
Palabras: las palabras deben de ser sencillas de entender y de permitir la interacción.
Representaciones visuales: cada gráfico, ilustración, diagrama, icono, foto, etc debe
de ser usada con cuidado, pero sobre todo debe de tener una razón.
Espacio: con lo que interactúa el usuario en el mundo real. Estos pueden ser objetos
físicos de hardware como un mouse, apuntador, teclado, joystick, que son utilizados como
herramientas de mando.
Tiempo: se refiere a la duración que el usuario pasa interactuando con las palabras,
representaciones visuales y el espacio.
13
Tips a seguir: Define cómo se interactúa. Para definir esto es necesario establecer si habrá
alguna parte del hardware con la que el usuario deba de interactuar con la interfaz
(un mouse quizá)
Da pistas del comportamiento. Un botón debe de parecer un botón, por lo cual
es importante que la apariencia tanto de color, forma, tamaño, etc., Demuestre o
de una pista clara de que puede ser oprimido.
Anticípate a errores potenciales. Un buen diseñador de interacción entiende la
importancia de anticiparse a los errores y diseñar para que los usuarios puedan
prevenirlos o bien, recuperarse de ellos. Será necesario proveer claramente cómo
el usuario podría recuperarse de un error con el que se enfrente, por lo cual es
importante explicar qué ha pasado, dónde, por qué y qué se debería hacer para
corregirlo o revertir la acción.
Considera la retroalimentación oportuna. Cuando el usuario ejecuta una acción,
el sistema debe de responder haciéndole saber si fue efectiva o no, pues el no
tener retroalimentación podría significar dos cosas: 1) aún no se ha realizado nada
(guardar, cancelar) ó 2) ya se hizo (y pudiera ser que no).
Diseña pensando de manera estratégica. Diseñar para web, móvil o wearables
es completamente distinto. Por ello es indispensable conocer los lineamientos de
cada dispositivo y las mejores prácticas.
Simplifica lo más que puedas. Nuestro cerebro es capaz de retener de 5 a 9
elementos en la memoria de corto plazo. La cual nos ayuda a estar conscientes al
momento de diseñar y poderla emplear al dividir la información en pedazos.
La principal característica de esta es que debe tener un objetivo, estos se relacionan con
las necesidades del usuario, es por ello los diseñadores deben tener una idea clara sobre
las características, hábitos y preferencias de los usuarios.
14
15
Experiencia del usuario
Es importante comenzando con que no existe una única definición común del término.
Investigando en diferentes fuentes, me di cuenta que, todos los que estamos involucrados
en este ámbito de trabajo, podríamos decir una o varias definiciones parecidas, y
probablemente, todas estarían correctas. Leyendo en internet y lo que más se parece es
que Es la interacción que lleva a cabo el usuario con algún producto. Es un “Conjunto de
factores y elementos relativos a la interacción del usuario, con un entorno o dispositivo
concretos, cuyo resultado es la generación de una percepción positiva o negativa de dicho
servicio, producto o dispositivo.”
Cuando nos enfocamos en un proyecto web, en su resultado final nos podemos encontrar
con algunas de las siguientes situaciones:
El producto es usable pero no genera una gran experiencia de usuario.
El producto es usable y además genera una gran experiencia de usuario.
El producto no es usable, pero genera una gran experiencia de usuario: Esto no
tiene sentido que ocurra y que denotaría que algo se está haciendo mal.
Obviamente, la combinación perfecta es la segunda: El producto es usable y además
genera una gran experiencia de usuario. Si conseguimos esto, estaremos generando
experiencias únicas y confiables para el usuario, lo cual nos traerá un beneficio evidente,
no solo en nuestra reputación de marca sino en un beneficio real medio largo plazo.
Además, hay que tener en cuenta que los aspectos emocionales juegan un papel
fundamental en la interacción del usuario porque los estados emocionales afectan a los
procesos cognitivos que influyen en la relación de un usuario con un producto.
Algo muy importante que leí es que “Sin usuario, no hay experiencia de usuario.”
Una verdad fundamental ya que las personas para las que se diseña un producto son las
que determinan el éxito del producto, servicio o relación que se está creando. Desde la
perspectiva del diseño, el usuario es el centro de toda decisión estratégica de diseño a
partir del cual se empiezan las fases del proceso.
16
Los tests, entrevistas y otras pruebas con potenciales/ reales usuarios son métodos
utilizados para evaluar la experiencia usuario–producto.
El Mapa de Experiencia de Usuario es otra herramienta esencial: es un diagrama que
muestra los supuestos pasos que un usuario sigue desde el primer contacto (a veces
incluso antes), mientras y después de su probable interacción con un producto o servicio.
Se busca observar, considerar, medir la interactividad del usuario con el producto, su
comportamiento y su grado de interés, implicación satisfacción durante el proceso.
La experiencia de usuario es el compromiso de desarrollar productos y servicios con
propósito, compasión, credibilidad e integridad. Se empieza a comprender mejor los
elementos de diseño y se incorporan como objetivo nuevos valores que pueden
influenciar positivamente la percepción de las personas.
Como conclusión, la Experiencia de Usuario: Es resultado de un fenómeno interactivo en
el que intervienen muchos factores: individuales, sociales, culturales, contextuales y
propios del producto. Se verá condicionada por expectativas y experiencias previas del
usuario. Ofrece una perspectiva más amplia acerca del uso y consumo de productos
interactivos, y por tanto más acorde con la realidad. Se preocupa por factores poco
considerados como el comportamiento emocional del usuario y la importancia del diseño y
la estética en este comportamiento.
Investigar e identificar cuál es tu público objetivo es lo principal. Es lo principal en tener en
cuenta cuando se vaya a crear cada aspecto de su página web para satisfacer las
necesidades de los usuarios. Esto también significa que debes escucharlos y cambiar la
estructura de tu página de acuerdo con los comentarios que recibes.
El contenido de la página web depende del marco que se puso como meta para
envolverlo. Se necesita crear la estructura y proporcionar los puntos básicos que un
usuario necesita.