Etapas

Para el diseño de páginas web debemos tener en cuenta tres etapas:

1. El diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de 'escribir' la página web se realice un boceto o pre diseño. Esto facilitará tener un orden claro sobre el diseño.

2. Estructura y relación jerárquica de las páginas del sitio web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los usuarios no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.

3. Posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2014 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.

El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión .html o .htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.

Un buen diseño web es aquel que considera dentro de su desarrollo tanto los elementos básicos del diseño gráfico (la diagramación, el color, los gráficos y las fuentes) como los fundamentos técnicos (estructura, compatibilidad, funcionalidad e interactividad) para crear tanto el impacto visual como la experiencia de usuario optima para la asimilación del contenido.

Fundamentos

El diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.

La web semántica, por otra parte, aboga por un uso lógico de los elementos según el significado para el que fueron concebidas. Por ejemplo se utilizará el elemento <P> para marcar párrafos, y <TABLE> para tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.

De esta forma se utiliza el documento HTML únicamente para contener, organizar y estructurar la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los diferentes medios (como por ejemplo, una monitor de computadora, un teléfono móvil, impreso en papel, leída por un sintetizador de voz, etc.). Por lógica, esta metodología beneficia enormemente la accesibilidad del documento.

También existen páginas dinámicas, las cuales permiten interacción entre la web y el visitante, proporcionándole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un panel de control de administración de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma.

Accesibilidad

El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCA.

DISEÑO Y CONTENIDO

Definiremos las acciones concretas (tácticas) que llevaremos a cabo para conseguir pequeñas metas que conduzcan a la obtención de los objetivos finales. En el caso de una página web que en sí es una herramienta de marketing será la definición concreta del aspecto, contenido y funcionamiento de la página, es decir, la creatividad.

Creatividad de la página, Arquitectura y diseño web

Tratar de captar la atención del usuario

Si en su sitio o página web está ofreciendo un producto por tiempo limitado, oferta especial, etc. use su sitio para enfocar la atención del usuario en ello, no use un banner o una ventanita pop up para hacerlo.

No complicar la venta con artilugios complejos

Un usuario no está dispuesto a perder su tiempo con estructuras complejas, necesidad de plugins para ver cosas o un sin fin de explicaciones técnicas. Si sus productos o servicios requieren de este tipo de explicaciones, brinde al usuario la posibilidad de elegir verlas con un desplegable, nada mas.

En 3 o 4 pasos ese usuario debe estar contactándolo si le interesa el producto o servicio.

Etapas para diseño efectivo de un sitio web

FASES PARA LA CREACIÓN DE UNA PÁGINA WEB

La creación de una página web o el desarrollo a medida de un proyecto para el diseño de una página web, existen al menos, 6 etapas esenciales. No hay que olvidar que el fin de una página web no es otro que adaptar un modelo de negocio al mundo online. Durante cada etapa de vida de cada ciclo, el contenido está en continua actualización y deben consolidarse con el fin de mejorar la experiencia del usuario y reducir costes en el desarrollo. La página web, a diferencia de documentos impresos, en un soporte que está en continua mejora o desactualización y donde realmente nunca se termina. Una página web está en continuo crecimiento y evolución. Una página web está siempre vida.

1. Investigación

La investigación para la creación de una página web se debe tomar como referencia páginas web de la competencia ya existes. Una buena página web requiere una investigación veraz, exigente y profunda. Se deben analizar diferentes campos de actuación, desde el modelo de negocio, público objetivo, competencia y objetivos de resultados alcanzables reales a corto/medio plazo.
Modelo de negocio de nuestra página web: Dependiendo del sector al que vaya destinado, debe adaptarse a las necesidades del sector y examinar los diseño web que ya se hayan realizado (Competencia).

2. Planificación:

Cuando se diseña una página web, la planificación juega un papel importante para anticiparnos en un medio que está en continuo cambio, nos ayudará a crear una estrategia, ya no sólo de difusión sino también de los contenidos que puedan ser de interés para nuestra audiencia. La elección y disponibilidad del dominio es una parte de peso a tener en cuenta dentro del desarrollo de una página web.

El nombre del dominio es de vital importancia, pudiendo optar por la elección de un dominio de “marca o branding” (nombre de la empresa) o decidirnos por un dominio EMD (Extact Mach Domain)que son aquellos que incluyen dentro del dominio la palabra clave “keywords” de nuestro sector. La decisión del dominio debe tomarse con tranquilad y a conciencia.

3. Arquitectura y diseño del contenido del sitio web:

En base a las preferencias de los contenidos de la página web, creamos una esquema o mapa de arquitectura para testar visualmente como se organizan elementos que la componen, los contenidos y la estructura del sitio. La usabilidad (UI) y la experiencia del usuario (UX) es otro factor que no podemos pasar por alto, ya que la fácil navegación y una correcta estructuración del sitio, hará que nuestra audiencia se sienta cómoda en nuestro sitio web y la experiencia sea satisfactoria. 

Esta es la etapa crucial, se define de qué se va a tratar el Web, que cosas se incluirán y qué no. También es el momento para definir tanto las audiencias (normalmente es mas de una) y los objetivos (intentando priorizar entre objetivos primarios y secundarios).

Si no se evalúa adecuadamente la cantidad de tiempo que se dispone contra la cantidad de tiempo requerida para elaborar un sitio de la magnitud deseada, el resultado puede ser desastroso. Muchos proyectos Web fracasan porque comienzan a crecer y crecer sus especificaciones, sin que haya detrás un trabajo ordenado de delimitación de contenidos