Rommel het scherm niet af met navigatie-opties - dummies

> In de navigatie-opties op de meeste traditionele websites zijn links naar alle hoofdpagina's altijd zichtbaar. Een doorsnee website bevat een rij links bovenaan of bovenaan links of rechts van het scherm met algemene koppelingen naar de hoofdsecties, waaronder de startpagina, de pagina Over ons en andere belangrijke secties.

Door navigatielinks boven aan elke pagina te houden, zijn ze eenvoudig te vinden, maar verstikt de ontwerpruimte. Voeg je logo en andere merkelementen, subnavigatielinks en mogelijk reclame toe en - jakkie - wat een puinhoop.

Geen wonder dat krantenwebsites altijd worden beschreven als "druk" en de meeste blogontwerpen worden als saai beschouwd. Te veel informatie op elke pagina blokkeren voordat je begint met het toevoegen van de inhoud, maakt het moeilijk om dingen interessant te houden.

Overweeg nu welke benadering de meeste ontwerpers hebben gevolgd bij het maken van iPad-apps. Bij het ontwerpen van websites voor de iPad en iPhone kunt u profiteren van de nieuwe generatie app-ontwerpers die er zijn.

Een grote verscheidenheid aan iPad-apps, waaronder populaire tijdschriften

Wired en Sports Illustrated, geven twee consistente gebieden weer waarin app-ontwerpers navigatie-elementen plaatsen: > In de linkerboven- of rechterhoek van de pagina: Anders dan webpagina's zijn de navigatielinks in de meeste apps alleen zichtbaar als u op een pictogram tikt, zoals het Home-pictogram linksboven, zoals weergegeven in het Honeybee-tijdschrift.

• Onder aan de pagina:
  Nogmaals, een optionele set navigatiekoppelingen wordt alleen weergegeven als u op de onderkant van het scherm tikt, zoals in deze afbeelding.

  

• Deze nieuwe ontwerppraktijk kan een handige nieuwe manier zijn om webpagina's en apps te ontwerpen. Het ontwerp in de figuren is oorspronkelijk gemaakt als een app voor de iPad. Het is ontworpen met behulp van de nieuwe digitale publicatietools van Adobe, die ideaal zijn voor het maken van interactieve tijdschriften en verbeterde e-books. Maar nadat het ontwerp was voltooid met de digitale publicatieprogramma's van Adobe, die automatisch de getoonde navigatiekoppelingen maken, was er geen reden om hetzelfde niet in een webpaginaversie te doen.

  

Dus hetzelfde ontwerp werd vervolgens opnieuw gemaakt in HTML en CSS en getest in de Safari-webbrowser.

Voilà!

Deze benadering van navigatie werkt ook prachtig op het mobiele internet en laat veel meer ruimte over voor het maken van prachtige ontwerpen die het scherm van de iPad vullen. Zelfs in de webpagina-versie van deze site wordt het weergegeven vervolgmenu alleen weergegeven als u op het pictogram Home tikt. Het menu verdwijnt zodra u op een koppeling in de lijst tikt.