Conceptos de paginas web
Presentación del concepto de página web
La cabecera es la parte superior de un sitio web. Suele ser lo primero que ven los visitantes al entrar en un sitio y casi siempre contiene el logotipo de la marca y el menú del sitio web. Este menú del sitio web es el mapa del sitio que ayuda a los visitantes a encontrar lo que buscan, ya sean detalles sobre su producto o información sobre su empresa.
Las cabeceras típicas incluyen sus páginas web más esenciales, que pueden variar en función del tipo de sitio web que esté creando. Si tienes una tienda online, por ejemplo, puedes dividir tu cabecera en categorías basadas en los tipos de artículos que vendes. Por otro lado, si tiene un sitio web sin ánimo de lucro, una página de donaciones en la cabecera sería probablemente más apropiada. En pocas palabras, incluir las categorías adecuadas en la cabecera es esencial para ayudar a los visitantes a encontrar sus páginas más importantes y, en última instancia, puede marcar la diferencia entre un sitio web exitoso y otro que no lo es.
Inmediatamente debajo de la cabecera hay algún tipo de imagen, serie de imágenes o, a veces, un vídeo. Juntos, el encabezado y la imagen principal conforman la sección superior de su sitio web -a menudo denominada above the fold- y son esenciales para crear una buena primera impresión. La imagen destacada, en particular, marca una gran diferencia a la hora de que los usuarios permanezcan en su sitio web o lo abandonen segundos después de entrar.
Ideas de rediseño de sitios web
Sigamos, primero veamos qué es exactamente un diseño de página web eficaz. En lo que respecta a la apariencia, creo que un diseño eficaz debe ser elegante pero sutil, con efectos apropiados y manteniendo una sensación general de tranquilidad. Entre los extremos de la construcción de sitios web desnudos con contenido desordenado y diseños de sitios web complicados y difíciles de navegar, un sitio web eficaz es el resultado de un buen diseñador web que construye de forma experta un sitio web que es utilizable, impresionante, hábil, cohesivo, bien diseñado, de carga rápida, fácil de leer y fácil de usar. Este artículo sobre el concepto de diseño para la construcción de sitios web eficaces tiene como objetivo identificar y enseñar los fundamentos del diseño de sitios web eficaces y se divide a grandes rasgos en las siguientes secciones:
Sin obstaculizar la usabilidad de un sitio web (acceso sencillo y rápido a la información, los servicios o los productos), el objetivo último del diseñador de un sitio web es alcanzar un equilibrio óptimo entre su atractivo (aspecto y sensación específicos con los efectos de diseño necesarios), las consideraciones sobre el tiempo de carga (optimización de los elementos de diseño para un tamaño razonable de la página web) y la facilidad de uso (navegación e interacciones con el usuario fáciles de usar, además de un contenido bien distribuido y legible), sin comprometer del todo ninguno de los dos aspectos. En cuanto a la programación, no hay que hacer concesiones en la creación de un sitio web bien codificado y sin errores que garantice una experiencia de usuario uniforme, que cumpla con los estándares web (XHTML/HTML y CSS válidos del W3C), que sea accesible y que sea compatible con todos los navegadores.
Ejemplo de concepto de diseño de página web
Con los conceptos rápidos podemos mostrar el aspecto que estamos planeando y tras el que tendremos más tiempo para pulir con el equipo de marketing más adelante. Gracias a la rapidez de producción, es posible compartir muchas variaciones en poco tiempo.
Decidimos hacer los ajustes finales junto con el cliente. Tenía Adobe XD abierto en mi portátil y compartía la pantalla en directo. Había más de 60 mesas de trabajo diferentes en la pantalla y el cliente elegía en qué mesa de trabajo quería trabajar.
Todas estas peticiones llegaban directamente mientras hablábamos y yo iba actualizando, duplicando la mesa de trabajo para cada nueva adición de manera que pudiéramos ver fácilmente cómo quedaba sin o actualizar la versión anterior.
Puedes moverte fácilmente por las mesas de trabajo sin problemas, lo que hace que la navegación sea bastante fácil. La selección, el movimiento y la actualización de los elementos se producen en tiempo real, sin esperas. Todo lo demás viene de la memoria muscular y las secuencias de teclas.
Las modificaciones de las capas para agrupar, repetir y alinear están a dos pulsaciones de tecla. Una vez que memorices los 10 atajos principales, debería ser más que suficiente para mantenerte en marcha y no ralentizarte mientras trabajas.
Conceptos de diseño de sitios web
Diseño15 magníficos conceptos de rediseño de sitios web4 min readShakti Sotomayor – Mar 20, 2017Enlace copiado al portapapelesYa sea que estés diseñando por diversión, mejorando tus habilidades o aumentando tu portafolio, los conceptos de rediseño de sitios web son una manera fabulosa de asomarse a la mente de un diseñador.
Concepto de rediseño del sitio web del GTI por Jared Granger “Este fin de semana me divertí un poco empezando una página de aterrizaje con una de mis construcciones favoritas hasta ahora para el MK7 GTI: el GTI RS. Fotografía de Sam Dobbins”.
Concepto de Pandora por Bryce Thompson “Quería que fuera una experiencia de alto nivel, ya que al navegar por el mercado de los reproductores multimedia y productos similares, hay mucha diversión (no es que eso sea algo malo). Intentaba ir por algo diferente, un poco más inmersivo, etc.”
Concepto de rediseño de NYTimes.com por Jon Pritzl para Mighty: “Se trataba de un reto de diseño antiguo para reimaginar la página de inicio de NYTimes. Quería aprovechar su herencia y el valor de la marca, y al mismo tiempo impulsar algunas ideas sobre cómo crear una experiencia de noticias personalizable y social”.
