gloridelgado.files.wordpress.com · web viewla planificación de los roles dentro de un sitio...

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


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í


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.


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


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.


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?


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.


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


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.


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.


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


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


https://es.wikipedia.org/wiki/Dise%C3%B1o_de_interacci%C3%B3n

http://www.arumeinformatica.es/dudas/accesibilidad-web/

http://www.arumeinformatica.es/accesibilidad/

http://www.nosolousabilidad.com/manual/1.htm

https://www.sidar.org/recur/desdi/traduc/es/visitable/quees/usab.htm

http://www.guiadigital.gob.cl/arquitectura-de-informacion

http://www.xplora.eu/proceso-diseno-pagina-web/

http://www.webmillennial.com/5-claves-la-planificacion-sitio-web/

gloridelgado.files.wordpress.com · web viewla planificación de los roles dentro de un sitio...

Documents