Crear Popup’s [ventanas emergentes] en Dreamweaver

Para crear un pop-up usando Dreamweaver, la extensión Popup Link de FlevOOware, podrá serte de utilidad. Aunque es cierto que Dreamweaver trae una opción para poder hacerlo, esta extensión te permite configurar la manera en cómo se abrirá la ventana emergente, tal como el que se abra centrada o en algún lugar en específico. En la imagen de arriba podrás ver el cuadro de diálogo que se muestra para su configuración.

Lo mas interesante es que esta extensión es totalmente gratis. En el mismo sitio podrás encontras mas extensiones para Dreamweaver que te pueden ser de utilidad.

Enlace | Extension

El proceso del diseño web

La creación de una buena página web puede ser un verdadero desafío. Con tantos componentes distintos, que van desde el diseño visual a la integración de bases de datos, existe una elevada probabilidad de que algo vaya mal.

Si bien, para minimizar el riesgo de fracaso de un proyecto Web, necesitamos un método que nos sirva de guía. Desgraciadamente, muchos diseñadores Web simplemente hacen un diseño web, a menudo, con poca previsión y planificación.

Ésta no es una forma metódica de construir un sitio. Los objetivos del sitio suelen estar definidos de forma poco precisa, el proceso es más intuitivo que planificado y el resultado suele ser impredecible pues todo se hace al azar, como salga, sin planificación.

Los sitios desarrollados de ésta manera son como plantas, crecen de una manera orgánica, ocasionalmente producen una hermosa flor, pero lo más frecuente es que -a largo plazo- se conviertan en una confusa maraña.

Una compleja página web requiere de una cuidadosa planificación. Siempre debería utilizarse un procedimiento o una metodología que guíe nuestro diseño Web y nuestros trabajos o proyectos de páginas web en desarollo…

Necesidad de un método de diseño web

En el campo del desarrollo Web existe hoy una crisis similar a la crisis del Software de final de los años setenta. Hace sólo unos pocos años que la mayoría de los sitios no eran más que folletos digitales, y se les denominaba a menudo folletoware (… ¿?). Para crear éste tipo de página web en ese entonces, no era necesario aplicar una planificación. Con frecuencia, bastaba simplemente, con desarrollar una interfaz y luego ir llenando el sitio con contenido para tener buenos resultados.

Los sitios actuales son mucho más grandes y más complejos. Con el advenimiento del comercio electrónico y de las páginas dinámicas, los sitios se han distanciado claramente en los folletoware, convirtiéndose en aplicaciones de software mucho más maduras. Sin embargo, muchos diseñadores de páginas web (webmasters) no han adoptado una doctrina o metodología estricta.

Para disminuir la dificultad o fracaso en la construcción de Sitios web, deberíamos adoptar un método modelo que describa las diferentes fases presentes en el desarrollo de sitios Web. A continuación, el diseñador puede llevar a la práctica cada uno de los pasos, utilizando las guías y la documentación que le muestra al diseñador el modo de hacer las cosas para asegurarse que cada paso se realiza adecuadamente.

Un modelo de procedimiento ideal para el desarrollo Web ayudaría al diseñador (webmaster) a superar la complejidad o fracaso del sitio, a minimizar el riesgo de fallo del proyecto, a encargarse de los cambios que, con toda certeza, surgirán durante la realización del proyecto y a entregar el sitio con rapidez proporcionando la información necesaria para poder realizar toda la gestión durante el proceso.

La idea es planificar bien el objetivo de nuestra página web para así implementar todas éstas recomendaciones que te he facilitado.

Construye sitios web pensando en los usuarios

Probablemente este apartado tenga mucho que ver con términos como usabilidad, accesibilidad, facilidad, eficacia, sencillez y sensatez en el diseño web.

Un error frecuente en el desarrollo web es que los sitios se construyen más para los diseñadores y sus necesidades que para los verdaderos usuarios finales que son los que generalmente nos traerán beneficios o casos de éxito.

El modelo de proceso del diseño web no garantizará la obtención de un buen sitio si los diseñadores ignoran las necesidades de los usuarios. Una normativa que tú como webmaster es que debes asumir que tú no eres el usuario.

