¿Cómo funciona un Sitio Web? (Parte 3)

El lenguaje de la web

Hypertext Markup Language, o HTML, utiliza etiquetas que incluyen texto plano. Las etiquetas describen cómo debe aparecer el texto y la función del texto. El navegador web se ve en las etiquetas y las muestra como corresponde. Un ejemplo simple de texto HTML es: <p> ¿que quieres comer</p>

El texto que se muestra, qué quieres comer?, Está envuelto por dos etiquetas que indican que se trata de un párrafo. La primera etiqueta es la de apertura <p> y la segunda es la etiqueta de cierre </ p>. Estas etiquetas  generalmente no se muestran en el navegador, que lee el texto desde el servidor y formatea el texto como un párrafo para que aparezca en la pantalla del visor web.

HTML también permite a los diseñadores crear hipervínculos. Los hipervínculos son áreas de texto, imágenes, botones y demás partes de una página donde el usuario puede hacer clic para ir a contenido adicional. Al hacer clic en un enlace se abrirá una nueva página web, sitio web, documento, video o animación.

Continue

La planificación de su Sitio Web (Parte 3)

La web exige la interacción del usuario

La experiencia de un sitio web se define por la interacción que el usuario tiene con ella. Por ejemplo, un usuario hace clic en el sitio web o se desplaza hacia abajo para leer una página.

Piense en los verbos que describen lo que haces en línea: ver el informe del tiempo, transferir dinero entre cuentas, etc. El diseñador tiene que pensar en estos términos en el diseño de las páginas, anticipándose a la motivación del usuario para llegar al sitio.

Usted no sólo puede leer un periódico en línea, puede buscar, imprimir, cuenta con un correo electrónico, Twitter, comentar y escuchar.

Definición de la experiencia del usuario

Cuando se trata de la interacción del usuario, ofrecer demasiadas opciones puede ser tan malo como no ofrecer lo suficiente. Si hay varias vías disponibles para el usuario, es responsabilidad del diseñador para asegurarse de que el usuario no se pierda. La suma total de interacciones de un usuario con un sitio web se puede llamar la experiencia del usuario.

Este trabajo es tan importante que hay profesionales de la web llamados arquitectos de la información. Arquitectura de la información se define como la estructura de un sitio web y sus páginas: ¿cómo se organizan el sitio y la navegación del sitio? En su forma más estricta, la arquitectura de la información no se refiere a cuestiones tales como el color, el tipo y los gráficos. En las agencias de diseño más grandes, no es raro que un arquitecto de información en colabore con los diseñadores, sobre todo en las primeras etapas del diseño de un sitio web.

Los diseñadores tienen que pensar como arquitectos de la información para ser eficaces. Los diseños deben proporcionar la mejor estructura que permita a los usuarios obtener la información que desean. Para las tiendas en línea, deben proporcionar la forma más eficaz para permitir a un usuario poner un objeto en un carrito de compras y hacer la compra. Los diseñadores deben comprender plenamente la Web como un medio y entender sus reglas y posibilidades con respecto al diseño visual y texto.

Continue

La planificación de su sitio web (Parte 2)

La diferencia entre el diseño de impresión y diseño web

Imprimir implica ver, la web implica hacer. Libros, revistas, carteles, periódicos, folletos y anuncios, contienen información, por lo general texto e imágenes, cuya intención es ofrecer algún tipo de mensaje o contenido al lector. Más importante aún, los diseñadores a menudo tratan de construir un argumento de su trabajo que hace que un cliente cree que hay algún tipo de mensaje que debe tomar como un resultado del diseño.

En el siglo 19 el mensaje del anuncio implora al cliente ver el producto antes de ir a casa.

• Una forma visual de una película emocionante es un póster podría ser ¡Ve a ver esta película!
• Una campaña política muestra signos puede decir como mensaje "Vota por mí!"
• Un anuncio en una revista que ofrece una muestra gratis puede tener el siguiente mensaje "Contacta con nosotros para saber más!"

