experts seo aux états-unis

Depuis plus de 10 ans, nous aidons les entreprises à atteindre leurs objectifs financiers et de marque. Onum est une agence de référencement dédiée aux valeurs.

DERNIÈRES NOUVELLES
NOUS CONTACTER
expert SEO
Comment ça fonctionne
changer votre vision du référencement

Développement Web

Nous parions que vous ne passez pas beaucoup de temps sur la 2e page de Google, alors pourquoi votre site Web le devrait-il ?

DÉVELOPPEMENT DE SITE WEB

QU'EST-CE QUE LE DÉVELOPPEMENT WEB?

Nous utilisons généralement les expressions Web Design and Development collectivement, même si les expressions font référence à des éléments extraordinaires de la méthode de construction de sites Web nécessitant des capacités spécifiques. Maintenant, permettez-nous de parler de l'ensemble de capacités principal qui est la disposition Internet. Essentiellement, la mise en page Internet fait référence à chaque partie cultivée du site Internet et à sa convivialité. Les concepteurs de sites Web utilisent diverses applications de mise en page, notamment Adobe Photoshop (10 $/mois) ou GIMP (gratuit), et de nombreux équipements différents, pour créer le format et les différents facteurs visibles du site Internet.

Après cela, les constructeurs front-quit appliquent leur mise en page via l'amélioration Internet Front-End, ce qui nous amène au deuxième ensemble de capacités (amélioration Internet). Maintenant, vous pourriez peut-être demander ce qu'est la programmation frontale, pour la placer facilement, c'est le détail visible de la fin frontale d'un logiciel (ou d'un site Internet, d'une application)

C'est visible et pratique à travers la personne quittant. Les langages front-quit les plus connus sont (HTML, CSS, JS). Si vous êtes déjà curieux de devenir membre de ce domaine, ce qui est évident parce que vous vous ennuyez avec moi et avez atteint ce facteur de l'article, alors le premier élément que vous devez faire est d'étudier le HTML et le CSS primaires, nous pouvons en parler dans plus dans notre mastering et segment des actifs académiques de cet article.

Cependant, le second fait partie du second ensemble de capacités est l'amélioration de l'Internet Back-End. L'amélioration du Web fait référence à la construction, développer et conserver des sites Web. Normalement, les développeurs Web prennent une conception de site Web réalisée par un constructeur Internet et en font un site Internet fonctionnel en écrivant des scripts Internet dans des langages tels que PHP, ASP, Python, Ruby, Perl, etc. de logiciel internet est un facilitateur pour un front-quit profiter… Le code backend est administré au niveau du serveur, au lieu du client. De cette façon, les développeurs backend ne veulent plus comprendre les langages de programmation et les bases de données, mais ils devraient également avoir une connaissance de la structure du serveur.

Maintenant, vous pouvez surprendre ce qu'est une base de données, pour la placer facilement, c'est de loin un appareil pour stocker et surveiller des faits (toute forme de faits). Les bases de données les plus connues sont MySQL (le maximum utilisé), MongoDB, SQLite, Postgres, etc.

Vous disposez également de formes extraordinaires de bases de données telles que SQL (relationnelle) et NoSQL (non relationnelle), vous pouvez tester cet article simple pour comprendre les différences entre chacune des bases de données SQL et NoSQL.

Maintenant que nous avons souligné l'amélioration de l'abandon avant et du retour, cependant, nous ne devons pas oublier que nous avons également une amélioration de la pile complète qui est honnêtement le mélange de chacun. La plupart des constructeurs de piles complètes sont des indépendants ou des constructeurs experts dans une entreprise avec des années de plaisir. Pour devenir un développeur Internet complet, vous devez au moins étudier les langages suivants : HTML, CSS, JS, PHP, SQL (un langage de base de données).

Maintenant, vous entendrez peut-être le mot « framework » avant et au cas où vous ne l'auriez pas fait, j'essaierai de le placer facilement, un framework rend honnêtement l'existence du développeur beaucoup moins compliquée, car vous ne le faites pas » t besoin d'écrire votre code à partir de zéro. Dans l'arène de mise en page internet, pour fournir une définition plus fiable, un framework est décrit comme un package réalisé à partir d'une forme de documents et de dossiers de code standardisé (fichiers HTML, CSS, JS, etc.) qui peuvent être utilisés pour aider à l'amélioration des sites Web, comme base pour commencer construire un site web en ligne.

meilleurs influenceurs SEO au monde

CMS

  • La différence entre partagé, VPS, engagé et plans d'hébergement de sites Web en nuage
  • Une brève clarification de la gestion des serveurs
  • Déterminez ma maîtrise de la mode et la façon dont j'étudie !
  • Où a été le point de départ de mon aventure de mastering ?
  • Index des ressources de maîtrise cruciales et utiles
  • Matériel important qui pourrait m'aider dans ce domaine des peintures
  • Index de l'équipement avec clarification

La mise en page Web est un élément important de la méthode d'amélioration d'Internet. Si vous êtes curieux de la mise en page d'Internet, nous supposons que vous avez une tendance innovante. Et comment devriez-vous maintenant ne plus être enthousiaste à l'idée de vous lancer et de créer votre premier site Internet ? la toile disposition est en train de créer une œuvre d'art utile - mais par où commencer? Si vous vous demandez ce que vous voulez comprendre avant de commencer, ce manuel vous aidera.

Choisissez quelque chose de principal pour votre premier site Web mise en page du site en ligne

Cela ressemble-t-il à une évidence, n'est-ce pas ? Mais de temps en temps, nous deviendrons trop audacieux et nous nous découragerons. Pour votre premier devoir, c'est un très bon concept de choisir quelque chose de facile et d'amusant. Un site web de commerce électronique en ligne est plus complexe et peut être plus difficile à gérer une fois que vous avez plus de plaisir. 

Un blog est un très bon point de départ. Cela peut être un très bon exercice de mise en page et vous découvrirez comment fonctionne un système de gestion de contenu (CMS). Il peut donc être crucial de comprendre pour les conceptions en ligne de sites Web de destin. Mieux encore, vous n'avez pas besoin de recommencer à zéro. Il y a beaucoup de weblog modèles qui facilitent le placement d'un ensemble.

Les templates sont un outil de mastering précieux. En regardant comment les facteurs HTML, CSS et Javascript sont stylisés et disponibles collectivement, vous obtiendrez une perception plus profonde de ce qui fait les peintures de mise en page. Vous pouvez utiliser des modèles comme base pour effectuer des ajustements et des personnalisations.

Peut-être n'avez-vous pas besoin de créer un blog — efforcez-vous de vous éloigner de vos passe-temps ou de vos passe-temps innovants. Que diriez-vous de construire une exposition selon vos capacités d'images ou votre série d'histoires rapides ? Créer une mise en page pour caractériser une ardeur de la vôtre fait une première mission amusante.

experts en services d'optimisation on-page

Trouver des suggestions de différents designers

Vous êtes sans aucun doute tombé sur des sites Web qui vous ont séduit par leur belle mise en page.

Créer un document de suggestion avec hyperliens vers les sites Web que vous aimez ou ajoutez-les à vos favoris au fur et à mesure que vous passez. Pinterest est un très bon endroit pour localiser un très bon site Web site web en ligne mise en page - vous pouvez localiser et épingler des illustrations, des couvertures de livres électroniques, des affiches, des blogs et différentes formes de peintures de mise en page auxquelles vous référer. Les concepteurs utilisent la période « temper board » pour ces collections. Les forums d'humeur sont une courte ressource de référence utile au cas où vous vous retrouveriez coincé. Ce que vous ferez.

En dehors des découvertes que vous faites dans votre vie personnelle, il y a quelques collections organisées que vous devez tester. 

Awards a continuellement de nouvelles peintures étincelantes et de nombreuses collections thématiques 

Behance est une compilation de premier ordre de peintures de conception de sites Web, dans laquelle le point d'intérêt est la haute satisfaction et la créativité.

Dribbble se spécialise dans les designers masculins ou féminins, offrant un forum de discussion pour obtenir des commentaires et discuter avec d'autres de leurs peintures.

Et bien sûr, rendez-vous à l'exposition Webflow pour découvrir le type d'approches que les êtres humains utilisent avec notre plate-forme de mise en page. Il y a beaucoup de trucs sympas à tester et tellement de modèles à cloner car vous êtes très personnel.

Regardez à l'extérieur de l'Internet pour les atouts de la suggestion

La mise en page Web est bien informée grâce à un langage visible qui peut être déterminé n'importe où, comme la courtepointe d'un roman d'images ou le kiosque virtuel de votre banque. Développez une montre pour repérer la disposition souhaitable et commencez à étudier pourquoi quelque chose fonctionne ou ne fonctionne pas, quel que soit le support.