Lo que el diseñador entiende no es lo que un usuario entenderá. Como diseñador, tienes profundo conocimiento del sitio Web, conoces dónde se encuentran la información, sabes cómo instalar programas complementarios, dispones de una resolución óptima de pantalla, has configurado correctamente su navegador, etc.

Es necesario aceptar el hecho de que la mayoría de los usuarios no tienen un profundo conocimiento del sitio que tú estás elaborando tan cuidadosamente. Incluso puede que ni siquiera tengan tus mismos intereses.

Dada la importancia de los intereses y deseos de los usuarios, podría parecer apropiado preguntarles para diseñar el sitio de la manera que ellos desean. Este proceder pudiera parecerle una buena idea, hasta que tengas en cuenta otra normativa del diseño web: los usuarios no son diseñadores.

No todo el mundo es o debe ser diseñador web. Igual que parecería una tontería permitir a los espectadores de cine que intenten dirigir una importancia película porque han visto numerosas películas, no deberías esperar que los usuarios sean capaces de diseñar sitios web simplemente por el hecho de que hayan navegado por miles de sitios a través de los años.

Los usuarios tienen a veces expectativas e imponen requisitos poco realistas para los sitios web a los cuales acceden. Los usuarios no son los que analizan detenidamente los componentes individuales de un sitio web. En resumen, los usuarios no disponen de un conocimiento tan sofisticado de la web como el que tiene un diseñador.

La clave para obtener el éxito en el diseño de un sitio web funcional es pensar siempre teniendo en cuenta el punto de vista dle usuario. Vamos a enfocarnos en el diseño centrado en el usuario lo que, sí, es una expresión con que se denomina al diseño que siempre pone al usuario en primer lugar porque dependemos de ellos.

Pero, ¿qué podemos decir de los usuarios? ¿Hay un usuario tipo? ¿Existe un usuario medio de Internet para quien podamos diseñar nuestros sitios? Probablemente no, pero cuando diseñemos sitios deberíamos tener en cuenta características medias, tales como el tiepo de reacción, la memoria y otras capacidades físicas o cognitivas.

Un repaso a la ciencia cognitiva nos ayudará a comprender capacidades básicas del usuario. Recuerda, sin embargo, que aunque los usuarios puedan tener características básicas similares, cada uno de ellos es único.

Lo que puede parecer sencillo para un usuario será difícil para otros. Los sitios que se construyen para un usuario genérico pueden no satisfacer las necesidades de todos los usuarios. Los usuarios expertos pueden encontrar el sitio muy limitado, mientras que los usuarios novatos pueden encontrarlo muy difícil.

Los usuarios son individuos con ciertas capacidades y características compartidas. Los sitios deberían tener en cuenta las diferencias importantes mientras se concentran en las características comunes.

Para concluir esta reflexión, en una simple lista de cuatro frases, expondré un resumen (o extracto) de todo lo que hemos tocado en este apartado:

- Tú no eres el usuario.
- Los usuarios no tienen un profundo conocimiento.
- Los usuarios no son diseñadores.
- Diseña para el usuario medio, pero ten en cuenta las diferencias.

El contenido de un sitio web es muy importante

Los sitios web suelen estar más enfocados al contenido que el software tradicional. La intersección entre un sitio y su contenido, a menudo, es muy difuminada.

El contenido es lo que estructura un sitio web.

A los diseñadores y mantenedores de sitios web (webmasters), el contenido nos proporciona los ladrillos para nuestra pirámide virtual. El contenido puede ser texto, imágenes, animación, audio, vídeo, o la mezcla de alguna de estas formas.

Un contenido original y de calidad es el activo más importante de la web. Los usuarios buscan contenidos útiles y, cuando los encuentran, los consumen con voracidad.

Aunque utilizar unos gráficos atractivos para facilitar la navegación o unos diseños de aspecto sofisticado puede animar a los usuarios a navegar por un sitio, no los retendrá allí durante mucho tiempo.

Finalmente, los usuarios comenzaron a explorar el sitio con la intención de hacer algo útil o encontrar algún contenido de valor. Si no hay nada útil, abandonarán el sitio. Sin embargo, incluso existiendo un contenido de calidad, no tendrá valor si el usuario no puede extraerlo.

