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