No saturar la pantalla con opciones de navegación

En las opciones de navegación en la mayoría de los sitios web tradicionales, enlaces a todas las páginas principales son siempre visibles. Un sitio web típico incluye una fila de enlaces en la parte superior o en la parte superior izquierda o derecha de la pantalla con vínculos comunes a las secciones principales, incluyendo la página de inicio, la página Acerca de nosotros, y otras secciones importantes.

Mantener vínculos de navegación en la parte superior de cada página que los hace fácil encontrar pero estorba el espacio de diseño. Añadir su logotipo y otros elementos de la marca, enlaces sub-navegación, y, posiblemente, la publicidad y la - puaj - lo que es un lío.

No hay sitios de periódicos maravilla siempre se describen como " ocupada " y la mayoría de los diseños de blog se consideran aburrido. Abarrotar demasiada información en cada página, incluso antes de empezar a añadir el contenido hace que sea difícil mantener las cosas interesantes.

Ahora considere el enfoque que la mayoría de los diseñadores han llevado a la creación de aplicaciones para el iPad. En el diseño de sitios web para el iPad y el iPhone, usted puede beneficiarse de la nueva generación de diseñadores de aplicaciones que están ahí fuera.

Una amplia variedad de aplicaciones de iPad, incluyendo revistas populares Wired y Sports Illustrated, mostrar dos zonas consistentes donde los diseñadores de aplicaciones están poniendo los elementos de navegación:

• En la esquina superior izquierda o derecha de la página: A diferencia de las páginas web, los enlaces de navegación en la mayoría de las aplicaciones son visibles sólo al tocar un icono, como el icono Inicio en la parte superior izquierda, como se muestra en la revista de la abeja.

  

• Al final de la página: Una vez más, un conjunto opcional de enlaces de navegación sólo aparece cuando se toca la parte inferior de la pantalla, como se muestra en esta figura.

  

Esta nueva práctica de diseño podría ser una nueva forma útil para diseñar páginas web, así como aplicaciones. El diseño se muestra en las figuras fue creado originalmente como una aplicación para el iPad. Fue diseñado con nuevas herramientas de edición digital de Adobe, que son ideales para la creación de revistas interactivas y mejoradas e-books.

Pero después de que el diseño se terminó con las herramientas de edición digital de Adobe, que crean automáticamente los enlaces de navegación que se muestran, no había ninguna razón para no hacer lo mismo en una versión de la página web.

Así mismo diseño fue luego recreada en HTML y CSS y probado en el navegador web Safari. Voil # 224-! Este acercamiento a la navegación funciona de maravilla en la web móvil, así, y que deja mucho más espacio para la creación de excelente aspecto diseños que llenan la pantalla en el iPad.

Incluso en la versión web de este sitio, el menú desplegable muestra sólo aparece cuando se toca el icono Inicio. El menú desaparece tan pronto como se toca un enlace de la lista.