Cómo diseñar un sitio web de portal

Diseñar una página de inicio de un sitio web de portal (una página que actúa como puerta de entrada a una gran cantidad de contenido) puede ser un proyecto de diseño web extremadamente desafiante. La naturaleza de un portal significa que la página de inicio está en constante cambio y está repleta de enlaces y contenido. El truco para diseñar una página de portal accesible y fácil de usar es crear un diseño de sitio web que facilite el cambio frecuente de contenido, pero que permanezca con un estilo consistente para facilitar la lectura y la navegación. Si no lo haces bien, puedes terminar con una página desordenada que es difícil de leer. La buena noticia es que los expertos en diseño web de Michael Bell One tienen una amplia experiencia en el diseño de sitios web de portales para escuelas, empresas e instituciones gubernamentales, incluido el innovador sistema de pedidos en línea de Servicios para escuelas del Consejo del Condado de East Sussex. Siga leyendo para descubrir algunos de los factores clave que consideramos al diseñar sitios web de portal

Diseño del sitio web de portal: Diseño

Al considerar la mejor manera de abordar el diseño del sitio web de portal, generalmente comenzaremos con el diseño. Si estamos diseñando una página que va a estar llena de enlaces e información, normalmente usaremos la mayor parte del ancho de página posible eliminando los márgenes izquierdos y los espacios innecesarios. Por supuesto, como el diseño web receptivo está en el corazón de todo lo que hacemos, también haríamos un uso óptimo del espacio, independientemente del dispositivo en el que se vea el sitio web. Además, la alineación central del contenido y los gráficos en una página de portal nunca funciona muy bien, ya que los usuarios tienden a comenzar a leer en la parte superior izquierda y a escanear rápidamente hasta la parte inferior derecha.

El mejor enfoque de diseño web de portal es usar cajas y formas para dividir la página en trozos fáciles de leer. Tendemos a usar una combinación de rectángulos grises largos, paneles cuadrados con colores más claros para las secciones de noticias y columnas de estilo revista para información comunitaria y de ocio. Una fuente pequeña y en negrita (Verdana de 10 píxeles) tiende a funcionar bien con este tipo de secciones de página y se destaca contra los colores y formas de fondo. Los enlaces a menudo se resaltan en tonos familiares de azul y naranja, con iconos que a veces se usan para proporcionar al usuario información visual adicional sobre lo que sucederá cuando haga clic en un enlace.

Descubra cómo podemos ayudar

Diseño del sitio web del portal: Fondo

Los siguientes elementos de diseño obvios a tener en cuenta son las imágenes de fondo y los colores. El uso de un fondo sutil de color pastel es una buena manera de proporcionar algo de textura y profundidad a la página del portal, pero si el fondo está demasiado ocupado o tiene demasiado color y sombra, puede terminar pareciendo un sitio web de la década de 1990. Las cosas se vuelven más problemáticas cuando los colores que se sientan en la parte superior del fondo del portal son demasiado fuertes. Un ejemplo típico de esto es cuando tenemos la tarea de rediseñar sitios web de portales que usan grandes cantidades de cian. Algunos colores simplemente no funcionan en las pantallas de las computadoras, siendo el cian uno de ellos. Usarlo como color de acento puede ser bastante efectivo, pero cubrir grandes áreas de la página web con él puede generar problemas de legibilidad.

Para los diseños de página del sitio web del portal, a menudo es una buena idea usar fondos pálidos con texto oscuro, o el fondo oscuro ocasional con texto pálido, junto con tonos más finos sobre los muy saturados. A partir de nuestros muchos años de experiencia en el diseño de sitios web con mucha información, tendemos a encontrar que el uso de azules y grises como colores fuertes tiende a ser extremadamente efectivo en sitios web de noticias y portales, ya que son más fáciles para la vista y proporcionan un mejor contraste para una experiencia de lectura más cómoda.

Diseño del sitio web del portal: Gráficos e Imágenes

Se considera cuidadosamente cómo utilizamos los gráficos y las imágenes. Si un logotipo está mal diseñado o las imágenes son demasiado pequeñas o están incorrectamente alineadas con el texto, puede hacer que la página web del portal se vea desequilibrada y desorganizada, así como poco profesional. Como el diseño de estrategia de marca es la piedra angular de nuestro negocio de diseño digital, sabemos cómo diseñar logotipos y elementos gráficos que no solo se alinean con su contenido, sino que también se alinean con los deseos y necesidades de su público objetivo.

