nallelyguevarae.files.wordpress.com€¦ · web viewplaneación de una página web11. aspectos...

Laura 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.


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


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.


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.


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


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.


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.


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.


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.


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.


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.


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


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.


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


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.


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.


nallelyguevarae.files.wordpress.com€¦ · web viewplaneación de una página web11. aspectos...

Documents