Elementos de un sitio web moderno
Cuando los clientes abren su sitio web, puede haber dos tipos de experiencias. Animaciones brillantes, transiciones armoniosas, barras laterales elegantes y fondos. O ventanas rígidas como las de los años 90, y los mensajes de error que aparecen como una advertencia de un programa C. En este último caso, ¡está pidiendo literalmente a sus clientes que huyan de su sitio!
La diferencia se debe a la calidad de los elementos web que utiliza en su sitio. Los elementos web más generales son el formulario de registro, el formulario de inicio de sesión, la página Coming Soon, los widgets de calendario, los encabezados, los pies de página, las tablas de precios, los carros de la compra, etc.
Y, no necesita gastar tiempo en diseñar estos elementos de la nada. Tenemos más de 1000 plantillas prediseñadas para diferentes tipos de elementos web. Pueden ir con cualquier tipo de negocio en todo el mundo.
El widget de calculadora se adapta bien a un sitio web de comercio electrónico, a un sitio web educativo o a un sitio web empresarial. Estos widgets de elementos web son altamente receptivos y permiten a los usuarios obtener resultados precisos al instante.
El widget de línea de tiempo informa sobre los eventos, destaca las fechas importantes, las reuniones y establece las agendas. Estos elementos web son importantes para los sitios web empresariales, educativos y de eventos.
Elementos del diseño de una página web
Metadatos del documentoLos metadatos contienen información sobre la página. Esto incluye información sobre estilos, scripts y datos para ayudar al software (motores de búsqueda, navegadores, etc.) a utilizar y representar la página. Los metadatos de estilos y scripts pueden estar definidos en la página o enlazar con otro archivo que contenga la información.
Seccionamiento del contenidoLos elementos de seccionamiento del contenido permiten organizar el contenido del documento en partes lógicas. Utilice los elementos de seccionamiento para crear un esquema amplio para el contenido de su página, incluyendo la navegación de cabecera y pie de página, y los elementos de encabezamiento para identificar las secciones de contenido.
El elemento HTML <article> representa una composición autocontenida en un documento, página, aplicación o sitio, que está destinada a ser distribuida o reutilizada de forma independiente (por ejemplo, en sindicación). Algunos ejemplos son: una entrada de un foro, un artículo de una revista o un periódico, o una entrada de un blog, una ficha de producto, un comentario enviado por un usuario, un widget o gadget interactivo, o cualquier otro elemento de contenido independiente.
El elemento HTML <header> representa el contenido introductorio, normalmente un grupo de ayudas a la introducción o a la navegación. Puede contener algunos elementos de encabezamiento, pero también un logotipo, un formulario de búsqueda, un nombre de autor y otros elementos.
Tres elementos básicos del diseño de páginas web
Si es dueño de un negocio, su sitio web es absolutamente una de las herramientas más importantes que tiene en su arsenal para conseguir más -y mejores- clientes y consumidores. Entonces, ¿qué separa una buena página web de una mala, o una buena de una excelente? He aquí 10 cualidades que debe tener un gran sitio web. Independientemente de que acabe contratando a makespace! como sus diseñadores web de Louisville, debería encontrarlas útiles:
El diseño del sitio web debe ser fácil de navegar y los elementos del menú deben ser fácilmente accesibles desde cualquier página. El espectador debe saber en todo momento en qué parte del sitio web se encuentra y tener fácil acceso al lugar en el que le gustaría estar. Un mapa del sitio es una gran idea y se utilizará si está disponible. Esto parece elemental, pero la mayoría de los sitios web podrían mejorar en este aspecto. Recuerde que hay una línea fine entre un menú interactivo y uno molesto, así que la funcionalidad debe ser la idea.
Las personas son criaturas orientadas a lo visual, y la utilización de grandes gráficos es una buena manera de hacer que su sitio web sea más atractivo. Su sitio web tiene aproximadamente una décima de segundo para impresionar a su visitante -y cliente potencial- y hacerle saber que su sitio web -y su negocio (por delegación)- es digno de confianza y profesional. Sin embargo, es importante no exagerar. Los textos en movimiento, las animaciones y las intros deberían usarse con moderación en el diseño de tu web y sólo para enfatizar un punto para conseguir el máximo efecto.
Elementos de un sitio web de éxito
Los “sitios” web son abstracciones completas: no existen, excepto en nuestras cabezas. Cuando identificamos un sitio como tal, lo que realmente estamos describiendo es una colección de páginas individuales enlazadas que comparten un aspecto gráfico y de navegación común. Lo que crea la ilusión de continuidad en un “sitio” cohesionado son las características de diseño que comparten las páginas. Las páginas html individuales y la forma en que están diseñadas y enlazadas son la unidad atómica de los sitios web, y todo lo que caracteriza la estructura del sitio debe aparecer en las plantillas de las páginas.
A medida que la web ha ido madurando en la última década, la estructura de las páginas de los sitios de información basados en texto se ha vuelto más uniforme y predecible. Aunque no todas las páginas web comparten el diseño y las características exactas descritas aquí, la mayoría de las páginas web incorporan algunos o todos estos componentes básicos, en ubicaciones de página que se han vuelto familiares para los usuarios de la web (fig. 6.1).
Las cabeceras de las páginas son como versiones en miniatura de la página de inicio que se sitúan encima de cada página y hacen muchas de las cosas que hacen las páginas de inicio, pero en un espacio limitado. Las cabeceras proporcionan la identidad del sitio y la navegación global, con búsqueda y quizás otras herramientas. La ubicación exacta y la disposición de los componentes varían de un sitio a otro, pero el patrón de diseño general se ha vuelto bastante consistente.