nallelyguevarae.files.wordpress.com€¦ · Web viewPlaneación de una página web11. Aspectos...
Transcript of nallelyguevarae.files.wordpress.com€¦ · Web viewPlaneación de una página web11. Aspectos...
Página 1Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Contenido
Accesibilidad.........................................................................................................................3
Uso de la accesibilidad......................................................................................................3
Beneficios de la accesibilidad............................................................................................4
Arquitectura de la información..............................................................................................6
Componentes de la arquitectura de la información...........................................................6
Sistemas de organización de la información.....................................................................6
Tipos de sistema de navegación.......................................................................................7
Diseño de interacciones........................................................................................................9
Dimensiones del diseño de interacción.............................................................................9
Consejos para mejorar el diseño de interacción.............................................................10
Planeación de una página web...........................................................................................11
Aspectos importantes al crear una página web..............................................................11
Usabilidad...........................................................................................................................13
Características de la usabilidad......................................................................................13
Consejos para mejorar la usabilidad...............................................................................14
Ux Experience.....................................................................................................................16
Elementos de la experiencia de usuario.........................................................................16
Página 2Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
AccesibilidadEl principal objetivo de la accesibilidad es que las páginas web lleguen al máximo de
personas que la visiten, sin importar los conocimientos o capacidades y sin tomar en
cuenta las características técnicas del equipo que se va a utilizar para acceder a la web.
El hecho de que la web sea universal, es una necesidad, es necesario que sea accesible
para cualquier persona que quiera acceder a ella, ya que como lo decía su creador Tim
Berners-Lee: “El poder de la web está en su universalidad. El acceso por cualquier
persona, independientemente de la discapacidad que presente es un aspecto esencial”.
Actualmente, no se tiene una definición bien estructurada, formal y aceptada del concepto
de accesibilidad web, con la definición que se trabajará en este ensayo será la siguiente:
Acceso universal a la web, independientemente del tipo de hardware, software,
infraestructura de red, idioma, cultura, organización geográfica y capacidades que se
muestren en los usuarios.
Uso de la accesibilidad
La idea general se centra en hacer que la web sea más accesible para todos los usuarios,
dejando a un lado las circunstancias en las que se encuentren o los dispositivos que se
utilicen cuando se accede a la información. Tomando en cuenta esta idea, una página
accesible es en la que tanto una persona con discapacidad, como una persona que
presente ciertas circunstancias externas que les dificulte el acceso a la información,
puedan resolverlo con facilidad para así entrar en la página web.
Ahora bien, ¿cómo funciona la accesibilidad web? Para que el contenido de nuestra
página web sea accesible se han desarrollado las Pautas de Accesibilidad al Contenido
en la Web (WCAG), su función es guiarnos en el proceso del diseño de nuestra página
web y lograr nuestro objetivo que es tener un sitio web con un diseño accesible.
WCAG se divide en 14 pautas que nos darán soluciones de diseño, y que para que nos
sea más comprensible, se utilizan como ejemplo situaciones comunes en las que se
presentan dificultades al momento de accesar a la información.
Página 3Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Las pautas nos van describiendo cómo hacer que nuestra página web sea accesible sin
tener que sacrificar el diseño que ya se implementó en ella, ofreciéndonos una gran
flexibilidad que en estos casos es muy necesaria para que la información esté al alcance
de todos pesar de las diferentes situaciones que se puedan presentar,
proporcionándonos métodos que permiten una transformación, teniendo como resultado
páginas útiles e inteligibles.
De igual manera, se han desarrollado Pautas de Accesibilidad para Herramientas de
Autor, su principal objetivo es servir de apoyo a los desarrolladores de software al
momento de crear herramientas de autor para producir contenido web que sea accesible
para todos.
Otro tipo de pautas que también se ha desarrollado a lo largo del tiempo son las Pautas
de accesibilidad para XML que nos relata cómo como tener de manera segura la
accesibilidad de las aplicaciones que se basan en XML.
Por último están las pautas de Accesibilidad para Agentes de Usuario 1.0, en el cual nos
explica como tener de manera accesible los navegadores, reproductores multimedia,
entre otras tecnologías asistivas.
Beneficios de la accesibilidad
La accesibilidad web nos brinda ciertos puntos que son beneficos para nosotros:
Nos ayuda a que las personas con discapacidad auditiva reciban la información
que les queremos transmitir por medio de información visual.
También beneficia a que las personas que tienen discapacidad visual, porque por
mediod e la accesibilidad podemos expresar las imágenes en textos que se
mostrarán en la página.
Las personas con una conexión a internet lenta podrán navegar mucho más rápido
porque no se tendrán que descargar imágenes pesadas ya que la información
puede ser transmitida por medio de texto.
Hace más práctico el acceso a la página web desde los dispositivos móviles,
cualquier Smartphone, independientemente de su sistema operativo, esto se da
Página 4Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
porque la accesibilidad nos facilita la navegación táctil y la visualización en
pantallas reducidas en tamaño.
Aumento en el posicionamiento de los principales motores de búsqueda para las
empresas, hace ver una imagen de compromiso y responsabilidad social.
Página 5Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Arquitectura de la informaciónUno de los fines más grandes de la arquitectura de la información es permitir que el
usuario encuentre su vía de navegación dirigida al conocimiento y comprensión de la
información, otro de estos fines es estructurar y clasificar los sitios web con un fin en
común, ayudar a que los usuarios encuentren y manejen la información disponible en las
páginas web.
Componentes de la arquitectura de la información
Esta arquitectura de la información se basa en los componentes que forman parte de ella,
así como Rosenfeld y Morville (1998) identificaron diferentes componentes que ellos
consideraron esenciales para los sistemas digitales de información.
Sistemas de organización de la información
EsquemasSe definen las características en común de los elementos encontrados en el contenido y
las influencias del comportamiento lógico de dichos elementos.
Los esquemas se dividen en tres, exactos, que son los que dividen la información en
secciones bien definidas y mutuamente excluyentes, ambiguos, que dividen la información
en categorías que proponen definiciones exactas, suelen ser influenciados por la
subjetividad humana y no necesariamente los usuarios saben con certeza lo que están
buscando y los híbridos, que son una mezcla de las dos clasificaciones antes
mencionadas.
EstructurasNos sirven para definir los tipos de relaciones que se encuentren en los elementos de
contenido y sus agrupaciones.
JerárquicasSon subdivisiones representadas en niveles, donde se debe de considerar un gran
equilibrio entre amplitud y profundidad en las jerarquías de información.
Página 6Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Hipertextules
Es una vía no lineal para la información y aunque posee una gran flexibilidad, no es
recomendada porque puede provocar que los usuarios de pierdan.
Modelo de base de datos relacionalTiene una gran ventaja porque permite utilizar el mismo contenido en diferentes formas y
formatos para los usuarios, además de que nos favorece en la búsqueda específica por
campos.
Tipos de sistema de navegación
JerárquicoEs el factor primario en los sistemas de navegación para los autores de la jerarquía de la
información, permite la navegación en sentido vertical por el sistema.
GlobalEste tipo de sistema de navegación ayuda con gran frecuencia a complementar la
información jerárquica para así poder permitir la navegación a lo largo y ancho del sitio
web.
LocalHay algunos sitios que necesitan de más complejidad, en los que se complementa el
sistema de navegación global con uno o más sistemas de navegación locales.
Ad-hocEste tipo de navegación tiene fines más específicos que tom en conjunto los elementos de
contenido que no son escogido9s en las categorías de navegación jerárquicas, globales y
locales.
Representan palabras o frases dentro de las oraciones o párrafos como los enlaces de
hipertexto.
A su vez, el sistema de navegación se integra por elementos que se dividen en dos
categorías fundamentales
Página 7Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Integrados: Son los que se presentan más comúnmente y están presentes en todas las
páginas, algunos ejemplos son las barras de navegación, los marcos y los menús
desplegables.
Remotos: Son las vías alternas de acceso a los contenidos, corresponden a la
navegación suplementaria del sistema.
Página 8Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Diseño de interaccionesLos principios del diseño de interacciones comenzaron por la necesidad de estudiar y
facilitar la interacción entre las personas y su entorno.
La interacción puede darse con cualquier objeto físico pero en lo digita se asocia cuando
se quiere utilizar un producto o dispositivo para alcanzar los objetivos que se tiene y se
espera que responda a nuestras acciones, también nos ayuda a planear para ofrecer una
excelente experiencia de usuario al igual que la usabilidad, la arquitectura de la
información, entre otras disciplinas.
El diseño de interacción es la estructura y el comportamiento de sistemas que
interaccionan entre sí, lo que los diseñadores de interacción buscan es crear relaciones
de gran significado entre las personas y los productos o servicios que utilizan, por
ejemplo, computadoras, dispositivos móviles, etc.
Dimensiones del diseño de interacción
Un hombre llamado Gillian Crampton Smith creó las cuatro dimensiones para el lenguaje
del diseño de interacción, cada dimensión tiene su función pero todas en conjunto
generan una mejor interacción entre el usuario y la interfaz.
PalabrasSe debe de utilizar un lenguaje sencillo, con palabras fáciles de entender para poder
permitir la interacción.
Representaciones visualesCada elemento multimedia que se agrega, como lo son gráficos, ilustraciones, íconos,
fotos, etc. se debe utilizar con cuidad, deben de tener una razón por la cual están ahí, hay
que evitar usarlos solo como decoración.
EspacioSon los elementos que utiliza el usuario en el mundo real para acceder al sitio web,
pueden ser objetos físicos de hardware, como un mouse, teclado, apuntador, etc. que son
usados como herramientas de mando.
Página 9Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
TiempoMide la duración del tiempo en el que el usuario se encuentra interactuando con las
dimensiones antes mencionadas, con las palabra, representaciones visuales y el espacio.
Existe una quinta dimensión que fue propuesta por Kevin Silver y fue la siguiente:
ComportamientoEs la dimensión en la que se incluyen las emociones y reacciones que se manifiestan en
el usuario al operar, presentar, utilizar o realizar cualquier acción en el sistema.
Consejos para mejorar el diseño de interacción
Definir cómo se va a interactuar, para esto se necesita saber si alguna parte del hardware con la que el usuario deba interactuar con la interfaz, por ejemplo, el mouse que utilizan para navegar en computadoras.
La apariencia de los elementos que se encuentren en la página es importante, hay que dar pistas de comportamiento, es decir, que por su apariencia visual se den una idea de para qué sirve o para que se utiliza, un ejemplo es que un botón realmente debe de tener la apariencia de un botón, debe de tener el color, forma, tamaño, etc. para que les demuestre que ese botón puede ser oprimido y automáticamente llevarlos a la información que ellos quieren ver para que sea más fácil y rápido navegar en la página.
Un buen diseñador de interacción sabe que debe anticiparse a errores que se puedan llagar a presentar y crear soluciones para que esos errores no hagan tener una mala experiencia al usuario que está navegando en la página.
Se debe de considerar la retroalimentación, que cuando el usuario realice una acción el sistema le responda para hacerle saber si realmente fue efectiva o no.
Siempre diseñar pensando de una manera estratégica, diseñar para páginas web y para páginas móviles son situaciones distintas, así que siempre hay que tomar en cuenta eso al diseñar la página.
Simplificar todo lo que sea posible, entre menos información haya será más fácil que los usuarios retengan la información que se encuentre en nuestra página, esto aplica en cuanto a texto, archivos multimedia e incluso para links porque hacen que los usuarios tomen más tiempo en tomar una decisión y causan una desventaja en términos de conversión, básicamente los estamos sobresaturando de información y no lograremos que retengan la que desde un principio ellos necesitaban.
Página 10Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Planeación de una página webLa web es una gran herramienta privilegiada de internet, esto es por la posibilidad que nos
brinda de mostrar, vender o anunciar cualquier cosa, las 24 horas del día, los 365 días del
año y algo que beneficia a la empresa es que a este medio se puede dar acceso desde
cualquier parte del mundo.
Si la empresa ofrece sus productos, servicios o simplemente exp0onen una idea,
cualquier persona tendrá acceso a dicha información. Nunca se había descubierto una
herramienta como lo es la web, hasta ahora, que con poco presupuesto den como
resultado alcanzar los objetivos que se tiene como organización.
Aspectos importantes al crear una página web
PropósitoEl propósito es el que responderá las siguientes preguntas: ¿qué motivos lo impulsaron a
crear su sitio?, ¿quiere contarle a la gente lo que usted fabrica, ofrecer sus servicios,
exponer sus intereses?, ¿quiere emitir opinión sobre un tema determinado, expresar una
idea?
Tener el propósito bien definido permitirá a los visitantes reconocerlo, para así darse
cuenta si quieren seguir navegando en el sitio o no.
AlcancePrimeramente hay que idealizar cuál será el tema que abordará la página, para poder
optar por un alcance general y después profundizar en tres o cuatro aspectos específicos
o elegir la opción de un alcance limitado y aún más específico que el anterior, eso
dependerá de las necesidades que se quieran cubrir.
EstructuraLa estructura más utilizada en los sitios web (considerada la mejor y más recomendada)
es la de presentar el contenido en forma de categorías, partiendo de lo general a lo
particular, esta organización hace que logremos una estructura jerárquica en la que los
usuarios que visiten la página puedan ir revisando categoría por categoría, enfocándose
en las que sean de su interés y adentrarse en las particularidades del contenido que más
llame su atención.
Página 11Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Si se tiene grandes volúmenes de información en su página web será necesario agregar
un nivel más a la jerarquía, las sub categorías, y que es muy importante lograr diseñar
una estructura en la que el usuario pueda encontrar de una manera fácil y rápida la
información que está buscando.
Para empezar a realizar la estructura se pueden utilizar programas como Power Point,
Open Office o con algo tan simple como una hoja de papel y un lápiz, no se necesita de
programas tan complejos para empezar a diseñar la estructura de nuestro sitio.
ContenidoUna vez que ya tengamos definida la estructura de nuestro sitio web, el siguiente
elemento que debemos de tomar en cuenta para la realización de una página es
comenzar a crear el contenido que queremos que conforme la página.
El contenido que podemos agregar es el texto, imágenes, fotografías, sonidos, videos,
presentaciones y todo tipo de archivo multimedia que quieras agregar para complementar
algún texto y lograr captar la atención de los visitantes, todo este material debe de ser
suficiente para satisfacer las necesidades de información de los usuarios.
Muchas veces se encuentran empresas no tienen material desarrollado específicamente
para internet, lo que sí tienen es material de presentaciones de ventas, Folders de Ventas
(Sale Folders), especificaciones técnicas, Historial de la empresa, etc. La manera más
viable es tomar como base los elementos que ya se tienen para integrarlos y desarrollar lo
que haga falta.
Al momento de hacer la planeación del contenido de la página web lo ideal es recopilar
toda la información posible porque en este caso siempre es mejor tener contenido de más
para hacer una selección específica de lo que se quiere agregar al contenido.
El sitio web lo que hace es comunicar información a los usuarios pero ellos actualmente lo
que quieren es saber si la empresa y sus productos o servicios cubren las necesidades
que tienen, si el sitio web incluye este aspecto es muy probable que sea exitoso.
Con las sugerencias ya mencionadas y agregando las que se adecúen más a las
necesidades de la empresa se puede tener un sitio web que ayude a cumplir los objetivos
de la empresa.
Página 12Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
UsabilidadLa usabilidad es la manera en la que se mide la experiencia que tiene el usuario cuando
interactúa con un producto o sistema, dicha medición se realiza por medio del estudio de
la relación que se produce entre las herramientas (que se encuentran en un sitio web, el
conjunto que se integra por el sistema de navegación, las funcionalidades y el contenido
que se ofrece) y quienes la utilizan, esto nos sirve para determinar que tanta eficiencia
hay en el uso de los diversos elementos que ofrecen en las pantallas, así como la
efectividad al momento de cumplir tareas que pueden llevarse a cabo a través de ellas.
Características de la usabilidad
Con la información que ya tenemos, nos podemos dar cuenta que cuando hablamos de
usabilidad también se involucra la revisión de una serie de aspectos que se relacionan
con el uso y la manera en la que las personas se relacionan con los sistemas ofrecidos.
Por este motivo, se volvió una necesidad hacer una serie de comprobaciones de estos
aspectos, por medio de la revisión completa de la forma en que el espacio digital ayuda a
los usuarios en realizar sus tareas de la mejor manera posible. Para esta revisión es
necesario tomar en cuenta una pequeña lista de factores, entre ellos se encuentran los
siguientes:
Facilidad de aprendizajeNos muestra en qué lapso de tiempo el usuario no ha visitado una interfaz, para que
pueda aprender a utilizarla de manera correcta y que pueda realizar las operaciones
básicas dentro de ella.
Facilidad y eficiencia de usoEste punto es la rapidez con la que se pueden desarrollar ciertas tareas, una vez que ya
se haya aprendido a manejar el sistema de forma correcta.
Facilidad de recordar cómo funcionaCapacidad para recordar las características que tiene y la forma en la que se usa un
sistema para poder volver a utilizarlo con fluidez en un futuro.
Página 13Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Frecuencia y gravedad de erroresEs la ayuda que se le brinda a los usuarios para apoyarlos cuando se deban enfrentar a
errores que cometan al momento de utilizar el sistema.
Satisfacción subjetivaNos proporciona el nivel de satisfacción de los usuarios cuando han trabajado con el
sistema, todo esto gracias a la gran facilidad y simplicidad del uso de sus pantallas.
A estos acercamientos que se tienen a la usabilidad del autor se le denominan Facetas de
la Experiencia del Usuario, la cual corresponde a las siguientes:
Útil: Saber que los productos o servicios que ofrecemos a los usuarios sean de real
utilidad y aplicar el conocimiento que tenemos para tener soluciones que innoven al
apoyar la utilidad.
Usable: Esto no es más que la facilidad con la que se puede manejar el sitio, es un
aspecto fundamental pero no suficiente.
Deseable: Además de que el sitio debe de ser eficiente, hay que equilibrarlo con el resto
de valores del diseño emocional.
Encontrable: Los usuarios que naveguen en el sitio web se les debe de permitir
encontrar rápidamente lo que necesitan
Accesible: Debe de ser completamente accesible a personas con algún tipo de
discpacidad.
Creíble: Se debe de analizar los elementos del diseño ya que la credibilidad es muy
importante, hay que ganarse la confianza de los usuarios.
Valioso: Las facetas nos van a servir de apoyo en este punto ya que determinan los
aspectos que llevan a que nuestro sitio ofrezca valor a los usuarios.
Consejos para mejorar la usabilidad
Tener muy en claro cuál es el propósito del sitio
Siempre ayudar a los usuarios a encontrar lo que están buscando
Página 14Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Desplegar el contenido de manera clara en el sitio web, para así ahorrar a los
usuarios clics que verdaderamente son innecesarios porque muestran temas que
ya han sido destacados.
El diseño de la página es para mejorar la interacción y no solo para definirla,
siempre tener presente que el diseño es para cooperar con la información y no
tomarlas como rivales, al contrario, complementar una con la otra.
Página 15Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Ux ExperienceLa Ux experience o mejor conocida como experiencia del usuario, es un conjunto de
factores y elementos relacionados a la interacción del usuario, con un entorno y
dispositivos en concreto, el resultado que se genera es una percepción positiva o negativa
del mencionado servicio, producto o dispositivo.
La experiencia del usuario no solo depende de los factores que se relacionan con el
diseño como el hardware, software, usuabilidad, diseño de interacción, accesibilidad,
diseño gráfico y visual calidad de los contenidos, buscabilidad o encontrabilidad, utilidad,
etc.) de manera independiente de todos los aspectos mencionados sobre el diseño,
también se encuentran los aspectos relativos a las emociones, sentimientos, construcción
y transmisión de la marca, confiabilidad del producto, entre otros.
Todo lo que engloba la experiencia de usuario como disciplina se aplica a los sistemas
informáticos, de forma particular a las páginas web, aunque hoy en día se ha ampliado
esta definición ya que se toma como experiencia a casi cualquier producto o servicio
porque estos comienzan a diseñarse buscando satisfacer las necesidades del
consumidor, que ahora es visto como un usuario, para que transmitas las experiencias
vividas con los demás usuarios.
Elementos de la experiencia de usuario
Especificaciones funcionalesLas especificaciones funcionales son punto fundamental que se debe realizar para facilitar
las experiencias de usuario, se debe detallar las funcionalidades que el sitio tiene que
tener para satisfacer las necesidades con las que se presente el usuario, además de una
descripción del contenido que se requiere subir al sitio, esto quiere decir, el tipo de
información que se manejará, para que público estará disponible, etc.
Uno de los grandes problemas en cuanto al funcionamiento de las páginas web es que las
personas no averiguan el funcionamiento de las cosas, siempre intentan arreglárselas por
sí mismos y esto es algo muy lejano a la intención que se tenía el diseñador web, esta
Página 16Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
situación se da porque la mayoría de las personas tiene la falta de importancia en llegar a
entender el funcionamiento de las cosas en cuanto pueden usarlas.
Diseño de interacciónEs el procedimiento de generar y evaluar productos, sistemas o dispositivos, que cumpln
con el objetivo para el que fueron creados y diseñados, que sean de utilidad en el trabajo
de las personas y en general en su vida cotidiana. En palabras más detalladas, tiene
como objetivo presentar las acciones a través de las cuales cumple para lo que fue
diseñado y los elementos implicados durante su desarrollo, provocando en los usuarios
experiencias útiles, satisfactorias y usables.
Diseño de la informaciónSe puede definir como el arte y la ciencia de preparar la información, de modo que las
usuarios la puedan manejar y procesar con eficacia y eficiencia. Horn (1999) la define
como la conexión entre la información, el pensamiento humano y el uso.
Diseño de interfazEl diseño de los elementos de la interfaz se utiliza para facilitar la interacción del usuario
con la funcionalidad en el estudio de la interacción entre humano y computador
tradicional. Debe generar y formalizar documentos hipermediales para la comprensión de
todo usuario, interactivos, navegables y para facilitar su visualización.
Diseño de navegaciónLa navegación de un sitio web es definida por la experiencia de navegación que
experimente el visitante en virtud a la cual no pueda captar su a tención y provoque saltar
de una página a otra dentro del sitio web utilizando el sistema de hipervínculos. El diseño
de navegación se divide en: jerárquica, lineal, lineal con jerarquía red y diseño visual.
Diseño visual aplicado a la webEn las etapas del diseño de una página web, el diseño visual es una de las últimas que se
debe de realizar, ya que es más importante primero planear el contenido que se quiere
dar a conocer en la página y el diseño visual depende de ciertas etapas que vana entes
de esta.
Página 17Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA
Coherencia del diseñoAl momento de que el usuario está navegando en la página, debe sentir que está en una
sola, para esto nos sirve la coherencia del diseño, se logra mediante la repetición de
algunos elementos que dan un cierto estilo al sitio.
Página 18Laura Nallely Guevara Exiga/ 1807796/ Grupo A77/ PIA