Compare un volante de impresión para una venta de zapatos con su contraparte en línea. El mensaje para el folleto de impresión es: "Venga a la tienda este sábado para comprar estos zapatos con un descuento." La información sobre la venta podría ser suficiente para persuadir al cliente y comprar zapatos el sábado , pero el diseñador ayuda a presentar la información de una manera que es bien organizado y se pueda notar. Uso del color, tipo, y tal vez una ilustración o imagen, el diseñador ayuda a convencer al cliente potencial del valor de esta venta.

En cierto sentido, se podría decir que el trabajo del diseñador de impresión se realiza cuando se envía el archivo a la impresora. Si el cliente se presenta en la tienda, se convierte en el trabajo del vendedor para completar la venta.

Ahora vamos a examinar el diseñador web que es en gran parte responsable de dirigir al cliente potencial a través de todo el proceso. Si un cliente interesado viene a la página web de la tienda de zapatos, tal vez hay un botón que el usuario haga clic para ver los zapatos que están de oferta. El cliente necesita alguna manera de reunir más datos sobre los zapatos, tal vez hay una tabla con los tamaños disponibles de zapatos, colores y marcas. Si el cliente coloca el zapato en el carrito de compras, este proceso de compra debe ser diseñado también.

En ambos ejemplos, el resultado final que espera el propietario es que el cliente compre los zapatos. En ambos casos, la información se transfiere de la tienda para el cliente, sin embargo, en el caso de la página web, el diseñador está involucrado en todas las etapas del proceso de venta. Este es un concepto importante de entender: la web es un medio activo y el término para describir este proceso de diseño es el diseño de la interacción del usuario.

Continue

La planificación de su sitio web (Parte 1)

En los siguientes artículos usted aprenderá cómo mejorar su sitio web mediante la definición clara de lo que desea que el sitio puede hacer durante el proceso de planificación.

Los objetivos de diseño de páginas web

Para entender cómo crear sitios web bien diseñado, es importante comprender los fundamentos del diseño. Un buen diseño crea experiencias que hacen la vida más fácil, y también es estéticamente agradable. He aquí algunos ejemplos: una tienda bien diseñada facilita a los clientes a encontrar los productos que están buscando. Los conductores pueden ver bien los diseños de señales de tráfico desde la distancia y el mensaje de la señal se puede entender de inmediato, incluso a gran velocidad durante el trayecto del viaje. Una silla bien diseñada es cómodo para sentarse y también encaja con el estilo de la habitación.

En todos estos casos, el diseñador se tomó el tiempo para planificar el resultado utilizando sus habilidades y experiencia, así como los recursos, como los materiales y el presupuesto disponible. Diferentes disciplinas requieren diferentes herramientas de diseño. El diseñador de páginas web es a menudo necesario para organizar la información, darle sentido, y montar de una manera que sea atractivo visualmente con las herramientas disponibles.

En el diseño de la web, hay algunos desafíos únicos en comparación con otras disciplinas derivadas del hecho de que el diseño web es todavía muy reciente, y está evolucionando rápidamente. Incluso la definición de diseño web está evolucionando y es difícil de definir. Originalmente, el diseño web significa diseñar páginas de un navegador web.

Una tienda, un signo y una silla están diseñados con un propósito específico.

Si bien esto es cierto, ahora tiene que tener en cuenta la rápida evolución de los dispositivos móviles, tabletas, teléfonos inteligentes y de consumo electrónico que acceden a la web. Algunas personas hacen la distinción entre el diseño móvil y diseño de páginas web, pero esta distinción se va extinguiendo debido a que los dispositivos móviles están evolucionando. Para muchos profesionales de la web, esta rápida evolución del medio es parte de lo que hace que sea un campo tan emocionante.

Aunque el diseño de sitios web es un campo en evolución, los diseñadores no tienen que reinventar la rueda. En lo que respecta en la web de diseño su pariente más cercano es el diseño de impresión, y aunque los dos son muy diferentes  vale la pena compararlas y contrastarlas.

Continue