Ne pas encombrer l'écran avec des options de navigation

Dans les options de navigation à la plupart des sites traditionnels, des liens vers toutes les pages principales sont toujours visibles. Un site typique comprend une rangée de liens à travers le haut ou le côté supérieur gauche ou à droite de l'écran avec des liens vers les principales communes sections, y compris la page d'accueil, la page Qui sommes, et d'autres sections importantes.

Garder les liens de navigation en haut de chaque page les rend facilement trouver mais encombre l'espace de conception. Ajoutez votre logo et d'autres éléments de marque, des liens sous-marines, et, éventuellement, la publicité et - beurk - quel gâchis.

Pas étonnant de sites de journaux sont toujours décrits comme “ occupé ” et la plupart des modèles de blog sont considérés comme ennuyeux. Bachotage trop d'informations sur chaque page, avant même de commencer à ajouter du contenu, il est difficile de garder les choses intéressantes.

Considérons maintenant l'approche que la plupart des concepteurs ont pris à la création d'applications iPad. Dans la conception de sites web pour l'iPad et l'iPhone, vous pouvez bénéficier de la nouvelle génération de concepteurs d'applications qui sont là.

Une grande variété d'applications iPad, y compris les magazines populaires Wired et Sports Illustrated, afficher deux zones cohérentes où les concepteurs d'applications sont placer des éléments de navigation:

Dans le coin supérieur gauche ou à droite de la page: Contrairement aux pages Web, les liens de navigation dans la plupart des applications ne sont visibles que lorsque vous appuyez sur une icône, comme l'icône Accueil dans le coin supérieur gauche, comme indiqué dans le magazine Honeybee.
En bas de la page: Encore une fois, un ensemble facultatif de liens de navigation apparaît uniquement lorsque vous appuyez sur le bas de l'écran, comme le montre cette figure.

Cette nouvelle pratique de conception pourrait être un nouveau moyen utile pour concevoir des pages Web ainsi que des applications. La conception représentée sur les figures a été initialement créé comme une application pour l'iPad. Il a été conçu à l'aide de nouveaux outils de publication numérique d'Adobe, qui sont idéales pour la création de magazines interactifs et améliorés e-books.

Mais après la conception a été achevée avec des outils de publication numérique d'Adobe, qui créent automatiquement les liens de navigation indiquées, il n'y avait aucune raison de ne pas faire la même chose dans une version de la page web.

Donc, la même conception a ensuite été recréé en HTML et CSS et testé dans le navigateur Web Safari. Voil # 224-! Cette approche à la navigation fonctionne à merveille sur le Web mobile ainsi, et il laisse beaucoup plus de place pour créer des designs attrayants qui remplissent l'écran sur l'iPad.

Même dans la version de la page Web de ce site, le menu déroulant ci-contre apparaît uniquement lorsque vous appuyez sur l'icône Accueil. Le menu disparaît dès que vous appuyez sur un lien dans la liste.

A propos Auteur

Comment accéder à Internet sur votre tablette Android

Toutes les tablettes Android disposent d'une application de navigation Web. Le stock Android app est propre navigateur web Google Chrome. Votre tablette peut avoir une autre application de navigateur web, qui peut être nommé web, navigateur, ou…

Comment ouvrir plusieurs pages Web à la fois sur votre iPhone

Vous pouvez ouvrir plusieurs pages Web en même temps sur votre iPhone, en utilisant Safari. Une fois les pages Web sont ouverts, Safari vous permet de brise à votre chemin entre eux.Appuyez sur l'icône Pages, qui est sur le côté droit de la…

Comment naviguer sur le Web sur l'onglet Samsung Galaxy

La plupart des gens ont eu l'expérience avec le web. Mais vous ne pouvez pas avoir de l'expérience en utilisant le web sur la route, en général, et sur le Samsung Galaxy Tab, spécifiquement. Cela devrait vous rendre rapidement à la vitesse…

Pour les personnes âgées: les pages Web de vignettes de l'écran sur l'iPad 2

Sur votre iPad 2, vous pouvez parcourir les pages sur l'Internet en utilisant le navigateur web Safari Web. Afficher les pages Web ouvertes forme de vignettes (petites images) sur une seule page, afin d'afficher à nouveau rapidement une page que…

Pour les aînés: organiser ipad 2 applications sur écrans d'accueil

Votre iPad 2 peut afficher jusqu'à 11 écrans d'accueil. Vous organisez applications iPad (applications) sur ces différents écrans d'accueil. L'écran d'accueil principal contient préinstallé apps- autres écrans d'accueil sont créés pour…

Pour les aînés: utiliser le navigateur web Safari sur iPad 2

Une fois votre iPad 2 est connecté à Internet, parcourir des pages Web en utilisant le navigateur Web Safari. Avec Safari, vous pouvez parcourir un vaste monde de l'information, le divertissement, l'éducation, et plus sur Internet.Lancez le…

Comment faire pour créer un plan de site HTML dans Dreamweaver

Lorsque vous créez une carte visuelle du site, vous créez un schéma de toutes les pages sur un site Web, y compris l'interconnectivité des pages principales à travers la navigation et la sous-navigation. Vous utilisez ensuite ces informations…

Créer une structure sémantique des pages Web

Création de pages sémantiquement pertinentes a été bonne pratique sur le web depuis longtemps avant l'apparition de l'iPad, mais HTML5 construit dans les balises spéciales pour rendre plus facile d'être cohérent dans la façon dont vous…

Comment les utilisateurs à naviguer dans un monde de l'écran tactile

La façon dont les visiteurs de votre site d'interagir avec vos pages et de naviguer vos liens est radicalement différent sur un iPhone ou un iPad à un ordinateur de bureau ou portable. Les visiteurs du site en utilisant un iPhone ou un iPad…

Facile de navigation dans votre site Web d'entreprise

Vous avez des objectifs de marketing et les objectifs de votre site Web d'entreprise, mais si les visiteurs ne peuvent pas trouver l'information qu'ils veulent ou ne peuvent pas exécuter une action, vous ne avoir une chance d'atteindre ces…

Comment faire pour déterminer la navigation de votre site Web sur Squarespace

Le modèle que vous choisissez sur Squarespace dicte les différentes zones de navigation que vous avez sur votre site web. Votre modèle peut fournir les zones de navigation suivantes dans Content Manager:Top / Main: Tous les modèles disposent…

Création d'un lien de blog Drupal

Créer des liens sur votre blog Drupal est un bon moyen pour vos visiteurs de se déplacer facilement parmi vos pages et donne de nouveaux visiteurs la chance d'explorer vos anciens messages. Si vous cliquez sur le lien vers votre blog Drupal sous…

La gestion des menus Drupal

En général, un menu d'Internet est un ensemble de liens vers des pages Web. Dans Drupal, ces liens peuvent également pointer vers des nœuds (un mot de fantaisie pour le contenu Drupal), tels que des articles et des pages de base. Quand un lien…

Comment développer une structure de navigation

Une structure de navigation est la clé de la planification d'un site web. Une structure de navigation implique niveau d'abstraction un peu plus élevé que les pages juste croquis. Un organigramme de navigation (ou plan du site) organise comment…

godiches.com » Internet & médias sociaux » Web design & développement » Conception iPhone & iPad web » Ne pas encombrer l'écran avec des options de navigation