Los usuarios necesitan ayuda para no perderse en un sitio. Estructurar de forma clara el sitio web que estamos elaborando sí ayuda…, pero una buena navegación y experiencia de usuario necesita algo más que una buena estructura.

Asignar nombres claros a los vínculos, agrupar de forma lógica los botones, emplear títulos de página claros y elementos de navegacón consistentes, también incluye para que el usuario encuentre el camino.

El diseño de la navegación es realmente importante, los diseñadores emplean tanto tiempo intentado organizar un sitio de una manera lógica que, finalmente, olvidan el concepto mismo de navegación.

Los mejores diseños web son, a menudo, aquellos que emplean una navegación sencilla y refinada. Recuerda siempre que los usuarios no se conectan a tu sitio para maravillarse con los ingeniosos métodos de navegación empleados.

Los visitantes utilizan la navegación para moverse en busca de la información deseada. La navegación es, sencillamente, la herramienta que utilizan para encontrar la información que requieren.

Si el método de navegación utilizado es realmente ingenioso es un tema que pasará prácticamente inadvertido. Recuerda que desde la perspectiva del usuario lo importante no es el movimiento o la ejecución, sino los resultados que consigue o el contenido que encuentra.

De hecho, a pesar del análisis de la estructura y del sistema de navegación empleado en el sitio, resultado muy dudoso que los usuarios presten especial interés en saber dónde se encuentran dentro de un sitio.

Los usuarios no organizan diagramas de flujo mentales ni pierden el tiempo dibujando relaciones de organización complejas. En general, los usuarios sólo desean conocer su ubicación de un sitio cuando no encuentran lo que están buscando.

Siempre que los usuarios piensen que están siguiendo el camino correcto para llegar al resultado esperado, la navegación será la adecuada.

Por supuesto, debido a las diferencias existentes entre los usuarios, es imposibel desarrollar un sistema de navegación perfecto; aunque existan estándares, no hay hasta ahora un estándar único del tipo de usuario.

Los usuarios necesitarán cierta asistencia para encontrar su camino, por ejemplo, un motor de búsqueda interno en tu sitio web, un plano o un índice del sitio, o, incluso, un sistema de ayuda que les guíe para conseguir sus objetivos.

Sugerencias y consejos en Accesibilidad en páginas web

Es justo y necesario complementar el artículo anterior donde tocábamos aspectos o mejor dicho, los principios básicos relacionados con la accesibilidad web en sitios.

Con el objetivo de ampliar más la información que debe tomarse en cuenta sobre la accesibilidad en páginas web, he recopilado una serie de sugerencias que la misma W3C han planteado desde sus inicios.

• Proporciona alternativas equivalentes para los contenidos auditivo y visual.

En otras palabras, no confíes solamente en una única forma de comunicación. Si utilizas botones, proporciona vínculos de texto. Si utilizas sonido, proporciona a tus usuarios una transcripción textual del mensaje, etc.

• No confíes únicamente en el color.

No todo el mundo puede ver los colores de manera correcta, de forma que si se utiliza únicamente el color para proporcionar determinadas informaciones, por ejemplo, usar el color azul para indicar la existencia de un vínculo, las personas que no puedan diferenciar los colores o aquellos usuarios que usen dispositivos monocromos no podrán saber qué se les está presentando.

Es necesario evitar combinaciones de colores con matices similares o aquellos con contraste insuficiente -fundamentalmente si van a verse en pantallas mono- cromas o por personas con algún tipo de deficiencia de visión del color.

• Utiliza hojas de estilo y de marcado, y hágalo de forma adecuada.

Básicamente, asegúrate de utilizar HTML para la estructura del sitio y CSS para la presentación. Particularmente, entonces evita el uso de elementos propietarios de presentación o de marcado y duda utilizar tecnologías que puedan no aparecer de la misma forma en diferentes exploradores.

• Aclara el uso del lenguaje natural.