Intéressez-vous à la typographie 

Nous étudions fréquemment sans même être conscients des polices de caractères. Intéressez-vous à l'impact que le type a sur lorsque vous consommez du contenu. Cette police dans le menu est-elle lisible ? Qu'est-ce qui rend ce signal manuscrit pour les peintures de l'entreprise commerciale du quartier si bien? Les lettres sont partout. Soyez conscient de chaque utilisation souhaitable et terrible de la typographie. 

Typewolf est une superbe ressource utile pour conserver les onglets sur les polices célèbres. Il propose de nombreuses listes à explorer, un site Web en vedette en ligne du jour et des lookbooks dotés de combinaisons de polices remarquables. Il est utile de comparer des exemples réels de typographie utilisée, et sites Internet comme Typewolf sont un très bon domaine pour scruter leurs applications réalistes. Se familiariser avec des polices extraordinaires vous aidera à choisir le bon type pour votre premier site Web. mise en page du site en ligne.

Laissez les grands arts vous affecter 

Oh, avons-nous souligné qu'il y a tout un dossier d'œuvres d'art à attirer ? Autant d'actions et d'artistes forment pourtant les tableaux des créatifs d'aujourd'hui, principalement des concepteurs Internet. Promenez-vous dans notre mise en page Web et nos archives d'œuvres d'art pour découvrir de nombreuses réalisations créatives énormes. Pas le plus pratique regorge de faits précieux, c'est un superbe exemple du chemin matériel contenu et l'art peut venir collectivement pour informer une histoire.

Les

experts en optimisation on-page

Recherchez des formes extraordinaires de mise en page

Il y a tellement de disciplines de mise en page à connaître. Une compréhension de la mise en page du produit, de l'illustration ou même de l'image de marque peut également augmenter votre sens de l'innovation.

Pour la suggestion qui dépasse la mise en page Internet, Abduzeedo donne des exemples exceptionnels. Qu'il s'agisse d'affiches, de bagages ou de meubles, vous verrez des exemples de premier ordre de la mise en page correctement réalisée. Soyez ouvert aux formes extraordinaires de mise en page et recherchez activement nos suggestions. Plus vous comprenez mieux, moins il sera compliqué de mettre en page votre premier site Internet. L'éducation informe l'intuition.

Les

Avoir du contenu équipé avant de commencer 

Putting matériel contenu Tout d'abord, avoir du contenu équipé de peintures avant de commencer à concevoir votre premier site Internet.

