Tabla de contenido¿Qué es una página web.............................................................................................................3
Fundamentos del diseño web primera parte: planificación...............................................3
SEO (Posicionamiento en buscadores) ..........................................................................4
Crear un calendario.................................................................................................................5
Arquitectura de la información ¿Qué es?...............................................................................7
Origen del término Arquitectura de la información..............................................................8
Arquitectura de la Información como proceso:.....................................................................8
¿Qué es usabilidad?...................................................................................................................11
Reglas de usabilidad:.................................................................................................................12
Beneficios de la usabilidad.......................................................................................................12
Accesibilidad................................................................................................................................14
La accesibilidad web beneficia a todos.................................................................................14
Niveles de Accesibilidad...........................................................................................................15
Diseño de interacciones............................................................................................................17
Dimensiones del Diseño de Interacción................................................................................17
Tips a seguir para el Diseño de Interacción.........................................................................18
¿Qué es una página web?Una página web es un documento que forma parte de un sitio web, cuenta con
hipervínculos o links que facilitan la navegación entre los diferentes contenidos que ahí se
presentan. Están desarrolladas con lenguajes como HTML que podemos interpretar. De
esta forma las páginas pueden presentar información en distintos formatos (texto,
imágenes, sonidos, animaciones, videos, etc.), también están asociadas a un estilo-tema
en específico o contar con aplicaciones interactivas.
Para que sirve. Para promocionar productos, ofrecer información acerca de un producto, empresa o
servicio, realizar ventas, dar a conocer a más público un producto, compartir fotos, en
fin… Una página web cubre muchas necesidades todo depende de que necesitas y como
sea su diseño.
Fundamentos del diseño web primera parte: planificación.¿Qué tipo de contenido se adapta a los objetivos?Considerar el contenido que se usara para una página web es fundamental, hay que
responder preguntas, tales como: ¿Sera una página que incluirá contenido visual o solo
texto? ¿Necesitaran una cuenta los usuarios para usar funciones más avanzadas? ¿Sera
gratis o se pagara para utilizarla?
Respondiendo preguntas como las anteriores podremos saber cuánto tiempo, dinero,
trabajo y esfuerzo será necesario invertir para diseñar e implementar la página web.
También podemos hablar con nuestros colegas, hacer una lluvia de ideas, investigar, etc.
Para hacernos una idea sobre que contenido tratara nuestra página web y cuál será el
plan para llegar a nuestro objetivo. Con esto se habrá completado la primera fase de
planificación y estaremos listos para continuar con los siguientes pasos.
Público objetivo y las expectativas en cuanto a usuariosEs de suma importancia saber cuál va a ser nuestro público objetivo para
saber que diseño implementaremos en nuestra página web. No importa que
temática tenga la página, si se sabe cuál es el público objetivo nos
encaminaremos hacia las necesidades de los usuarios.
Cada industria y grupo objetivo tienen ciertas peculiaridades que caracterizan
su contenido y la presentación de su página web. No importa si la página debe
cumplir con ciertas normas, siempre debe de saber las expectativas de los
usuarios.
El diseño de la página webEl tema del diseño no solo hace referencia al resultado final si no que engloba
desde el principio, el montaje y la función de los contenidos de la página. Por
ejemplo cuáles serán los índices, el logotipo, como accederán los usuarios a
cada menú, etc.
Otras funciones importantes para la integración y posicionamiento de la
página son: Función de comentario para los usuarios, social Media Buttons
(para que los visitantes puedan compartir el contenido), anuncios, banners,
vídeos de los anunciantes y enlaces a programas de afiliación de empresas
asociadas o anunciantes
Además, desde el principio se debe considerar si se quiere o no optimizar la
web para diferentes dispositivos (PC, Tablet, smartphone, etc.)
SEO (Posicionamiento en buscadores)El SEO permite que páginas web relacionadas con lo que tecleamos en los
motores de búsqueda aparezcan en las primeras posiciones.
Un buen posicionamiento garantizarán la adquisición de más visitas y por
ende más clientes o usuarios. No se necesita ser un experto para atraer más
visitas: la clave está en saber a quién dirigirse y entender qué es lo que el
usuario está buscando para conectar sus necesidades con los textos y el
contenido web. Cuando este proceso es exitoso, pequeñas piezas de software
(conocidos como arañas web) se encargan de rastrear el contenido y llevarlo
al servidor. El servidor lo ordenará determinando su relevancia. Así que
cuanto más relevante sea el contenido, más alto será el posicionamiento.
Crear un calendarioCuando ya se tiene definido el contenido, la estructura y los detalles sobre el
diseño de la página web, ya es posible organizar un calendario.
Este deberá ser actualizado periódicamente ser flexible para adaptarse a las
condiciones del proyecto. Para proyectos más grandes será necesario dividirlo
en diferentes etapas. Por ejemplo: Redacción de los textos, aplicación de las
plantillas de diseño, etc. Este calendario deberá considerar todos los posibles
aspectos o situaciones que se puedan generar, no debe ser apresurado. Un
buen calendario siempre ofrecerá tiempo de sobra para posibles correcciones
y ajustes que se necesiten.
Los últimos pasos
Una vez cubiertos todos los aspectos mencionados anteriormente, podemos decir que la
“columna vertebral” de la página web ya está lista. A continuación, solo hará falta aplicar
las respectivas características individuales.
Arquitectura de la información ¿Qué es?El término "Arquitectura de la Información" fue utilizado
por primera vez por Richard Saul Wurman en 1975, lo
define como: “El estudio de la organización de la
información con el objetivo de permitir al usuario
encontrar su vía de navegación hacia el conocimiento y
la comprensión de la información”.
La Arquitectura de la Información trata del diseño de:
sitios web, interfaces de dispositivos móviles
o gadgets (como los lectores de mp3), CD interactivos,
videoclips digitales, relojes, tableros de aviones de
combate o civiles, interfaces de máquinas
dispensadoras, interfaces de juegos electrónicos, etc. Pero esto no solo se refiere a la
actividad de organizar información, también el resultado de esto.
Su principal objetivo es hacer más fácil los procesos de comprensión y asimilación de la
información, también las tareas que ejecutan los usuarios.
Origen del término Arquitectura de la informaciónEl término arquitectura se comienza en el área computacional por la empresa IBM en el
año 1959. En 1970 Xerox reunió a un grupo de científicos en el área de las Ciencias de la
Información (bibliotecología) a quienes dio la tarea de crear una “Arquitectura de la
información”.
Como ya se dijo anteriormente el término "Arquitectura de la información" empieza a
utilizarse por primera vez tras la definición que hace Richard Saul Wurman (fundador de
TED talks) en 1975, en su libro titulado "Information Arquitects”.
Wurman un arquitecto reconocido en aquellos años, estaba interesado en la interacción
que había entre las personas, su ámbito urbano y el tipo de medios que ayudaban a
transmitir la información a los profesionales y a todos ciudadanos en general. Era algo
muy parecido al mundo del diseño gráfico, la visualización de información, la planificación
urbana y a la capacidad de orientarse en entornos urbanos mejor que en entornos
digitales.
En 1996, Wurman publicó su libro "Information Architects" en él nos da tres definiciones
de su concepto de Arquitectura de la Información. Sin embargo, no fue hasta 1998 cuando
Louis Rosenfeld y Peter Morville (Masters en bibliotecología) fundadores de Argus-Inc,
publicaron su famoso libro "Information Architecture for the World Wide Web" (conocido
como el "Libro del Oso Polar") en el que dirigieron el término “Arquitectura de la
información” al ámbito del diseño de sitios web y por primera vez nos mostraron los
principios de la emergente disciplina.
Arquitectura de la Información como proceso: La "arquitectura de la información" es un proceso interactivo, transversal, que se da en el
proceso del diseño de un sitio web y en todas sus fases, esto para asegurarse de que los
objetivos se cumplan de manera efectiva.
La arquitectura de la información no busca definir una metodología de diseño sino definir
un conjunto de técnicas para ayudar al desarrollo y producción de los sitios web.
La Arquitectura de la Información como proceso en general se encarga de:
El objeto, propósito y fines del sistema de información o sitio
La definición del público objetivo y los estudios de la audiencia
La realización de análisis competitivos
El diseño de la interacción
El diseño de la navegación, esquemas de organización y facetación de los
contenidos
El etiquetado o rotulado de los contenidos para acceder a la información
La planificación, gestión y desarrollo de contenidos
La facilidad de búsqueda y el diseño de la interfaz de búsqueda
La usabilidad
La accesibilidad
El feedback del resultado y los procesos de "reingeniería" del sitio
¿Qué es usabilidad?Es la medida de calidad de la experiencia que
tienen los usuarios cuando interactúa con un
producto o sistema. Esto se mide a través del
estudio de la relación que hay entre las
herramientas (navegación, funcionalidades y los
contenidos) y quienes las utilizan, esto nos dice la
eficiencia de los elementos que hay en las pantallas
y si se cumplen las tareas que se llevan a cabo con
ellas.
Otra definición que propuso el académico Yusef Hassan (Universidad de Granada) es
que : "La usabilidad es la disciplina que estudia la forma de diseñar Sitios Web para que
los usuarios puedan interactuar con ellos de la forma más fácil, cómoda e intuitiva
posible", también agrego: "La mejor forma de crear un Sitio Web usable es realizando un
diseño centrado en el usuario, diseñando para y por el usuario, en contraposición a lo que
podrá ser un diseño centrado en la tecnología o uno centrado en la creatividad u
originalidad".
Características principales de la usabilidad
Facilidad de aprendizaje: Define en cuánto tiempo un usuario, que nunca ha visto
una interfaz, puede aprender a usarla bien y realizar operaciones básicas.
Facilidad y eficiencia de uso: Determina la rapidez con que se pueden
desarrollar las tareas, una vez que se ha aprendido a usar el sistema.
Facilidad de recordar cómo funciona: Se refiere a la capacidad de recordar las
características y forma de uso de un sistema para volver a utilizarlo a futuro.
Frecuencia y gravedad de errores: Plantea la ayuda que se le entrega a los
usuarios para apoyarlos cuando deban enfrentar los errores que cometen al usar
el sistema.
Satisfacción subjetiva: Indica lo satisfechos que quedan los usuarios cuando han
empleado el sistema, gracias a la facilidad y simplicidad de uso de sus pantallas.
Reglas de usabilidad:
Rápido: La mayoría de los usuarios disponen de módem para su acceso a
Internet, por lo que nuestras páginas deben de ser lo menos pesadas posibles con
el fin de que los usuarios no esperen mucho tiempo, porque de lo contrario
cancelarán la visita.
Simple: Mantenga una navegación constante. No fuerce a los visitantes a
aprender diversos caminos o esquemas para la navegación en diversas partes de
su sitio. (No se debe abusar de la utilización de la animación, esto puede abrumar
y cansar la vista)
Investigable: Los motores de búsqueda buscan el texto real. No prestan ninguna
atención a los gráficos y al código de programación (como el Javascript). Evite
estas situaciones si desea que su web esté bien posicionada en los buscadores.
Compatibles: Los Sitios Web necesitan ser compatibles con todos los
navegadores y ordenadores para su fácil usabilidad. (Utilice HTML simple y llano
siempre que sea posible, es el código más compatible con todos los navegadores).
Actualización: La manera más rápida para que una web pierda credibilidad es
contener la información anticuada.
Beneficios de la usabilidad
Reducción de los costos de aprendizaje y esfuerzos.
Disminución de los costes de asistencia y ayuda al usuario.
Disminución en la tasa de errores cometidos por el usuario.
Optimización de los costes de diseño, rediseño y mantenimiento.
Aumento de la tasa de visitantes a clientes de un sitio web.
Aumento de la satisfacción y comodidad del usuario.
Mejora la imagen y el prestigio.
Mejora la calidad de vida de los usuarios (reduce su estrés, incrementa la
satisfacción y la productividad).
Accesibilidad Es la posibilidad de que un producto o servicio (Web)
pueda ser accedido y usado por el mayor número de
personas sin importar las limitaciones propias de la
persona o del contexto de uso.
Importancia de la accesibilidadLa accesibilidad es de suma importancia ya que se calcula que aproximadamente el 10%
de la población tiene algún tipo de discapacidad: visual, auditiva, física, habla, relacionada
con el envejecimiento, etc. Y también existen los discapacitados temporales: gente que ha
tenido un pequeño accidente, se acaba de operar, tiene la vista cansada, etc.
Hacer un sitio web accesible puede ser algo sencillo o complicado, esto depende de
diferentes factores como: el tipo de contenido, el tamaño y la complejidad del sitio.
La gran mayoría de las características accesibles de un sitio se desarrollan de forma
sencilla siempre y cuando se planean desde el principio del desarrollo del sitio Web.
La modificación de sitios Web inaccesibles requiere un gran esfuerzo, más si aquellos
sitios no se "etiquetaron" bien con etiquetas de XHTML.
La accesibilidad web beneficia a todosComo ya lo vimos anteriormente la accesibilidad es de suma importancia ya que ayuda
sobre todo a las personas con alguna discapacidad, pero no solo ellos son los
beneficiados:
Beneficia a una persona que vea la página con una conexión lenta en la que las
imágenes no se carguen rápidamente. El texto (pie de foto) le permitirá saber lo
que la imagen contiene.
Beneficia la navegación a través de los diferentes dispositivos
móviles (iPhones, Smartphones, tablets, etc.) porque facilita la navegación táctil y
la visualización en pantallas reducidas.
Beneficia a las Administraciones Públicas, a empresas de servicios públicos y
empresas que dan servicios de comunicaciones electrónicas, suministros,
transportes, etc.
Beneficia a cualquier empresa porque la lleva a un aumento del posicionamiento
natural en los principales motores de búsqueda.
Niveles de Accesibilidad NIVEL 1 o A: requisitos que se tienen que cumplir para disponer de un
mínimo nivel de accesibilidad.
NIVEL 2 o AA: requisitos que se deberían cumplir para tener un sitio web
con una accesibilidad aceptable.
NIVEL 3 o AAA: requisitos que se podrían cumplir para tener un sitio web
con una accesibilidad excelente.
Evaluación de la accesibilidad de un sitio Web
La temprana evaluación del sitio web permite encontrar problemas de accesibilidad y es
más fácil resolverlos. Hay técnicas tan fáciles para saber si el sitio web es accesible como
cambiar la configuración de un buscador, pero no siempre una herramienta en si nos
puede determinar si un sitio cumple o no con esto.
Para determinar si un sitio web es accesible es de suma importancia la evaluación
humana.
Diseño de interaccionesEl diseño de interacción es una disciplina que
nació de la necesidad de estudiar y facilitar las
interacciones entre las personas y su
ambiente.
La interacción puede darse con casi cualquier
objeto físico, pero en el ambiente digital se
asocia cuando se quiere utilizar un producto o
dispositivo y este responda a nuestras
acciones. El diseño de interacción,
la usabilidad, la arquitectura de información y
otras disciplinas nos ayudan a ofrecer una
buena experiencia de usuario.
Dimensiones del Diseño de Interacción1.- Dimensión – Palabras: las palabras deben de ser sencillas de entender y de permitir
la interacción.
2.- Dimensión – 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.
Evitar el uso como decoración.
3.- Dimensión – Espacio: con lo que interactúa el usuario en el mundo real. Estos
pueden ser objetos físicos de hardware como un mouse, apuntador, teclado, joystick, que
son utilizados como herramientas de mando.
4.- Dimensión – Tiempo: se refiere a la duración que el usuario pasa interactuando con
las palabras, representaciones visuales y el espacio.
5.- Dimensión– 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.
Tips a seguir para el Diseño de Interacción
1. Define cómo se interactúa.2. Da pistas del comportamiento: Un botón debe de ser visible por lo cual es
importante que se de una pista clara de que puede ser oprimido.
3. Anticípate a errores potenciales.4. Considera la retroalimentación oportuna: Cuando el usuario ejecuta una
acción, el sistema debe de responder si se realizó o no.
5. Diseña pensando de manera estratégica.6. Simplifica lo más que puedas.
Experiencia de usuarioEs el proceso que lleva a cabo el usuario
cuando interactúa con un producto u objeto.
Este concepto nace en el área del Marketing
online, ahí se relaciona con el concepto de
Experiencia de Marca (relación familiar y
consistente entre consumidor y marca).
Especificaciones funcionales
Las especificaciones funcionales son un paso que se debe realizar para facilitar las
experiencias del usuario.
Las especificaciones funcionales se caracterizan por:
Detallar todas las situaciones críticas o no y que involucren la funcionalidad del
producto.
Deben describir específicamente las funciones.
Evitar los detalles técnicos.
Deben ser concisas, precisas, claras.
Deben ser versátiles en los conceptos.
Utilizar tablas que ayuden a comprender qué cosas debe tener cada producto
¿Cómo realizar una Especificación Funcional?
Especificar el alcance del sitio web
Esquematizar el sitio mediante diagramas de contexto y organigramas de
funciones y subsistemas
En cada subsistema especificar: objetivos y alcance, las interfaces y los usuarios
que la utilizarán, la información que debe producir cada subsistema y las
descripciones de funciones y sub-funciones.
Especificar sus principales atributos (imágenes, logos, etc.)