Al diseñar diseños de sitios web de portal, también intentamos mantener al mínimo elementos adicionales, como los desplazadores y deslizadores de noticias jQuery. Aunque generalmente funcionan muy bien, pueden tener un efecto negativo en los tiempos de carga de la página y pueden causar errores de página o parpadeo. Es mejor tener un panel de noticias dedicado que use HTML simple por el bien de la legibilidad, pero también porque el texto que se desplaza puede distraer del contenido de la página de la misma manera que los anuncios de banner o los gráficos animados a menudo lo hacen.

Nuestro objetivo final al diseñar diseños de sitios web de portal es crear un centro de información receptivo, accesible y fácil de usar que no solo se vea genial, sino que también pueda transmitir sin esfuerzo una gran cantidad de información a sus lectores. Para lograr esto, generalmente encontramos que un diseño de página web de portal de estilo revista funciona bien. Puede ser una fórmula bien utilizada, pero eso se debe a que es un medio extremadamente efectivo de transmitir información de manera rápida y eficiente.

Descubra cómo podemos ayudar

Los cinco mejores consejos para un sitio web de Portal pulido

Eficiencia

Si necesita mucho contenido en una página, reduzca los márgenes y los bordes para recuperar cada píxel de repuesto para usarlo con el contenido. Romper su diseño en paneles y espacio de ellos alrededor de 10 píxeles de distancia. Utilice líneas finas y fuentes pequeñas en negrita, y dé relleno interno a los paneles de 10 a 15 píxeles para mantener el texto alejado de los bordes.

Sin fondos de pantalla

Las imágenes de fondo están bien, pero ten cuidado con cómo las usas. Si están demasiado ocupados o repiten demasiado, el resultado final se ve desordenado. Tenga especial cuidado de evitar imágenes en relieve al diseñar gráficos de sitios web de portal; los gráficos web simples en 2D se ven mucho más limpios y profesionales. Recuerde siempre que el fondo nunca debe competir por la atención visual con el primer plano, especialmente en los sitios web de información.

Fácil navegación

La naturaleza de una página de portal significa que está llena de enlaces. Sin embargo, la mayoría de los portales están divididos en subsecciones y siempre deben ser de fácil acceso a través de una barra de navegación prominente. Intente colocar estos enlaces en la parte superior de la página o en el lado izquierdo, y repítalos en texto plano al pie de la página para agregar a prueba de idiotas.

Colores tranquilos

El color es una parte fundamental del diseño de la interfaz, y el diseño de un sitio web de portal no es diferente. Evita usar colores brillantes y saturados como el cian. si te gustan los colores brillantes, pruébalos al 10-20% si están en segundo plano, o úsalos como colores de acento para subtítulos, enlaces y cambios de CSS. Intente usar colores apagados para cajas y fondos: los grises funcionan bien con prácticamente cualquier combinación de colores.

Evite artilugios

A todos los diseñadores web les encanta jQuery; es una fantástica biblioteca JavaScript y la usamos con gran efecto en muchos diseños web de comercio electrónico y sitios web CMS, pero eso no significa que deba usarse en todos los sitios web. Los widgets y los desplazadores de JavaScript pueden ralentizar las páginas web y causar problemas con los navegadores web más antiguos. También pueden parecer un poco hortera si se usan en exceso. Si lo que tiene que decir es importante, debe decirlo con claridad y confianza sin desplazarse más allá del usuario como la pantalla led con puntos rojos en su oficina de correos local.

Diseñar un sitio web de portal es fácil; diseñar un gran sitio web de portal es difícil. Se requiere experiencia, creatividad y talento de diseño para crear un recurso de información que sea informativo y al mismo tiempo accesible e intuitivo de usar. Por lo tanto, si su escuela, organización comunitaria o negocio se beneficiaría de un diseño de sitio web de portal hermosamente diseñado, receptivo y accesible, comuníquese con Michael Bell One hoy para discutir su proyecto.

Acerca de Michael Bell One

Michael Bell One es una agencia de diseño web, SEO (Optimización de Motores de búsqueda) y marketing digital con sede en Lewes, East Sussex, y con oficinas en Sussex, Surrey, Londres y Kent.

Para hablar con nosotros sobre su proyecto de diseño web, SEO o Branding, comuníquese con James Golding al 01273 478822 o simplemente envíenos un correo electrónico.