Asegúrate de definir los términos y utilice un sistema de marcado para resaltar las abreviaturas, las definiciones, las citas, etc. En otras palabras, utiliza un sistema de marcado más lógico. Además, asegúrate de indicar claramente el idioma que se usa en el documento, para que el explorador pueda cambiar a otro distinto.

• Crea tablas que se adapten adecuadamente.

En resumen, en el futuro, cuando el CSS sea un estándar, no utilices tablas para definir la estructura, utilízalas para representar datos tabulados en forma de hojas de cálculo. Cuando utilices tablas, incluya encabezamientos, títulos de las filas y de las columnas, y otras indicaciones claras que faciliten la interpretación de los contenidos de las celdas.

• Garantiza que las páginas que utilicen algunas nuevas tecnologías se transformen adecuadamente y sean visibles en diversos navegadores.

Básicamente, si vas a utilizar lo último en tecnología de diseño, asegúrate que esta nueva tecnología se degrada adecuadamente cuando el usuario use un explorador antiguo. Por ejemplo, si estás utilizando JavaScript, ¿seguirá funcionando correctamente la página si usa un explorador que no sea compatible con este lenguaje?

• Asegúrate que el usuario controla los cambios del contenido sensibles al tiempo.

Asegúrate que el usuario puede detener de forma temporal o total los traslados, los parpadeos, los desplazamientos de los objetos o la actualización del contenido de las páginas. Además de ser muy molestos, tales distracciones pueden dificultar la concentración del usuario en el sitio.

• Garantiza la accesibilidad directa de las interfaces de usuario incrustadas.

Si usas una interfaz dentro de una página, por ejemplo, una aplicación Java que cuente con su propia interfaz interna, asegúrese de su accesibilidad.

• Diseña con independencia de los dispositivos.

Intenta crear interfaces que funcionen bajo múltiples dispositivos, incluyendo diferentes tamaños de pantalla, distintos dispositivos de visualización (teléfonos móviles frente a computadoras), y utilizando otros dispositivos de manipulación, tales como sólo teclado o ratón y teclado.

Un tema especialmente importante es asegurarse que un sitio no depende únicamente del ratón para su exploración. Algunos usuarios pueden encontrar serias dificultades a la hora de manejar el ratón y los usuarios expertos pueden preferir el empleo del teclado.

• Usa soluciones provisionales.

Puesto que no todos los exploradores soportarán completamente las mismas tecnologías o los estándar, asegúrate de proporcionar alternativas para exploradores no compatibles.

• Utiliza tecnologías y directrices W3C.

Es una sugerencia en cierto modo evidente, pero ocasionalmente molesta. Por supuesto que tú siempre deberías intentar seguir las directrices de W3C, al menos en espíritu. Sin embargo, tenga cuidado, puesto que muchas directrices de W3C no son más que ideas propuestas y los exploradores pueden no dar un soporte consistente o significativo para una detenninada especificación.

• Proporciona información de contexto y de orientación.

En cierto sentido, esto significa simplemente que trate de explicar las cosas o que proporcione instrucciones para poder abordar con éxito partes complejas.

Deberías intentar crear páginas en las que el significado de los vínculos esté claro utilizando mensajes de ayuda o notas especiales. Dicho en términos sencillos, todo sitio Web debe disponer de un sistema de ayuda.

• Proporciona mecanismos claros de exploración.

Básicamente, tu sitio deberá contar con un sistema de exploración fácil de entender y perfectamente visible. También deberá proporcionar otras ayudas a la exploración, tales como motores de búsqueda, planos del sitio e índices del mismo.

• Asegúrate que los documentos son claros y sencillos.

Otra sugerencia no por obvia menos importante, es que la simplicidad mejorará la accesibilidad. Dado que no todo el mundo puede entender con facilidad el idioma en que desarrolle sus páginas Web, y teniendo en cuenta que la facilidad de empleo está relacionada de forma directa con la sencillez y la consistencia, intenta hacer tus documentos sencillos.

Además de la inspección manual de un sitio, es bastante sencillo evaluar su accesibilidad utilizando herramientas tales como Bobby. Esta herramienta analizará una página Web y comprobará si cumple con ciertos criterios básicos de accesibilidad, tales como el uso de texto ALT.