Post on 28-Sep-2020
MercadotecniaTrabajo
Solicitado: PIA
Gloriceli Guadalupe
Delgado RiveraMatricula: 1807955
Grupo: A77
1
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 1
2
ContenidoTEMA 1: Planeación de alguna página web................................................................2
Fases para lograr una pagina web:.............................................................................2
5 claves para un rediseño de página web...................................................................3
TEMA 2: Arquitectura de la Información.....................................................................4
Importancia de la Arquitectura de la Información........................................................4
TEMA 3: Usabilidad.......................................................................................................6
Elementos de calidad:..................................................................................................6
Bloques de la usabilidad..............................................................................................7
TEMA 4: Accesibilidad..................................................................................................8
Características de un sitio accesible............................................................................8
¿Que es la WAI?..........................................................................................................9
Niveles de conformidad:..............................................................................................9
TEMA 5: Diseño de Interacciones..............................................................................10
Dimensiones del diseño de interacción:....................................................................10
TEMA 6: UX Experience o User Experience o Experiencia del Usuario................11
Bibliografía...................................................................................................................12
Tema 1.......................................................................................................................12
Tema 2.......................................................................................................................12
Tema 3.......................................................................................................................12
Tema 4.......................................................................................................................12
Tema 5.......................................................................................................................12
Tema 6.......................................................................................................................12
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 2
3
TEMA 1: Planeación de alguna página web
La planeación es una parte importante del proceso y establece las acciones a seguir
desde que se acepta hasta que se concluye. Cada día se diseñan más paginas web y
es que son muchas mas las personas con ideas de negocios que han seleccionado
este medio para monetizarlas. Que el proyecto en Internet tenga éxito depende en
gran manera de que el sitio sea apropiado para las funciones que deberá cumplir. Para
ello, nada mejor que planificar desde un primer momento el desarrollo web del mismo.
La planeación de una página web requiere que se tome el tiempo necesario para
analizar, planificar y diseñar todo el sistema que da soporte al sitio web. Debemos
tomar en cuenta también la planeación del contenido que se dará a conocer por medio
del sitio web. También tiene que definir los roles y los usuarios implicados en la
creación de sitios web e instalación de la infraestructura.
Estos roles son ejemplos del tipo de trabajo realizado por las personas que crean y
gestionan un sitio web. La planificación de los roles dentro de un sitio web, es parte
fundamental asignar las responsabilidades para que todo logre funcionar
adecuadamente.
Fases para lograr una pagina web: La primera fase, antes de empezar el desarrollo del sitio web, se debe plantear las
metas que se quieren alcanzar, así como también los objetivos y las estrategias con
las cuales se lograra alcanzar. Se debe tener en cuenta cual será el mensaje
adecuado que se quiere transmitir a las demás personas. Se deben tener claro cada
uno de los objetivos para detallar las necesidades a satisfacer. Sin fijar estas
prioridades no se podrá pasar a la siguiente fase.
Al momento de saber como va funcionar el sitio web, en que tipos de dispositivos se
va a transmitir y el contenido que se requerirá para hacer llegar el mensaje, ya
podemos pasar al siguiente paso que es comenzar con el diseño del aspecto del sitio
web así como la colocación de los elementos. El siguiente paso es determinar el plazo
para completar el proyecto y distribuir los roles como anteriormente se mencionaban,
dichos actividades que se deben desarrollar en un tiempo definido.
A lo largo de cómo se vaya dando las actividades y el contenido se deben hacer
constantemente una evaluación de forma periódica para los avances realizados y así
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 3
4
poder asegurarse que no se cuenten con detalles o algún tipo de problema que afecte
al sitio web.
5 claves para un rediseño de página web Estas características están basadas en la planeación de un sitio web:
#1 Mapa del sitio web
Identificar las prioridades; que me compren, que sea fácil de usar, que puedan
contactar de forma sencilla.
Revisar los objetivos y las estrategias para lograr cumplir con las necesidades que
tienen los clientes.
#2 Define el embudo de ventas
Pensar como convertir a alguien en tu cliente.
Embudo de Ventas: Descubrimiento, interés, consideración, conversión, fidelizacion
El objetivo en esta fase es crear un plan para generar clientes
#3 Desarrolla el contenido
Verificar que el contenido sea el adecuado y sea entendible de manera eficaz.
El contenido es el alma de una pagina web es como se conectan las personas
#4 Wireframes
Son esquemas visuales que se realizan para tener una idea aproximada de cómo será
el diseño de la pagina web; el como se colocara el contenido y las imágenes.
#5 Diseñar
En este paso es donde los aspectos mencionados anteriormente, se juntan para dar
un buen formato a la pagina web. Se une el diseño previo que se tenía con el
contenido.
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 4
5
TEMA 2: Arquitectura de la Información
Según la Wikipedia, la Arquitectura de la información es el arte y la disciplina
responsable del estudio, análisis, disposición, organizació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 interactivos y no interactivos.
Nos sirve para ordenar los contenidos de tal manera que podamos mejorar la
accesibilidad de los usuarios al acceder a la página web. Es la manera en como
damos a conocer nuestra información a través de su distribución.
El arquitecto de la Información es la persona encargada de coger las diferentes piezas
que componen una web, y darle la forma para que trabaje adecuadamente.
La facilidad de localización es un factor fundamental para conseguir que la experiencia
del usuario (y por tanto la usabilidad del site) sea óptimo.
Si los usuarios no pueden encontrar lo que buscan mediante una combinación de
exploración, búsqueda e interrogación, el sitio web fracasará. Sin embargo, no basta
con centrar el diseño en el usuario. Tenemos que buscar el equilibrio perfecto entre los
usuarios y los objetivos de la web.
Importancia de la Arquitectura de la Información
Para alcanzar el éxito, debemos tomar en cuenta la eficiencia en conseguir la
información que se esta requiriendo. Entre mas accesibilidad se tenga para cumplir
con el objetivo de los usuarios, mas eficaz será la pagina web, y mientras mas clics
tenga que dar cada y uno de nuestros usuarios, aumentan las posibilidades de que el
usuario se vaya de la pagina web un poco frustrado por no encontrar lo que se
necesitaba.
Para darnos cuenta de la importancia de AI, debemos considerar los siguientes costos:
1º Costo de no encontrar la información
Si el usuario no cuenta con lo que requiere, se va
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 5
6
2º Costo de encontrarla
Encontrarla tarde: como se menciono anteriormente, se crea un desagrado en el
usuario por no obtener de manera eficaz lo que se busca. Si el contenido no se tiene
bien estructurado, los usuarios se irán y dudaran en volver, por lo mismo de sus
mismas experiencias.
Encontrarla de manera eficaz: se crea un lazo entre el sitio web y los usuarios, por su
experiencia vivida y el buen contenido que se obtuvo al entrar a esa pagina web. El
usuario se va contento y con los resultados que se esperaban.
3º Costo de la construcción
Acomodar de manera adecuada el contenido que se brinda hacia los usuarios.
Con un buen acomodo de los enlaces, contenido e imágenes, se crea una mejor
usabilidad y accesibilidad de la información.
4º Costos de mantenimiento
Una información bien organizada nos permite saber en todo momento dónde encontrar
cada porción de la misma para, llegado el momento, poder actualizarla o borrarla en
poco tiempo.
5º Costos de valor de marca
Básicamente, ya lo hemos mencionado anteriormente. Cuando alguien no tiene una
buena experiencia, lo único que se obtiene es desagrado e inconformidad en lugar de
satisfacción al entrar a alguna pagina web similar.
Como ves, la arquitectura de la información es un recurso muy útil a la hora de diseñar
y estructurar cualquier tipo de información. Es importante estudia lo que quieres
mostrar, cómo quieres mostrarlo y a quién.
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 6
7
TEMA 3: Usabilidad
La usabilidad es la facilidad de uso de un objeto hecho por el hombre. Este objeto de
uso puede ser un libro, una herramienta, una máquina, un software o un sitio web, o
dichos de otra forma, el proceso con el que un ser humano interactúa.
La usabilidad web trata con la relación persona-ordenador, estudiando la elegancia y
la claridad con que diseñamos la interacción en un sitio web.
Por efectividad se entenderá la precisión y la plenitud con las que los usuarios
alcanzan los objetivos especificados. A esta idea van asociadas la facilidad de
aprendizaje (en la medida en que este sea lo más amplio y profundo posible), la tasa
de errores del sistema y la facilidad del sistema para ser recordado (que no se olviden
las funcionalidades ni sus procedimientos).
La usabilidad, hace referencia, a la rapidez y facilidad con que las personas llevan
cabo sus tareas propias a través del uso del producto objeto de interés, idea que
descansa en cuatro puntos:
Una aproximación al usuario: Un amplio conocimiento del contexto de uso:
El producto ha de satisfacer la necesidades del usuario:
Son los usuarios, y no los diseñadores y los desarrolladores, los que determinan
cuando un producto es fácil de usar.
Elementos de calidad:
Facilidad de aprendizaje: ¿Es fácil para los usuarios para llevar a cabo tareas básicas
desde la primera vez que se encuentran con tu sitio web?
Eficiencia: Una vez que los usuarios han aprendido a usarlo, ¿pueden realizar tareas
con suficiente rapidez?
Memorabilidad: Cuando los usuarios vuelven al sitio después de un tiempo de no
usarlo, ¿con qué facilidad pueden volver a usarlo?
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 7
8
Errores: ¿Cuántos errores hacen los usuarios, cómo de graves son y pueden
reorientarse fácilmente?
Satisfacción: ¿Cómo de agradable es utilizar el sitio?
Funcionalidad: ¿Pueden hacer lo que necesitan los usuarios en tu sitio web?
Bloques de la usabilidad
Existen varios tipos de bloques de la usabilidad en los sitios web que son
fundamentales para poder hacer una evaluación adecuadamente:
Identidad: plasmar a primera vista cual es tu objetivo, el publico a quien eres dirigido,
tus estrategias de dar a conocer tu contenido, la sencillez del diseño, e identificar que
es adecuado y que no.
Se debe dar a conocer el nombre del sitio web, el logo debe de estar en un lugar
visible para que los usuarios tengan la accesibilidad de poder encontrarlo.
Es importante, dar a conocer una manera de contacto, para que el usuario cuente con
más información y que vea que es verídica toda la información ahí plasmada. Saber
que existe un respaldo que sostiene todo lo dicho.
Accesibilidad: como su nombre lo indica, permite que cualquier usuario aceda al sitio
web
Navegación: Todos esperan una navegación principal con nombres de sección
entendibles y cortos, el número de elementos que una persona puede recordar es
como máximo 7, así que en la medida en que podamos ubicaremos menos de 7
elementos, facilitando el uso al usuario.
Contenido: Ser concisos, sencillos y fáciles de entender, es lo básico en cuanto al
texto usable.
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 8
9
TEMA 4: Accesibilidad
La accesibilidad web tiene como objetivo lograr que las paginas web sean utilizables
por el máximo numero 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.
Accesibilidad es tener la capacidad de poder entrar con facilidad a algún sitio web,
para poder obtener información de manera eficaz y concreta. Los sitios web cuenta
con un diseño adaptable a todos los dispositivos digitales para que el contenido sea
adquirido de manera rápida.
Al momento de contar con ciertas discapacidades, los sitios web se deben adaptar con
las necesidades de cada usuario. Las discapacidades de un individuo pueden ser de
varios tipos:
Visuales: visión reducida
Motrices: lentitud muscular
Auditivos: deficiencias auditivas
Cognitivas: dislexia, dificultad para concentrase
La accesibilidad se encuentra ligada estrechamente con la usabilidad, La usabilidad es
la manera de cómo se adquiere la información y el uso que se da respectivamente.
Dependiendo la accesibilidad es el medio de uso que se le dará.
Hacer la página web de manera accesible da más probabilidades que varios usuarios
puedan ingresar fácilmente y se vuelva un sitio web constantemente recurrido.
Características de un sitio accesible
Transformable; la información y los servicios debes ser accesibles para todos y
deben poder ser utilizados on todos los dispositivos de navegación.
Comprensible; contenidos claros y sencillos de entender
Navegable; mecanismos sencillos de navegación en cualquier dispositivo digital
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 9
10
¿Que es la WAI? La WAI publico una serie de directrices denominadas Pautas de Accesibilidad para el
Contenido Web 1.0 que son en las que se basan la mayoría de las páginas web.
Las pautas están pensadas para todos los diseñadores de contenidos en la web y para
los usuarios que acceden. El fin principal de estas pautas es promover la accesibilidad.
Niveles de conformidad: Nivel A: usuarios no podrían acceder a la información de la pagina web
Nivel AA: sin las cuales algunos usuarios tendrían muy difícil acceder a la información
de la página web
Nivel AAA: sin las cuales algunos usuarios tendrían ciertas dificultades para acceder a
la información de la página web.
Otros elementos, que forman parte de la accesibilidad es crear enlaces dentro del sitio
web. Los enlaces son direcciones que te llevan directamente a información que se
destaca y se relacionan entre si.
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 10
11
TEMA 5: Diseño de Interacciones
El diseño de interacción (IxD) (Interaction Design Association) define la estructura y el
comportamiento de sistemas interactivos. Los diseñadores de interacción buscan crear
relaciones significativas entre las personas y los productos o servicios que estos usan,
desde computadoras hasta dispositivos móviles, aparatos y más.
El diseño de interacción entre el usuario y el sitio web debe de ser adaptable para
transmitir esa seguridad y confianza del sitio y contenido que nos transmite. Todos los
temas que hemos visto anteriormente se relacionan entre si, ya que un sitio web
deben de su diseño; en como dar a conocer su contenido, la accesibilidad con la que
se puede obtener y la usabilidad que se le da a todo lo expuesto.
En un sitio web, se realiza un diseño donde el usuario pueda interactuar con lo
expuesto. Se debe tomar en cuenta desde una planeación partiendo desde la misión y
visión del sitio, hasta establecer sus objetivos con las estrategias relacionadas.
Es importante recalcar que la clave del éxito de un sitio web, esta dada por la forma en
que se presenta la información a los visitantes. Por ello es que en esta sección se
abordan los elementos necesarios para que, durante la creación de las interfaces de
los sitios web (lo que el usuario observa al ingresar), se cumpla con dichos preceptos y
la comunicación fluya más directamente entre el organismo y el usuario final.
Dimensiones del diseño de interacción:
1º Palabras: las palabras deben de ser sencillas de entender y de permitir la interacción.
2º Representaciones visuales: cada gráfico, ilustración, diagrama, icono, foto, etc debe de ser usada con cautela, pero sobre todo debe de tener un fundamento. Evita el uso como decoración.
3º 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.
4º Tiempo: se refiere a la duración que el usuario pasa interactuando con las palabras, representaciones visuales y el espacio.
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 11
12
5º Dimensión (propuesta por Kevin Silver) – Comportamiento: en la que se incluyen las emociones y reacciones que tiene el usuario al operar, presentar, utilizar o realizar una acción en el sistema.
TEMA 6: UX Experience o User Experience o Experiencia del Usuario
La "experiencia del usuario" abarca todos los aspectos de la interacción del usuario
final con la empresa, sus servicios y sus productos.
Según Wikipedia, la experiencia de usuario es el conjunto de factores y elementos
relativos a la interacción del usuario, con n entorno o dispositivo concreto, cuyo
resultado es la generación de una percepción positiva o negativa de dicho servicio,
producto o dispositivo.
La experiencia del usuario, como su nombre lo dice es la satisfacción o disgusto que
adquiere cada cliente al ponerse en contacto con el sitio web. Es la primera impresión
de calidad, diseño, manejo de información, etc.
La experiencia se adquiere en la primera, segunda o hasta tercera visita. Desde como
la accesibilidad y la gran usabilidad que le diste, hasta el diseño de interacción entre
sitio web y usuario.
El primer requisito para una experiencia de usuario ejemplar es satisfacer las
necesidades exactas del cliente, sin problemas ni molestias. Luego viene la
simplicidad y la elegancia que producen productos que son una alegría propia, una
alegría de usar. La verdadera experiencia del usuario va más allá de darles a los
clientes lo que dicen que quieren, o de proporcionar características de la lista de
verificación. Para lograr una experiencia de usuario de alta calidad en las ofertas de
una empresa, debe haber una combinación perfecta de los servicios de múltiples
disciplinas, que incluyen ingeniería, marketing, diseño gráfico e industrial y diseño de
interfaz.
En un sitio web los componentes deben funcionar en su conjunto, logrando un
reconocimiento de manera instantánea por el usuario, siempre y cuando lo anterior no
lo despoje de sus intereses iniciales, pero que el usuario tampoco desgaste energía y
tiempo en pensar demasiado, pues si afectamos este punto será un hecho que el
usuario pasara más tiempo descifrando como entender lo que se muestra en pantalla y
le dedicara menos tiempo a lo que realmente buscan convirtiendo el sitio en algo
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 12
13
ineficaz, así que lo mejor es crear lo más claro posibles los contenidos con el fin de
que en una simple ojeada se detecten los puntos cruciales del material.
Bibliografía
Tema 1 http://www.webmillennial.com/5-claves-la-planificacion-sitio-web/
http://www.xplora.eu/proceso-diseno-pagina-web/
Tema 2 http://www.guiadigital.gob.cl/arquitectura-de-informacion
http://eprints.rclis.org/8471/1/Arquitectura.pdf
Tema 3 https://www.sidar.org/recur/desdi/traduc/es/visitable/quees/usab.htm
http://www.nosolousabilidad.com/manual/1.htm
Tema 4 http://www.arumeinformatica.es/accesibilidad/
http://www.arumeinformatica.es/dudas/accesibilidad-web/
Tema 5 https://es.wikipedia.org/wiki/Dise%C3%B1o_de_interacci%C3%B3n
http://www.4rsoluciones.com/blog/diseno-interaccion-se-relaciona-usuario-la-interfaz/
Tema 6 https://translate.google.com.mx/translate?hl=es&sl=en&u=https://www.nngroup.com/
articles/definition-user-experience/&prev=search
https://es.wikipedia.org/wiki/Experiencia_de_usuario
Gloriceli Guadalupe Delgado Rivera Matricula: 1807955 Grupo: A77 PIA Página 13