Il n'a pas besoin d'être parfait. Vous pouvez continuellement modifier et optimiser pour Google SEO (rechercher l'optimisation du moteur) plus tard. Mais avoir au moins une ébauche dure de ce qui va passer aidera à s'assurer que la mise en page est conçue pour y faire face. Concevoir avec du contenu réel vous offre une meilleure illustration de la façon dont le site Internet sera l'apparence et la fonctionnalité. Il vous offre également la possibilité de faire des ajustements à l'avance dans la méthode de mise en page.

Pour les blogs, vous aurez besoin d'une mise en page équipée pour vérifier à l'intérieur du CMS. Avoir une paire de messages écrits avant de publier continuera à se démener pour noter quelque chose après la réalité. 

Gardez votre mise en page simple et intuitive

Qu'il s'agisse d'écriture, de navigation ou de CTA, personne ne veut se battre avec votre mise en page.

Votre technique de mise en page doit être ancrée dans la simplicité et l'ordre. Logic doit manuel une personne via le site Web en ligne avec facilité. Et parce que nous parlons à peu près de ceux qui auront une interaction avec ce que vous avez créé, c'est un excellent domaine pour présenter l'expérience utilisateur.

Comprendre les fondamentaux de la personne (UX)

Un site Internet est plus qu'un simple contenu textuel flottant dans une zone. La palette de couleurs, le contenu, la typographie, le format et les images sont tous réunis pour servir votre marché cible et susciter l'émotion. Quelqu'un qui erre dans la zone virtuelle que vous avez créée doit avoir une direction claire et dégagée des obstacles.

L'UX fait une spécialité de savoir-faire votre marché cible. Que recherchent-ils - et comment votre mise en page facilitera-t-elle sa localisation ? L'UX est configuré pour entrer dans la tête de votre marché cible et voir votre mise en page à travers leurs yeux.

Lors de la construction de votre premier site Internet, gardez à l'esprit les concepts directeurs de l'UX :

  • Rendez les choses faciles et intuitives
  • Communiquer des idées dans une succession logique
  • Répondez aux souhaits de votre marché cible et faites face à la tentation de montrer vos capacités sur le coût de la convivialité
  • Connaître votre marché cible vous aidera à créer une mise en page adaptée à leurs besoins et à leurs souhaits. Consultez notre manuel du débutant aux études personnelles pour de plus amples informations sur la façon de le faire.

Comprendre les principes fondamentaux de l'interface utilisateur (UI)

Si vous débutez dans la mise en page Internet, vous êtes probablement préoccupé par la distinction entre UI et UX. La plupart des gens l'ont été. Sachez-le, ce sont des idées géniales.

Lorsque l'UX est impliqué dans l'expérience générale d'une mise en page, l'UI définit les spécificités. Si vous avez été dans un ascenseur, l'UI sera la longueur et l'association des boutons au sol, tandis que l'UX pourrait incarner les couleurs, les textures et les différentes sélections d'aménagement intérieur de la zone de l'ascenseur. L'interface utilisateur est configurée pour donner à une personne l'équipement qu'elle souhaite pour profiter de votre site Internet à cause des complications. 

Lors de la création de votre premier site Internet, conservez ces concepts d'interface utilisateur dans vos pensées :

  • La fonctionnalité des facteurs interactifs doit être apparente
  • L'uniformité doit être l'utilisabilité manuelle - les mouvements doivent être conformes aux styles logiques
  • Les sélections de conception doivent être faites avec un objectif clair

Utilisez les concepts de mise en page pour manuel votre méthode de mise en page Internet novice

Une mise en page efficace est guidée par certaines réglementations et il est essentiel de comprendre les capacités de mise en page Internet cruciales avant de commencer. Il existe des pratiques répandues dans le but de simplifier la méthode et d'en faire un tout dernier produit plus délicat. 

optimisation du référencement et du contenu sur la page

Disposition

Si vous avez besoin de mettre en page et de construire des sites Web, le format souhaitable est la clé. Nous approuvons la conservation des éléments au minimum et l'exécution avec seulement quelques facteurs à la reconnaissance du bon placement.

Lorsque vous commencez à concevoir, supposons des grilles. Les grilles alignent les facteurs, comme les blocs div et les images sur une page Web Internet, de manière à créer de l'ordre. 

La forme d'un format doit respecter une hiérarchie visible. Quelles sont les pensées cruciales dont vous avez besoin que les êtres humains scrutent et dans quel ordre ? La hiérarchie visuelle souhaite s'en tenir aux styles de lieux pas inhabituels que les êtres humains utilisent lors de l'analyse. Il existe des chemins que les yeux des êtres humains suivent couramment sur Internet : l'échantillon F et l'échantillon Z. Connaître comment ces styles de peintures vous aideront à préparer votre matériel contenu

L'échantillon F est un endroit plus grand et pas inhabituel pour les conceptions avec des blocs denses de contenu. Les yeux des gens expérimenteront le côté gauche d'un format jusqu'à ce que les choses retiennent leur intérêt, puis étudieront de gauche à droite. Imaginez chercher à travers le menu d'un restaurant - vous pouvez passer sur les formidables noms de plats alignés à gauche jusqu'à ce que vous reveniez à quelque chose qui vous saisit, afin que l'on puisse vous activer pour étudier les informations d'aide expliquant ce plat particulier.

La plupart des êtres humains étudieront via quelque chose comme un blog mis en place sur cet échantillon F. Avec un contenu textuel aligné à gauche et des phrases à puces, Nelson Abalos profite de cette approche de mise en page, rendant ses messages fluides à naviguer et à respecter.

L'échantillon Z est lié à une mise en page beaucoup moins textuelle. De nombreuses pages de touchdown sont d'accord avec cet exemple. Tous les facteurs les plus importants à la conservation Site internet du guide en ligne adhérer à l'échantillon Z. Si vous êtes un débutant sur Internet, c'est une astuce de format facile pour faciliter l'utilisation.

Vous avez les couleurs de l'arc-en-ciel et du passé à vous offrir. Et nous comprenons tous qu’« avec une énergie extrêmement bonne vient une responsabilité extrêmement bonne ». L'énergie du sélecteur de couleurs peut être utilisée pour le désirable ou le mal.

Voici une paire de tactiques fiables pour décider d'un schéma de couleurs pour votre premier site Internet.

Monochrome

Utilisez une couleur unique pour la base, variez la quantité de saturation, englobez l'éclairage et les obscurités, et jouez avec diverses couleurs pour un jeu de couleurs uniforme. Quel que soit votre créneau, un site Web monochrome en ligne est un choix de mise en page intelligent. Et considérez, toute couleur que vous choisissez pour le contenu textuel, assurez-vous que vous êtes attentif à la clarté.

Dans ce cas d'Unique, chaque segment est délimité par une palette de couleurs monochromes. Vous n'avez pas besoin d'avoir cette fantaisie pour vos conceptions novices, cependant, il est bon d'examiner leur utilisation de diverses variations de couleurs monochromatiques. Remarquez comment chaque segment est composé de couleurs associées aux sacs présentés ? C'est une astuce de mise en page agréable qui permet d'obtenir une palette de couleurs harmonieuse.

complémentaire

Prenez des nuances qui pourraient être contraires à la roue chromatique et intégrez-les. Facile suffisant, non?

Utilisez les nuances complémentaires avec précaution. Dans cette mise en page issue du site internet d'Ignisis, le drapier a utilisé le bleu et l'orange dans des combos extraordinaires à côté des blancs et des gris pour un format qui ne fatigue en rien les yeux. L'évaluation est nette et rafraîchissante.

meilleures entreprises de création de liens

La typographie est une structure dimensionnelle, principalement basée entièrement sur le plaisir et l'imagination, et guidée par des réglementations et la clarté.

La typographie informe le ton

Pensez à une invitation de mariage ou à une annonce de funérailles. Les deux sont des événements de vie profonds – l'un une fête d'anniversaire confortable et l'autre généralement plus sombre. Là où une police de caractères fleurie fonctionne bien pour un mariage, elle n'est désormais plus parfaitement appropriée pour un enterrement. 

Lors de la conception de votre premier site Internet, préservez le ton dans vos pensées. Si vous recherchez une ambiance légère, comme un blog sur les repas, le tissage de polices ludiques rend l'expérience. Mais si vous créez un site Web pour une entreprise de réglementation, continuez avec des polices de caractères plus spécialisées.

Serifs par opposition aux non-serifs

Une erreur de lieu pas inhabituelle des concepteurs récents est de combiner des polices avec et sans empattement. Vous pouvez les mettre de côté car les extrémités des lettres empattées ont une ligne supplémentaire ou un trait amené verticalement ou horizontalement. 

Les empattements sont un artefact de l'époque des presses à imprimer alors que la plupart des phrases que nous étudions ont été publiées à l'encre sur papier. Les empattements ont ancré des phrases sur le page Web et les a rendus moins compliqués à étudier. Dans les premiers jours d'Internet, les empattements ont été évités par les concepteurs d'Internet en raison du fait que les résolutions de l'écran d'affichage les ont dilués. Maintenant que les moniteurs sont optimisés pour la typographie avec empattements, ils sont de retour.

Ces petites souches font une grande distinction. Vous saurez que la police de caractères PT Serif ci-dessus est plus formelle et que le modèle sans empattement semble plus léger et plus lâche. 

Étant donné que les polices serif sont plus complexes, elles sont de première classe utilisées avec modération. Les en-têtes sont une zone idéale pour les polices serif et les gros blocs de matériel contenu tirer parti d'une police plus simplifiée sans empattements.

L'ornementation par opposition à la praticité

Les boucles et les spirales d'une police florissante ajouteront du caractère et de la beauté à une mise en page, cependant, n'abusez pas des polices à froufrous. Un site Internet s'apprête à s'adresser à un marché cible via le contenu. Comme l'a dit Hermann Zapf, la clarté est l'une des caractéristiques les plus importantes d'une police. 

Techniques de typographie

Il y a beaucoup à étudier avec la typographie. Au fur et à mesure que vous vous développerez en tant que drapier, vous voudrez comprendre un moyen d'utiliser la hauteur de ligne, le crénage et les poids extraordinaires dans votre typographie. Mais ne vous embêtez pas trop à peaufiner toutes les subtilités de votre premier site Web site web en ligne. Concentrez-vous sur la lisibilité de l'ensemble - vous pouvez tester l'optimisation des informations plus tard. 

Commencez à concevoir 

Les tutoriels et les études sont utiles pour votre maîtrise, cependant, tôt ou tard, vous voudrez simplement creuser et commencer à concevoir. Même si vous créez quelque chose que personne ne verra jamais, il s'agit néanmoins de résoudre des problèmes d'entraînement et d'utiliser ce que vous avez appris. N'ayez pas peur si ce n'est plus incroyable maintenant. Mais soyez heureux de franchir ce seuil d'aspirant drapier à pratiquement être un - vous êtes à votre manière! 

Certains autres aspects de la conception Web qui incluent, sans s'y limiter :

Vous avez terminé votre première mise en page — félicitations ! Vous avez travaillé dur et vous êtes équipé pour le révéler à l'arène. Mais avant de cliquer sur Publier, obtenez quelques points de vue sur ce que vous avez fait.

Obtenir des plaintes optimistes peut être inconfortable. Créer quelque chose, qu'il s'agisse ou non d'un essai, d'une peinture ou d'un site Internet est un acte de vulnérabilité. Les biens que vous avez placés dans l'arène sont une extension de qui vous êtes et de ce que vous réussissez. Être informé de ce que vous avez fait peut être supérieur ou inexact peut être vécu comme une attaque privée.

Dans la mise en page Internet, les commentaires sont une partie ordinaire et essentielle de la méthode. Apprenez un moyen de mettre votre ego à part et de séparer les commentaires de votre propre valeur. Au fur et à mesure que vous en profiterez, vous serez capable de percevoir et d'appliquer des commentaires réalistes et bénéfiques et de laisser passer le reste. Vous constaterez que les concepteurs plus qualifiés comprennent ce que c'est que d'être un novice - ils sont ravis de voir de nombreux concepteurs moins qualifiés réussir.

Si vous concevez avec Webflow, répartissez vos peintures dans Webflow Showcase ou demandez de l'aide dans le forum de discussion sur la mise en page Webflow. Au fur et à mesure de votre développement, vous devrez publier dans des endroits comme Dribbble et Behance pour mieux voir vos peintures. Pas plus pratique, vous obtiendrez une plainte optimiste, vous obtiendrez des commentaires sur ce que vous faites bien – ce qui fait toujours du bien.

Webflow fait mise en page internet pour les novices à portée de main

Fini le temps d'étudier un code compliqué avant de créer un site Internet. Dans le passé, vous deviez compter sur un développeur pour donner vie à vos conceptions. Aujourd'hui, vous pouvez mettre en page, construire et publier des sites Web complexes en quelques heures seulement avec l'utilisation de Webflow. 

Connaître quelques idées clés et être capable de comprendre la distinction entre les mises en page souhaitables et affreuses vous donnera l'assurance et les capacités nécessaires pour créer votre premier site Internet. Webflow vous évite d'avoir à coder, ouvre votre bande passante innovante et vous permet de commencer à concevoir immédiatement.

Le premier élément à prendre en compte est l'orientation de votre personne avec la dérive ou la direction dans laquelle le touriste va naviguer via votre site Internet. Après tout, la mise en page d'une page Web n'est pas approximativement la croissance d'un groupe de pages masculines ou féminines ; c'est approximativement des flux croissants. Cette direction est une séquence d'étapes que le touriste effectue depuis le facteur d'accès (la page Web principale sur laquelle il atterrit) vers le mouvement particulier que vous souhaitez qu'il effectue (généralement un mouvement de conversion, qui comprend un signalement, un achat, etc. ). Ce qui suit vous aidera à décider de vos flux personnels lors de la mise en page de votre site Internet.

La structure de l'information (IA) est un champ qui vous permet d'organiser les faits de manière vraie et logique pour les visiteurs de votre site. Les architectes de l'information examinent comment les clients façonnent les faits et créent une hiérarchie qui s'aligne sur les attentes de la personne. Une bonne IA est le résultat d'études personnelles solides et de la valeur du contrôle.

Il existe de nombreuses approches pour il analyse les souhaits d'une personne. Souvent, un architecte des faits prendra un élément énergique dans les entretiens en personne, le tri des cartes et la vérification modérée de la convivialité, où il examinera comment les êtres humains interagissent avec la mise en page actuelle et partagera leurs critiques à ce sujet.

La mise en page Web est un sujet compliqué. Les concepteurs et les constructeurs doivent tenir compte de chaque apparence visible (à quoi ressemble le site Internet) et de la disposition ciblée (comment fonctionne le site Internet). Avec autant de questions que vous souhaitez prendre en considération, la méthode de mise en page peut être délicate. Pour simplifier la tâche, nous avons organisé ce manuel pour vous.

Dans ce manuel, nous parlerons des principaux concepts, heuristiques et tactiques pour vous aider à créer un très bon utilisateur sur votre site Web. Nous commencerons par les questions mondiales, comme les flux de personnes (une manière de décrire la forme du site Internet), après quoi les peintures jusqu'à l'homme ou page web femme (ce qu'il faut prendre en compte à un moment donné

mise en page de la page Internet). Nous aborderons également différents éléments essentiels de la mise en page, notamment les problèmes de téléphonie mobile et le paiement.

Concevoir les flux de personnes

Le premier élément à prendre en compte est l'orientation de votre personne avec la dérive ou la direction dans laquelle le touriste va naviguer via votre site internet. Après tout, la mise en page d'une page Web n'est pas approximativement la croissance d'un groupe de pages masculines ou féminines ; c'est approximativement des flux croissants. Cette direction est une séquence d'étapes que le touriste effectue depuis le facteur d'accès (la page Web principale sur laquelle il atterrit) vers le mouvement particulier que vous devez effectuer (généralement un mouvement de conversion, qui comprend un signalement, un achat, etc. ). Ce qui suit vous aidera à décider de vos flux personnels lors de la mise en page de votre site Internet.

Certains visiteurs du site viennent sur un site Internet à la recherche d'un élément particulier. Puisqu'ils comprennent ce dont ils ont besoin, ils n'utiliseront probablement pas les alternatives de navigation pour le localiser. La caractéristique « Rechercher » agira comme un raccourci dans ce cas. Les visiteurs doivent être capables de saisir du contenu textuel dans un conteneur de recherche, de poster qu'ils cherchent à interroger et de localiser le page Web ils cherchent.

Tenez compte de ces quelques règles primaires lors de la conception du conteneur de chasse :

  • Placez le conteneur de recherche sur lequel les clients comptent pour le localiser. Le graphique ci-dessous, principalement basé sur une analyse de A. Dawn Shaikh et Keisi Lenz, suggère la proximité prévue de la zone de chasse conformément à une enquête menée auprès de 142 participants. Ils ont déterminé que l'emplacement le plus pratique est le sommet à gauche ou le sommet proprement dit de chaque page Web sur un site Web.
  • D'après une lecture, le haut à gauche ou le haut de vos pages est le premier endroit pour un conteneur de recherche. 
  • D'après une lecture, le haut à gauche ou le haut de vos pages est le premier endroit pour un conteneur de recherche.
  •  
  • Utilisez une icône en forme de loupe pour attirer l'intérêt sur le lieu. L'icône de la loupe est répandue, ce qui signifie que la plupart des clients la connaissent. Le Nielsen Norman Group recommande l'utilisation d'une icône schématique, le modèle le plus efficace de la loupe.
  • Dimensionnez le conteneur d'entrée de manière appropriée. Rendre la zone d'entrée trop rapide n'est pas une erreur de lieu inhabituelle. Bien sûr, les clients peuvent poser des questions assez longues directement dans une zone rapide, même si une partie du contenu textuel peut être vue à la fois, ce qui n'est pas extrêmement bon pour la convivialité. En réalité, alors qu'un conteneur de recherche est tout simplement trop rapide, les visiteurs du site ont tendance à appliquer des requêtes rapides et vagues, car les requêtes plus longues peuvent être difficiles et peu pratiques à étudier. Une zone d'entrée de 27 personnes pourra accueillir 90 % des requêtes.
  • Placez le conteneur de chasse sur chaque page Web. Affichez le conteneur de recherche sur chaque page Web afin que les clients puissent y accéder, peu importe où ils se trouvent sur le site Web.

Concevoir des pages homme ou femme

Maintenant que nous avons passé en revue les principes fondamentaux de la personne qui va avec la dérive, il est temps de découvrir des façons de mettre en page les pages Internet de l'homme ou de la femme. Ci-dessous, nous avons résumé les conseils de conception de sites Internet importants à comprendre.

meilleures entreprises de création de liens

CENTRE DE CONCEPTION WEB

Forme de la page

Une page Web bien conçue aidera les visiteurs du site à localiser les détails de l'interface de chaque personne. Bien qu'il n'y ait pas de réglementation unique, il existe certaines conception de site Web conseils pour vous aider à créer une forme forte :

  • Rendez-le prévisible. Regarder votre sites Web concurrents, percevez des styles de mise en page de lieu pas inhabituels et alignez-vous sur les attentes de la personne grâce à l'utilisation de styles de mise en page qui pourraient correspondre à votre marché cible.
  • Utilisez une grille de format. Une grille de format divise une page Web en zones les plus importantes et définit les relations entre les facteurs en termes de longueur et de position. Avec l'aide d'une grille, combiner des éléments extraordinaires d'une page Web dans un format cohérent deviendra beaucoup moins compliqué.
  • Utilisez un wireframe à faible constance pour dénationaliser les facteurs cruciaux. Le wireframing peut garder les concepteurs Internet à plusieurs reprises. Avant construction de la page web avec des facteurs réels, créez une structure filaire, examinez-la et éliminez tout ce qui n'est certainement pas essentiel.

Conduite de défilement

Un fantasme constant parmi les concepteurs d'Internet est que les êtres humains ne défilent pas. Pour être clair : tout le monde fait défiler et ceux-ci commencent à défiler presque immédiatement lorsqu'ils arrivent sur une toute nouvelle page Web.

Sachant cela, vous pourriez améliorer le plaisir des gens avec ces recommandations :

  • Encouragez les clients à faire défiler. Malgré le fait que les êtres humains commencent normalement à défiler aussi rapidement que les centaines de pages Web, matériel contenu sur le pinacle de la page web reste très crucial. Mettez votre contenu le plus convaincant au sommet :
  • Un avènement désirable. Un bel avènement unit le contexte du contenu et répond à la question du touriste, « Qu'est-ce que c'est que cette page ? »
  • Des images captivantes. Une bonne imagerie peut accompagner le contenu textuel et aider les visiteurs du site à mieux appréhender le concept ou le sujet.
  • Orientez vos clients. Lorsque vous créez des pages prolongées, gardez à l'esprit que les visiteurs du site ont néanmoins besoin d'une expérience d'orientation (dans leur environnement actuel) et d'une expérience de navigation (différents chemins viables). Les longues pages peuvent compliquer la navigation pour les clients ; Si la barre de navigation Pinnacle perd de sa visibilité pendant que la personne fait défiler vers le bas, elle devra faire défiler toutes les manières renvoyées vers le haut pendant qu'elle est au fond de la page Web. L'approche apparente à cela est un menu collant qui suggère le voisinage actuel et qui reste sur l'écran d'affichage à un endroit stable à tout moment.
  • Fournissez des commentaires visibles lors du chargement du nouveau contenu. Ceci est principalement crucial pour les pages Internet dans lesquelles matériel contenu est des centaines dynamiquement, qui incluent des flux d'informations. Étant donné que le chargement de contenu à un certain stade du défilement doit être rapide (pas plus de dix secondes), vous pouvez utiliser une animation en boucle pour suggérer que l'appareil est en cours d'exécution.
  • Ne détournez pas le défilement. L'utilisateur manipule et la liberté sont quelques-unes des heuristiques clés pour la mise en page de l'interface utilisateur inventées par Jakob Nielsen. Le défilement détourné est traumatisant pour un maximum de clients car il supprime la manipulation et rend le déroulement du défilement imprévisible. Lorsque vous mettez en page un site Internet, permettre à la personne de manipuler son plaisir de surfer.

Chargement de contenu

Alors que la réaction spontanée est de première classe, il y a des moments où votre site Internet voudra plus de temps pour fournir matériel contenu aux visiteurs du site. Une mauvaise connexion Internet devrait provoquer une réaction lente, ou une opération elle-même devrait prendre plus de temps pour se terminer. Mais quel que soit le but d'un tel comportement, votre site Internet doit sembler rapide et sensible. Voici quelques approches pour récolter cela :

  • Faire un chargement normal positif ne prend pas longtemps. Notre durée d'intérêt à base de plantes pourrait être très faible. Selon les études du Nielsen Norman Group, 10 secondes sont la limite ! Lorsque les visiteurs du site doivent s'attendre à ce qu'un site Web se charge, ils deviendront énervés et partiront. Même avec l'indicateur de chargement maximum conçu de manière fantastique, les clients partiront néanmoins si cela prend trop de temps.
  • Utilisez des moniteurs squelettes à un certain stade du chargement. De nombreux sites Web utilisent des signes de développement pour révéler que les faits se chargent. Bien que l'objectif à l'arrière d'un indicateur de développement soit juste, car il permet des commentaires visibles, le résultat peut être mauvais. Comme le mentionne Luke Wroblewski, « Le progrès signe à travers la définition de l'intérêt pour la réalité qu'une personne souhaite attendre. C'est comme si vous regardiez l'horloge tourner vers le bas - pendant que vous le faites, le temps semble avancer plus lentement.
  • Les moniteurs squelettes sont une superbe opportunité pour cela. Ces boîtes sont un modèle brièvement épuré de la page Web, dans lequel les faits sont régulièrement chargés. Plutôt que d'afficher un indicateur de chargement, les concepteurs peuvent utiliser un écran d'affichage squelette pour reconnaître l'intérêt des clients pour un développement réel et créer une anticipation pour ce qui les attend. Étant donné que les faits sont affichés de manière incrémentielle sur l'écran d'affichage, il semble que les choses se produisent immédiatement.

Imagerie

Au fur et à mesure que l'on se prononce, une photo vaut bien mille phrases. Les êtres humains sont des créatures assez visibles et les images sont un moyen efficace de capter l'intérêt de la personne. Une photo de célibataire peut offrir plus au spectateur qu'un bloc de contenu textuel. De plus, les images déplacent les frontières linguistiques d'une manière que le contenu textuel ne peut honnêtement pas.

Les concepts suivants vous aideront à combiner des images dans votre Internet mise en page de la page Web:

Faites en sorte que les images positives soient pertinentes. L'un des plus grands risques dans la mise en page est l'imagerie qui véhicule le message incorrect. Sélectionnez des images qui pourraient être propres et aider les objectifs de votre produit.

Évitez les photos universelles d'êtres humains. L'utilisation de visages humains dans la mise en page est un moyen puissant d'interagir avec les clients. Lorsque les visiteurs du site voient les visages de différents êtres humains, cela leur fait supposer qu'il y a de vrais êtres humains à l'arrière du produit ou de l'organisation. Mais pour tenter d'instaurer la confiance, de nombreux sites Web d'entreprises s'appuient sur des images d'inventaire universelles. Lorsque les visiteurs du site verront des photos inauthentiques, ils commenceront à douter de l'organisation.

Utilisez une propriété étonnante et n'utilisez pas de distorsion. Le haut-satisfaisant de la propriété visible dans votre site Internet peut avoir un effet brillant sur l'effet de la personne. Les images pixélisées font douter les visiteurs du site de la grande satisfaction de votre produit, alors assurez-vous de vérifier les tailles de décision pour divers ratios et appareils.

Vidéos

Avec des vitesses Internet croissantes, les films sont plus célèbres que jamais, pensant principalement qu'ils augmentent le temps passé sur le Web sites Web en ligne. Aujourd'hui, la vidéo est partout. Nous le regardons sur nos ordinateurs de bureau, tablettes et téléphones. Lorsqu'elle est utilisée efficacement, la vidéo est l'un des équipements les plus efficaces à avoir pour un marché cible — il véhicule une plus grande émotion et offre aux êtres humains une expérience pour un produit ou un service.

Si vous devez appliquer la vidéo dans votre site Internet, tenez compte des conseils suivants :

  • Réglez l'audio sur « off » par défaut, avec le choix de l'afficher. Lorsque les clients arrivent sur une page Web, ils ne comptent pas sur le fait qu'elle jouera un son. S'ils se trouvent dans un espace public et ne portent plus d'écouteurs, ils n'admireront pas un son inattendu et soudain. Dans la plupart des cas, les clients quitteront le site Internet aussi rapidement qu'il fonctionne.
  • Gardez les films promotionnels aussi vite que possible. Selon l'analyse de D-Mak Productions, les films rapides sont plus attrayants pour la plupart des clients. Conservez les films d'entreprise commerciaux dans un délai de quelques minutes.
  • Fournir une opportunité de manière d'obtenir l'admission au contenu. Essayez toujours de présenter votre marchandise pour des clients aux capacités diverses, y compris des personnes qui ne peuvent ni écouter ni voir. Pour l'accessibilité, incluez des légendes et une transcription complète de la vidéo.

Boutons d'appel à motion (CTA)

Les call-to-motion (CTA) sont des boutons qui guident les clients vers votre objectif de conversion. Tout le facteur d'une mise en page CTA est de diriger les visiteurs du site vers un mouvement particulier. Voici quelques exemples d'endroits non inhabituels de CTA :

  • « Commencer un essai »
  • « Télécharger le ee-ebook »
  • « Inscrivez-vous aux mises à jour »
  • « Obtenir une consultation »

Tenez compte de certains éléments lors de la conception des boutons CTA :

  • Taille. Votre CTA doit être suffisamment grand pour susciter l'intérêt. Un bref coup d'œil 5-2ème vous aidera à décider de la bonne longueur. Affichez une page Internet pendant 5 secondes, puis répertoriez les facteurs que vous considérez. Si le CTA est un certain nombre de facteurs, alors félicitations ! Il est dimensionné de manière appropriée.
  • Proéminence visuelle. Vous pouvez vous assurer que les boutons se démarquent en leur donnant une plus grande importance visible. Des peintures de nuances contrastées de première classe pour les CTA et des boutons suspendus.
  • Zone négative. En plus de la longueur et de la couleur, la superficie autour d'un CTA occupe une place cruciale dans la hiérarchie visible des facteurs. La zone blanche (ou mauvaise) crée une pièce de respiration cruciale et sépare le bouton de différents facteurs à l'intérieur de l'interface.
  • Étiquettes. Utiliser le mouvement contenu textuel pour les étiquettes CTA, car cela pourrait obliger les visiteurs du site à bouger. Utilisez des verbes robustes comme « Démarrer », « Obtenir » ou « Rejoindre ».

Documents Web

Remplir de la paperasse est l'une des formes d'interaction les plus cruciales pour les clients sur Internet. Les utilisateurs doivent avoir la possibilité de terminer les documents rapidement et sans confusion.

Voici quelques conseils de mise en page pour vous aider à améliorer la mise en page de votre forme :

  • Demandez au plus pratique ce qui est requis. Chaque zone supplémentaire que vous téléchargez sur une forme affectera son taux de conversion. Plus vous demandez, les clients beaucoup moins influencés pourraient être d'offrir les faits. Réfléchissez toujours à la raison pour laquelle vous demandez des faits certains aux clients et à la manière dont vous en ferez usage.
  • Commandez la forme de manière logique. Par exemple, demander l'accord d'une personne avant son appel peut sembler étrange.
  • Regroupez les champs associés collectivement. Le regroupement crée un aller avec la dérive d'un ensemble d'enquêtes à l'autre. Le regroupement des champs associés collectivement permet en outre à la personne de faire l'expérience des faits.

Animation

L'animation est tout autre dispositif crucial pour une interaction puissante. De plus en plus de designers intègrent l'animation comme un détail utile pour embellir le plaisir de la personne. Cependant, l'animation dans la mise en page peut embellir la personne la plus pratique si elle est incluse au bon moment et dans la bonne zone. Une bonne animation d'interface utilisateur a un but ; c'est loin d'être significatif et utile.

Voici quelques exemples dans lesquels l'animation peut embellir la personne :

  • Commentaires visuels sur le mouvement de la personne. Une bonne mise en page d'interaction permet des commentaires. Les commentaires visuels sont utiles lorsque vous souhaitez informer les clients du résultat approximatif d'une opération. S'il y a des problèmes, une animation ciblée peut offrir ce fait. Par exemple, une animation de secousse peut suggérer que la personne a entré un mot de passe incorrect.
  • Visibilité de la réputation de l'appareil. L'une des 10 heuristiques de Jakob Nielsen pour la convivialité, la visibilité de la réputation de l'appareil reste l'un des principaux concepts cruciaux en personne disposition de l'interface. Les utilisateurs ont besoin de comprendre leur contexte actuel dans un appareil à un moment donné, et un site Internet doit informer la personne de ce qui se passe à travers des commentaires visibles appropriés. L'importation et le téléchargement de données sont des opérations traditionnelles sur Internet et ce sont de très bons candidats pour une animation ciblée. Par exemple, une barre de chargement animée indique la vitesse à laquelle une méthode se déroule et définit une attente quant à la rapidité avec laquelle le mouvement se produira.

La mise en page Web est un sujet compliqué. Les concepteurs et les constructeurs doivent tenir compte de chaque apparence visible (à quoi ressemble le site Internet) et de la disposition ciblée (comment fonctionne le site Internet). Avec autant de questions que vous souhaitez prendre en considération, la méthode de mise en page peut être délicate. Pour simplifier la tâche, nous avons organisé ce manuel pour vous.

Dans ce manuel, nous parlerons des principaux concepts, heuristiques et tactiques pour vous aider à créer un très bon utilisateur sur votre site Web. Nous commencerons par les questions mondiales, comme les flux de personnes (un moyen de décrire la forme du site Internet), puis les peintures jusqu'à la page Web de l'homme ou de la femme (ce qu'il faut prendre en compte à un moment donné dans la mise en page de la page Web ). Nous aborderons également différents éléments essentiels de la mise en page, notamment les problèmes de téléphonie mobile et le paiement.

SEO États-Unis

FLUX DE CONCEPTION

CONCEPTION DU FLUX UTILISATEURS

Le premier élément à prendre en compte est l'orientation de votre personne avec la dérive ou la direction dans laquelle le touriste va naviguer via votre site internet. Après tout, la mise en page d'une page Web n'est pas approximativement la croissance d'un groupe de pages masculines ou féminines ; il s'agit approximativement de flux croissants. Cette direction est une séquence d'étapes que le touriste effectue depuis le facteur d'accès (la page Web principale sur laquelle il atterrit) vers le mouvement particulier que vous souhaitez qu'il effectue (généralement un mouvement de conversion, qui comprend un signalement, un achat, etc. ). Ce qui suit vous aidera à décider de vos flux personnels lors de la mise en page de votre site Internet.

Structure des informations

Structure des informations (IA) est un champ qui vous permet d'organiser les faits de manière vraie et logique pour les visiteurs de votre site. Les architectes de l'information examinent comment les clients façonnent les faits et créent une hiérarchie qui s'aligne sur les attentes de la personne. Une bonne IA est le résultat d'études personnelles solides et de la valeur de la vérification.

Il existe de nombreuses approches pour analyser les souhaits d'une personne. Souvent, un architecte des faits prendra un élément énergique dans les entretiens en personne, le tri des cartes et la vérification modérée de la convivialité, où il examinera comment les êtres humains interagissent avec la mise en page actuelle et partagera leurs critiques à ce sujet.

  • Le tri des cartes est une approche simple qui permet aux praticiens UX appréhender comment les clients s'organisent et se préparent matériel contenu
  • Le tri des cartes est une approche simple qui permet aux praticiens de l'expérience utilisateur d'appréhender la manière dont les clients organisent et préparent le contenu. Le pointage de crédit d'image bénéficie de l'UX.
  • IA est également utilisé pour décrire le Web site navigation et menus en ligne. Lorsque les praticiens de l'UX finissent par courir sur un menu, ils utilisent toutes les autres approches appelées « vérification de l'arbre » pour montrer que cela va peindre. L'extraction de l'arborescence se produit avant la conception de l'interface réelle.

La vérification des arbres est une technique fiable pour déterminer si les clients peuvent ou non peindre avec la forme de menu proposée. 

La vérification des arbres est une technique fiable pour déterminer si les clients peuvent ou non peindre avec la forme de menu proposée. Pointage de crédit d'image Nielsen Norman Group.

Navigation globale

La navigation est la pierre angulaire de la convivialité. Si les visiteurs ne peuvent pas naviguer sur votre site, ils partiront probablement. C'est pourquoi la navigation dans votre site internet doit respecter trois concepts :

Simplicité. Votre navigation doit aider les visiteurs du site à appréhender un moyen de se déplacer dans votre site site web en ligne avec le moins de clics viable.

Clarté. Il ne devrait pas y avoir de deviner quelle est la manière alternative de navigation.

Cohérence. L'appareil de navigation doit être le même pour toutes les pages du site Internet.

Considérez certaines questions tout en conception de la navigation:

  1. Sélectionnez un échantillon de navigation basé principalement sur les souhaits de la personne. La navigation doit répondre aux souhaits de la majeure partie des visiteurs de votre site Internet. Par exemple, il est préférable de rester à l'écart de la navigation dans le menu des hamburgers si la plupart de vos clients ne connaissent pas les moyens de l'icône elle-même.
  2. Privilégiez les alternatives de navigation. Une équipe de mise en page souhaitable donnera la priorité aux alternatives de navigation compatibles avec des tâches de personne de lieu non inhabituelles, en pensant à chaque priorité et fréquence des tâches.
  3. Faites-le voir. Minimisez la charge cognitive de la personne en rendant complètement visibles les alternatives de navigation cruciales. Lorsque nous cachons les alternatives de navigation, nous menaçons que les visiteurs du site ne seront pas en mesure de les localiser.
  4. Communiquer le voisinage actuel. Ne pas suggérer la proximité du touriste d'aujourd'hui n'est pas inhabituel pour poser des problèmes sur de nombreux sites Web. Si les visiteurs du site ont besoin de demander « Où suis-je ? », c'est une indication claire que votre navigation souhaite quelques tableaux. Pour les sites Web énormes, fournissez des panneaux de proximité comme des miettes de pain.
  5. La mise en page visuelle et ciblée des hyperliens internet

Les liens sont un détail clé de la navigation sur Internet. Leur disposition visible et ciblée a un effet instantané sur la convivialité. Suivez certaines réglementations avec ces facteurs interactifs :

  • Reconnaître la distinction entre intérieur et extérieur hyperliens. Les utilisateurs comptent sur une conduite extraordinaire pour les hyperliens internes et externes. Tous les hyperliens internes doivent s'ouvrir dans l'onglet égal afin que les visiteurs du site puissent utiliser le bouton « retourné ».
  • Changer la couleur des hyperliens visités. Lorsque les liens hypertexte visités ne changent pas de couleur, les clients devraient accidentellement revisiter les pages identiques plus d'une fois.
  • Double-tester tous les liens hypertexte. Il est irritant d'atteindre une page Web contenant une erreur 404. Utilisez un équipement comme Dead Link Checker pour localiser les hyperliens endommagés sur votre site Internet.
  • Bouton « Précédent » dans un navigateur
  • Le bouton « retourné » est probablement le bouton le plus utilisé dans le navigateur, alors assurez-vous qu'il fonctionne de manière cohérente avec les attentes de la personne. Lorsqu'une personne suit un lien hypertexte sur une page Web, puis clique sur le bouton « retourné », elle compte revenir au même endroit sur la même page Web. Évitez les conditions dans lesquelles cliquer sur « retourné » amène la personne au sommet de la page Web préliminaire, plutôt que là où elle s'est arrêtée, principalement sur de longues pages. Perdre sa place oblige la personne à faire défiler matériel contenu ils ont déjà vu, ce qui entraîne des coûts d'interaction inutiles.

Chapelure

Les fils d'Ariane sont des hyperliens contextuels durs et rapides qui constituent une ressource utile pour la navigation sur les sites Web. C'est un schéma de navigation secondaire qui suggère normalement la proximité de la personne sur un site Internet.

Bien que ce détail ne nécessite pas une variété de clarifications, certains points méritent d'être mentionnés :

  1. N'utilisez pas de fil d'Ariane comme substitut à la navigation numéro un. Les visiteurs doivent utiliser le menu principal pour naviguer; chapelure avoir à portée de main aider les visiteurs du site dans ce domaine. Lorsque les visiteurs du site se fient au fil d'Ariane comme technique de navigation numéro un, au lieu d'une caractéristique supplémentaire, c'est de loin une indication claire d'une mauvaise disposition de navigation.
  2. Sur le site Internet de Best Buy, le fil d'Ariane facilite la navigation numéro un. 
  3. Sur le site Internet de Best Buy, le fil d'Ariane facilite la navigation numéro un. Pointage de crédit d'image Best Buy.
  4. Séparez vraiment chaque degré. Utilisez des pointes de flèches comme séparateurs, désormais plus de barre oblique. Une barre oblique (/) peut sans problème entrer en conflit avec les classes de produits sur les sites Web de commerce électronique. Si vous allez appliquer la barre oblique avant, assurez-vous qu'aucune classe de produit n'aura jamais de barre oblique :
  5. Exemple de mauvaise forme de chapelure ; distinguer les gammes extraordinaires de ce fil d'Ariane peut être difficile pour les clients.
  6. Exemple de mauvaise forme de chapelure ; distinguer les gammes extraordinaires de ce fil d'Ariane peut être difficile pour les clients.
  7. Rechercher
  8. Certains visiteurs du site viennent sur un site Internet à la recherche d'un élément particulier. Puisqu'ils comprennent ce dont ils ont besoin, ils n'utiliseront probablement pas les alternatives de navigation pour le localiser. La caractéristique « Rechercher » fera office de raccourci dans ce cas. Les visiteurs doivent être capables de saisir du contenu textuel dans un conteneur de recherche, de poster qu'ils cherchent à interroger et de localiser la page Web qu'ils recherchent.

Tenez compte de ces quelques règles primaires lors de la conception du conteneur de chasse :

  • Placez le conteneur de recherche sur lequel les clients comptent pour le localiser. Le graphique ci-dessous, principalement basé sur une analyse de A. Dawn Shaikh et Keisi Lenz, suggère la proximité prévue de la zone de chasse conformément à une enquête menée auprès de 142 participants. Ils ont déterminé que l'emplacement le plus pratique est le sommet à gauche ou le sommet proprement dit de chaque page Web sur un site Web.
  • D'après une lecture, le haut à gauche ou le haut de vos pages est le premier endroit pour un conteneur de recherche. 
  • D'après une lecture, le haut à gauche ou le haut de vos pages est le premier endroit pour un conteneur de recherche. Crédit d'image Erik Moeller.
  • Utilisez une icône en forme de loupe pour attirer l'intérêt sur le lieu. L'icône de la loupe est répandue, ce qui signifie que la plupart des clients la connaissent. Le Nielsen Norman Group recommande l'utilisation d'une icône schématique, le modèle le plus efficace de la loupe.
  • Pour attirer l'attention sur votre barre de recherche, utilisez une icône comme une loupe. 
  • Pour attirer l'attention sur votre barre de recherche, utilisez une icône comme une loupe. Icônes de pointage de crédit d'image8.
  • Dimensionnez le conteneur d'entrée de manière appropriée. Rendre la zone d'entrée trop rapide n'est pas une erreur de lieu inhabituelle. Bien sûr, les clients peuvent poser des questions assez longues directement dans une zone rapide, quelle que soit la partie la plus pratique du texte. contenu peut être vu à la fois, ce qui n'est pas extrêmement bon pour la convivialité. En réalité, alors qu'un conteneur de recherche est tout simplement trop rapide, les visiteurs du site ont tendance à appliquer des requêtes rapides et vagues, car les requêtes plus longues peuvent être difficiles et peu pratiques à étudier. Une zone d'entrée de 27 personnes pourra accueillir 90 % des requêtes.

L'énorme conteneur d'entrée d'Amazon permet aux visiteurs du site d'examiner leur question de recherche complète. Les notes de crédit d'image Amazon.

Placez le conteneur de chasse sur chaque page Web. Affichez le conteneur de recherche sur chaque page Web afin que les clients puissent y accéder, quel que soit l'endroit où ils se trouvent. site Internet.

Concevoir des pages homme ou femme

Maintenant que nous avons passé en revue les principes fondamentaux de la personne qui va avec la dérive, il est temps de découvrir des façons de mettre en page les pages Internet de l'homme ou de la femme. Ci-dessous, nous avons résumé les conseils de conception de sites Internet importants à comprendre.

Stratégie de contenu

Lorsqu'il s'agit de la mise en page d'une page Web, l'élément le plus important est la mise en page à travers les objectifs de la page Web. Stratégie de contenu– qui fait référence à la planification, à la croissance et à la gestion du contenu de votre site Internet – vous aidera dans cet exercice. Chaque page Web a son objectif, qui consiste notamment à informer les visiteurs du site sur quelque chose ou à les encourager à se convertir. Une fois que vous avez compris le but de la page Web, le plus simple est alors de déterminer la mise en page ou d'écrire le matériel contenu.

Voici quelques recommandations réalistes en tenant compte de votre stratégie de contenu:

Empêchez la surcharge de faits. Trop de faits sur une page Web peuvent sans problème alourdir les visiteurs du site. Il existe quelques approches simples pour limiter la surcharge de faits. L'une des méthodes les plus courantes est le découpage en morceaux : diviser le contenu en morceaux plus petits pour aider les clients à comprendre et à comprendre le processus. Une forme de caisse en est un excellent exemple.

  1. Évitez le jargon et les expressions spécifiques à l'industrie. Chaque période ou mot inconnu qui regarde la page Web rendra beaucoup plus difficile pour les visiteurs du site d'appréhender les faits. Une estimation sûre consiste à noter toutes les plages d'analyse et à choisir des phrases qui pourraient être vraies et compréhensibles pour tout le monde.
  2. Minimisez les phrases longues. Écrivez en petits segments numérisables. Selon l'ee-ebook de Robert Gunning « Comment éliminer le brouillard de la rédaction commerciale », les phrases doivent comporter 20 expressions ou moins.
  3. Évitez de mettre toutes les lettres en majuscule. Le contenu textuel en majuscules est idéal pour les acronymes et les logos. Mais il est préférable d'éviter toutes les majuscules pour les paragraphes, les étiquettes de forme, les erreurs et les notifications. Dans son ebook Legibility of Print, Miles Tinker mentionne que les majuscules réduisent considérablement la vitesse d'analyse.
  4. Forme de la page
  5. Une page Web bien conçue aidera les visiteurs du site à localiser les détails de l'interface de chaque personne. Bien qu'il n'y ait pas de réglementation unique, il existe quelques conseils de conception de sites Web pour vous aider à créer une forme solide.

Rendez-le prévisible. Regardez les sites Web de vos concurrents, percevez des styles de mise en page de lieux non inhabituels et alignez-vous sur les attentes des personnes grâce à l'utilisation de styles de mise en page qui pourraient être familiers avec votre objectif marché cible.

Utilisez une grille de format. Une grille de format divise une page Web en zones les plus importantes et définit les relations entre les facteurs en termes de longueur et de position. Avec l'aide d'une grille, combiner des éléments extraordinaires d'une page Web dans un format cohérent deviendra beaucoup moins compliqué.

  • Une grille de 12 colonnes convient parfaitement à la mise en page de la page Web Internet. Les grilles de format d'Adobe XD aident les concepteurs à créer des conceptions stables et préparées pour des tailles d'écran d'affichage extraordinaires et à contrôler les proportions entre les facteurs. 
  • Une grille de 12 colonnes convient parfaitement à la mise en page de la page Web Internet. Les grilles de format d'Adobe XD aident les concepteurs à créer des conceptions stables et préparées pour des tailles d'écran d'affichage extraordinaires et à contrôler les proportions entre les facteurs. Cote de crédit d'image Adobe XD.

Utilisez un wireframe à faible constance pour dénationaliser les facteurs cruciaux. Le wireframing peut garder les concepteurs Internet à plusieurs reprises. Avant construction de la page web avec des facteurs réels, créez une structure filaire, examinez-la et éliminez tout ce qui n'est certainement pas essentiel.

Hiérarchie visuelle

Les gens sont beaucoup plus susceptibles d'expérimenter rapidement une page Web Internet que d'étudier le tout là-bas. Par conséquent, c'est un très bon concept pour optimiser la mise en page de votre page Internet pour une numérisation instantanée. Vous pouvez aider les visiteurs du site à localiser ce qu'ils veulent avec une très bonne hiérarchie visible, qui renvoie à l'association ou à la présentation de facteurs sur une page Web Internet d'une manière qui suggère leur importance (c'est-à-dire que leurs yeux doivent d'abord reconnaître , 2e, etc.). Eh bien, la hiérarchie visible peut considérablement améliorer la numérisation des pages Web.

Utilisez des styles de numérisation à base de plantes. En tant que concepteurs, nous avons une variété de manipulations sur l'apparence des êtres humains lorsqu'ils consultent une page Web. L'échantillon façonné en F et l'échantillon façonné en Z sont des styles de numérisation à base de plantes qui vous permettront de définir la bonne direction pour les yeux du touriste. Pour les pages riches en contenu textuel, qui incluent des articles et des résultats de recherche, l'échantillon F est plus élevé, tandis que l'échantillon Z convient aux pages qui ne sont pas axées sur le contenu textuel.

Hiérarchisez visuellement les facteurs cruciaux. Faire des facteurs cruciaux, qui incluent des matériel contenu ou vos boutons nom-à-mouvement numéro un, les facteurs clés pour que les visiteurs du site les voient immédiatement.

Le nom à la motion « Choisissez un plan » ressort dans ce cas.

Le nom à la motion « Choisissez un plan » ressort dans ce cas. Score de crédit d'image MailChimp.

Créez des maquettes pour clarifier la hiérarchie visible. Les maquettes sont des artefacts de mise en page à haute constance qui permettent aux concepteurs de voir à quoi ressemblera le tout dernier format. Réorganiser les facteurs dans un dispositif de mise en page Internet est beaucoup moins compliqué que de le faire avec du code.

Un fantasme constant parmi les concepteurs d'Internet est que les êtres humains ne défilent pas. Pour être clair : tout le monde fait défiler et ceux-ci commencent à défiler presque immédiatement lorsqu'ils arrivent sur une toute nouvelle page Web.

Sachant cela, vous pourriez améliorer le plaisir des gens avec ces recommandations :

  • Encouragez les clients à faire défiler. Malgré le fait que les êtres humains commencent normalement à défiler aussi rapidement que les centaines de pages Web, matériel contenu sur le pinacle de la page web reste très crucial. Mettez votre contenu le plus convaincant au sommet :
  • Un avènement désirable. Un bel avènement unit le contexte du contenu et répond à la question du touriste, « Qu'est-ce que c'est que cette page ? »
  • Des images captivantes. Une bonne imagerie peut accompagner le contenu textuel et aider les visiteurs du site à mieux appréhender le concept ou le sujet.

Dans ce cas, Tesla utilise des images efficaces pour révéler les avantages et les fonctions du modèle X. Score de crédit d'image Tesla.

Orientez vos clients. Lorsque vous créez des pages prolongées, gardez à l'esprit que les visiteurs du site ont néanmoins besoin d'une expérience d'orientation (dans leur environnement actuel) et d'une expérience de navigation (différents chemins viables). Les longues pages peuvent compliquer la navigation pour les clients ; Si la barre de navigation Pinnacle perd de sa visibilité pendant que la personne fait défiler vers le bas, elle devra faire défiler toutes les manières renvoyées vers le haut pendant qu'elle est au fond de la page Web. L'approche apparente à cela est un menu collant qui suggère le voisinage actuel et qui reste sur l'écran d'affichage à un endroit stable à tout moment.

Lorsque vous réfléchissez à un moyen de mettre en page une page Web de manière à minimiser les coûts d'interaction entre les personnes, une solution consiste à appliquer une navigation persistante activée par défilement. Score de crédit d'image Zenman.

Fournir des commentaires visibles lors du chargement de nouveaux matériel contenu. Ceci est principalement crucial pour les pages Internet dont le contenu est dynamique par centaines, qui incluent des flux d'informations. Étant donné que le chargement de contenu à un certain stade du défilement doit être rapide (pas plus de dix secondes), vous pouvez utiliser une animation en boucle pour suggérer que l'appareil est en cours d'exécution.

Une animation subtile (qui inclut l'indicateur de chargement de Tumblr) indique à la personne qu'un contenu plus important est en cours de chargement. 

Une animation subtile (qui inclut l'indicateur de chargement de Tumblr) indique à la personne qu'un contenu plus important est en cours de chargement. Score de crédit d'image Tumblr.

Ne détournez pas le défilement. L'utilisateur manipule et la liberté sont quelques-unes des heuristiques clés pour Disposition de l'interface utilisateur inventé par Jakob Nielsen. Le défilement détourné est traumatisant pour un maximum de clients car il supprime la manipulation et rend le déroulement du défilement imprévisible. Lorsque vous créez un site Web, permettez à la personne de manipuler son plaisir de navigation.

La page Web d'inscription de Tumblr utilise le détournement de défilement, ce qui n'est pas une personne idéale. 

Inscription à Tumblr la page Web fait utilisation du détournement de défilement, ce qui n'est pas une personne parfaite. Pointage de crédit d'image Tumblr.

Chargement de contenu

Alors que la réaction spontanée est de première classe, il y a des moments où votre site internet voudra plus de temps pour fournir du contenu aux visiteurs du site. Une mauvaise connexion Internet devrait provoquer une réaction lente, ou une opération elle-même devrait prendre plus de temps pour se terminer. Mais quel que soit le but d'un tel comportement, votre site Internet doit sembler rapide et sensible. Voici quelques approches pour récolter cela :

  • Faire un chargement normal positif ne prend pas longtemps. Notre durée d'intérêt à base de plantes pourrait être très faible. Selon les études du Nielsen Norman Group, 10 secondes sont la limite ! Lorsque les visiteurs du site doivent s'attendre à un site Internet pour charger, ils deviendront énervés et partiront. Même avec l'indicateur de chargement maximum conçu de manière fantastique, les clients partiront néanmoins si cela prend trop de temps.
  • Utilisez des moniteurs squelettes à un certain stade du chargement. De nombreux sites Web utilisent des signes de développement pour révéler que les faits se chargent. Bien que l'objectif à l'arrière d'un indicateur de développement soit juste, car il permet des commentaires visibles, le résultat peut être mauvais. Comme le mentionne Luke Wroblewski, « Le progrès signe à travers la définition de l'intérêt pour la réalité qu'une personne souhaite attendre. C'est comme si vous regardiez l'horloge tourner vers le bas - pendant que vous le faites, le temps semble avancer plus lentement.
  • Les moniteurs squelettes sont une superbe opportunité pour cela. Ces boîtes sont un modèle brièvement épuré de la page Web, dans lequel les faits sont régulièrement chargés. Plutôt que d'afficher un indicateur de chargement, les concepteurs peuvent utiliser un écran d'affichage squelette pour reconnaître l'intérêt des clients pour un développement réel et créer une anticipation pour ce qui les attend. Étant donné que les faits sont affichés de manière incrémentielle sur l'écran d'affichage, il semble que les choses se produisent immédiatement.

Facebook utilise des moniteurs squelettes pour remplir l'interface utilisateur comme matériel contenu des centaines progressivement. 

Facebook utilise des moniteurs squelettes pour remplir l'interface utilisateur sous forme de contenu par centaines de manière incrémentielle. Image pointage de crédit Facebook.

meilleures entreprises de création de liens

CONSEILS DE CONCEPTION WEB

Boutons

Les boutons sont des facteurs d'interface utilisateur interactifs qui jouent un rôle clé dans la conversation avec la dérive. Il vaut la peine de prendre note de ces pratiques primaires de première classe pour les boutons :

  1. Assurez-vous que les facteurs cliquables apparaissent virtuellement cliquables. L'apparence d'un article indique aux clients un moyen de l'utiliser. Des facteurs visuels qui ressemblent à hyperliens ou les boutons ne sont cependant pas cliquables, ce qui inclut des phrases soulignées qui ne sont pas des liens hypertexte ou des facteurs qui ont un héritage carré mais ne sont pas des boutons, peuvent sans problème confondre les clients.
  2. Étiquetez les boutons en fonction de ce qu'ils font. L'étiquette sur n'importe quel détail d'interface actionnable doit continuellement être liée à ce qu'elle fera pour la personne. Les étiquettes descriptives peuvent aider à cela : les clients seront plus à l'aise s'ils appréhendent le mouvement d'un bouton. Étiquettes vagues qui incluent «Envoyer” ou des étiquettes de résumé comme dans l'exemple ci-dessous n'offrent pas suffisamment de faits sur la motion.
  3. Un principe directeur de conception de site Web souhaitable est d'être propre avec votre contenu textuel du bouton afin que les clients comprennent ce que fait le détail de l'interface. 
  4. Un désirable conception de site Web Le principe directeur est d'être clair avec le contenu textuel de votre bouton afin que les utilisateurs comprennent ce que fait le détail de l'interface. Cote de crédit d'image Questions d'expérience utilisateur.
  5. Concevez les boutons de manière cohérente. Les utilisateurs considèrent les informations, que ce soit ou non consciemment ou plus maintenant. Lorsqu'ils naviguent sur un site Internet, ils associent un formulaire de détail sélectionné à une fonctionnalité de bouton. Par conséquent, la cohérence visible ne contribuera plus à une très bonne mise en page de recherche, mais peut même rendre la conduite des détails plus prévisible pour les visiteurs du site. La photo ci-dessous illustre parfaitement ce facteur. L'utilisation de 3 formes de boutons extraordinaires quittera votre personne insouciante.
  6. Lors de la conception des boutons, la cohérence se traduit par une plus grande convivialité. 
  7. Lors de la conception des boutons, la cohérence se traduit par une plus grande convivialité. 
meilleures agences de référencement au monde

CONCLUSION

Bien sûr, ces recommandations de mise en page Internet ne sont qu'un début. Mélangez et façonnez ces pensées avec votre personnel pour des résultats de première classe. Traitez votre site Internet comme une mission en constante évolution et utilisez des analyses et des commentaires personnels pour en améliorer continuellement le plaisir. Et considérez que la mise en page n'est pas seulement pour les concepteurs, c'est pour les clients.

Partager sur facebook
Facebook
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn
Partager sur reddit
Reddit
Partager sur tumblr
tumblr

partage tes pensées...