8 règles d'or de la conception mobile

Sep 15, 2025

Comment

Mobile design: Apes gather in front of a Monolithic black smartphone; it glows with various UI elements. In the background lies a mountain range lit by a rising sun that radiates out in concentric circles.

[DIX] [DIX] [DIX] [dix]

[DIX]

LA CONCEPTION MOBILE EST UNE CONSIDÉRATION DE RELATIVATION NOUVELLE MAIS ESSENTIELLE. Il y a à poire une déconcennie, La conception du web signifie concepoir des ONU ordonnée de Bureau; Enservant, Cela Signifie AUSSI Concevoir des appareils mobiles. Les Téléphones mobiles CONDUISENT UNE Quantité Crissante de Trafic Web et Les Chiffres Ne vont que grandir.

[DIX]

Selon Statista, en octobre 2018, NOUS AVIONS 3,9 MILLIARDS D'UTILISATEURS D'Internet MOBILES UNIQUES ET DE PLUS DE 50% DE LA CIRCULATION SUR LE SITE WEB Mondial. Aé Généré à Travers des Téléphones Mobiles . UNE EXCEPREE CONCEPTION WEB N'EST PLUS UNE LUXE MAIS UNE NÉCESSITÉ.

Créer une excellente Expérience Web pour les utilisateurs mobiles Nécessite Plus que de Creer Site Web Adaptatif (Bien Qu'un Sommet Générateur de site Web Peut-être, comme cela Peut Hébergement Web Choix). Dans l'article dans le CET, vous, POUVEZ Découvrir les Principes de conception des sites des sites mobiles FONDAMENTAUX.

01. CONSTRUCUIRE DES EXPÉRIES AXÉES SUR LES OBJECTIFS

Les utilisateurs mobiles Sont des utilisateurs Très axés sur les objectifs. Chaque Fois qu'ils Visitent Site Un Site des Nations Unies, ILS ONT UNE Tâche SPÉCIFIQUE QUILS SOUHITENT ACCOMPER ET ILS S'ATTENDE CE DONT ILS ONT BESOIN VRAIMENT RAPPEMENT. ALORS, commentaire POUVEZ-VOUS FACEE CELA ARRIER?

Imaginez Vos Utilisateurs Idéaux: SEMBLABLE À LA Construction D'UNE MAISON, LA CONSTRUCTION D'Nations Unies Site Commence Par Solide de base. Et La Fondation de Great Web Design est La Connaissance Que Vous Avez sur Vos Utilisateurs. LA RECHERCHE SUR L'UTILISATIE DOIT ÊTRE L'UNE DES PREMIÈRES Étapes de la Conception du produit. VOUS DEVEZ DÉTERMINER EXACTEMENT QUI SONT VOS UTILISATEURS ET CE QU'ILS VEULENT ACCOMPIR. UNE FOI QUE VOUS CONNAISSEZ LES DESIRS ET LES BESOINS DE VOS UTILISATEURS, VOUS POUVEZ ENSUITE CRÉER UN PARCOURS DE L'UTILISATEUR QUE VOUS Connaissez correspond à Parfaitement à Lurs Atentes (Assurez-vous de Sauvegarder les Résultats de Manière Sécurisée stockage en ligne ). Superse, Effecuer de Manière Approfondie Test de l'utilisateur veillera àce que vous VOUS AYEZ ATTEINT CES Objectifs.

[DIX]

FIGER L'EXPRÉRIENCE AUTOUR DE VOFT OBJECTIF DE BASE: Que Voulez-vous Réaliser AVEC Site CE? Touprement Les Réponses à cette Question Est un Autre Choisissez Meterbee à Faite Lors de la création d'une expérience Web mobile. Essayez-VOUS de Condulire L'engagement, Faits-VOUS Acheter Des Produits ou Inscrivez-VOUS à Nations Unie? Indique Claireement Le MAIS ET PENSEZ À LA MANIÈRE DONT POUVEZ RÉDUIRE LE NOMBRE D'ÉTAPES QU'UN UTILISATEUR DOIT PRENDRE POUR L'ATTEINDRE.

02. Adaptez Vélecteur de Contenu au Travail dans un Espace Plus Petit

Le Contenu Est CE QUI FOURNIT DE LA VALEUR POUR LA PLUPART DES SITES Web. C'est la principale de la Raison que les Gens y visitent. FR CE QUI REGNÉE LA CONCEPTION WEB MOBILE, IL EST Impossible de Prendre UNE Expérience de Bureau et de Le Répliquer sur mobile; Il est important de concepteur des sites Web Avec des utilisateurs mobiles à l'Esprit. Cela Simifie Que nous devons Adapter du Contenu et des Fonctions Pour Accueilillir la Taille et les Habitades de l'Écran de l'utilisateur. ALORS, MESURES DE QULLES POUVEZ-VOUS Prendre pour y Parvenir?

Évitez le Défilement horizontal: Les utilisateurs Sont à l'Aise Avec des sites DÉFILANT VERTUREMENT MAIR NON HORIOLETYMENT. C'est pourquoi il ne devra pas y avoir de pages Où le Défilement horizontal est requis pour voir Voir le contenu. Les Éléments de Grandur Fixe Sont L'UNE DES RAISONONS COMMANDES QUI CONFILUMENT Horizontal. Vérifiez DonC que vous êtes N'AVEZ PAS DE CONTENU QUE NE S'AFFICHE QUE BIEN À UNE ALARMUR DE FENÊRE Particulière.

VISER UNE Mise en page à Colonne: LES PRÉSENTATIONATIONS À COLONNE AIDE UNIQUE AU GÉRER L'Espace Limité sur ONU ÉCRAN ET PERPETENT ÉMÉMENTS UNE MISE À L'ÉCHELLE FACILES ENTRE LE MODE PORTRAIT ET LE MODE PAYALSAGE.

Les utilisateurs Sont à l'Aise Avec des sites DÉFILANT VERTUREMENT MAIR NON HORIOLETYMENT. C'est pourquoi il ne est dévoué pas y avoir de pages dans Lesquelles le Défilement horizontal est requis.

Assurez-vous QUE LES UTILISATEURS N'ont Pas à Pincer à Zoomer: LES VISITURURES PUUVENT A ÊTRE FACILITÉ FRUSTSQUES LORSQUES EFFUITE DOIVENT UN ZOME AVANT OU ARRIÈRE AFIN DE LIRE UN TEUX OU DE VOIR UNE IMAGE. Concevez Votre Site Mobile Afin Que Les Utilisateurs NE Devaient Jamais Changer La Taille.

UtiliseZ la Police de la Police Studio: 11 points Est La Taille Minimale Absolue Pour le Texte. Permet de Cette Taille aux Utilisateurs de Lire Du Texte à une distance de la visualisation Typique Sans Zoomer.

Sélectionnez des Polices Qui Échouent Bien: Si l'expériience du site Web Nécessite Une conférence, Il est préféré d'utiliser des Caractères de type Sans-Serif Tels que helvetica ou roboto.

An image showing two different sizes of touch target: the pair on the left are each smaller than the tip of a finger, while those on the right are each larger than the tip of a finger. — Assurez-vous de Concevoir des CIBLES Tactiles Qui Sont en Faire une Taille Approchiée pour les Doigts. Crédit: Apple (Crédit d'image: Apple)

UTILISZZ DES CONCEPTS ADAPTÉS AUX DOIGTS: VOUS-VOUS LORSQUES CONCEVEZ UN SITE MOBILE, RAPPELTEZ-VOUS QUE LES VISITURURES UTILISERONT LEURT DOIGTS AU LIEU D'UNE FLÈCHE DE SOURIS ET DES DOIGTS Humains Sont plus Grands Qu'un Pointeur de la Souris. S'Efforcer de Concevoir UNE INTERFACE CONVIVIALE DES DOIGTS Où Chaque Élément Interactif Est de Tayle Appropriée.

Une Étude Mit Touch Lab Un Constaté Que La Maille Moyenne d'Un Doigt est de 8-10 mm , Foire de 10mm x 10mm Une BONNE TAILLE MINIMALE DE LA CIBLE TACTILE.

CONSIDÉRez Également La Distance Relative Entre Les CIBLES Tactiles. SI DES ÉLEMENTS INTERACTIFS SURS SITUES TROP PRÈS DE L'AUTRE, LES UTILISATEURS MOBILES PEUVENT TOUCHER Accidentelement Un Mauvais Bouton Avec Lé Doigt. Pour Éviter Que cela SE Produise, Assurez-vous de Répondre Correction des Boutons et d'Ajouter Suffisamment d'Espace Entre Eux.

Faire des Images de Produits Extensibles: De Nombreutres Études Ont pervé que Les Gens Sont Sont Principalement des candidats Visuels. LA PLUPART DES GENS SONT CAPABLES DE COMPRENDRE ET DE SAISIR DES CONCEPTS BIEN MEILLEURS QUAND ILS SONT LIVRÉS DE CETTE Façon, c'est pourquoi Utiliseur des Images Dans La Conception Web est Un excellent Moyen de RSUMER RAPPEMENT LES MESSAGES CLÉS.

Il est Essentiel de Non Seulement Fournir des Actifs de Haute Qualité, Mais Également Les Rendre Extensitables Afin Que Les Utilisateurs Puissent Facilement Les Voir en Détail.

Les Images Jouent Un Rôle Vital dans les sites Sites Web de Commerce Électronique - Les Gens S'apprète sur des Images de Produits LORSQUES DE PRENNENT UNE Décision. Il est Essentiel de Non Seulement Fournir des Actifs de Haute Qualité, Mais Également Les Rendre Extensitables Afin Que Les Utilisateurs Puissent Facilement Les Voir en Détail. Développez l'Image Entière Plutôt Qu'une Partie de Celle-CI.

SOYEZ PRUDENT AVEC LES PROMOTIONS ET LES ANNONCES: LES PROMOTIONS ET LES ANNONCES ANNONCES ÉCLATER LE CONTENU. BIEN QUE LE MESSAGE DE LA PUBLICITÉ PU PUBLICITÉ PUISSE FONCTIONNERER VISITER CERTINTES VISITURURES, DANS LA LA MAILLE DES CAS, LES UTILISATEURS LE SAUTE ET CONSEILLE À DES INFORMATIONS PLUS PRÉCIEUSES. CE Phénomène Est Connu Sous Nom de Cécité de Bannière.

Facilite des informations de contact de la faciliture Les utilisateurs mobiles visitent SOUVENT DES SITES SIGNES Web pour le Trouveur des Informations de contact. Selon L'Urgence, Les utilisateurs SOUHAITER APPELER UNE ENTREPRISE, REMPLIR UN FORMULAIRE DE CONTACT OU CONTENU L'Adresse. Versez les sites Web de Commerce Électronique, Le Numérro de Téléphone DOIT ÊTRE DISPONIBLE SUR L'ÉCRAN D'ACCUEIL.

03. Optimiseur Le Contenu de la Numérisation

C'est UN FAIT BIEN CONNU QUE LES UTILISATEURS NE LISENT PAS EN LIGNE; scannent ILS. LORSQUESQU'UNVOUVE VISITEUR APPROCHE D'UNE Page Web, la Première Chose à Faire Est de Numériser la page et de Diviser Le Contenu en Informations Digestibles d'informations. Il est possible de rendu de rendu à Tâche plus faciles pour les utilisateurs En suivant quelles règles montaux.

Mind the Commande Dans Laquelle VOUS FOURNISSEZ DU CONTENU sur UNE Page: LES GENS LISENT DE HAUT EN BAS. C'est pourquoi il est important de préserver leséléments importateurs EN HAUT D'UNE PAGE ET DE DÉPLACER LE REPOS EN FRONCTION DE LA HIÉRARCHIE.

Couper Le Fouillis: Priorisateur Le Contenu sur les Éléments d'interface Utilisateur - Réduisez Les Distractions en Supprimant des Éléments Fonctions et décoratifs Inutiles. Efforcez-VOUS de Creer Nations Unies Style Minimaliste Parce Que, Vous Ferez Simplement Que L'Utilisateur SE Concentre sur la Tâche.

Évitez les Longs Blocs de Texte Sans images: Il est fort probable que d'énormes bandes de contenu seront ignorées. UTILISZZ DES RUBRIQUES, DES PARAGES OU DES POINTS DE BALLE POUR ROMPRE LE TEXTE.

METTez Plus de Poils Visuel sur des Éléments importants: Effectuez des Éléments importateurs Tels que des Messages CléS des Points Focaux Afin Que les Vistiveueurs Les Voient Tout de Suite. Insistez sur les Éléments en Ulistant Différentes Taules, espaces blouses ou vibrantes.

04. Creer Une Navigation Prévisible

Aider les utilisateurs à naviguer DOIT ÊTRE UNE PRIORITÉ ABSOLUE POUR CHAQUE SITE WEB. Après TOUT, LE CONTENU LE PLUS CONVAINANT EST INUTILE SI LES GENS NE PAS LE TOUT LE TRUVOUVER. C'est pourquoi il est important d'Investir dans la conception d'un systède de navigation Solide, en Ulistant Offres des Étapes SUVANTES.

UTILISZZ DES MODÈLES DE NAVIGATION FAMILIERS: LORSQU'IL S'AGIT DE CREER UN MÉCANISCE DE NAVIGATION Pour votre site Web, IL Convient de Rappeler Une Règle Simple: NE RÉINVENTEZ PAS LA ROUE - S'EFFORCER DE CREER UNE EXPRÉRIENCE FAMERIÈRE. IL Est Toujours Préféré de S'Appuyer sur Les Modèles de Navigation Que La Plupart des Utilisateurs Connaissent (Telles Que La Barre de Navigation Supérieure ou Le menu Hamburger) Plutôt que De Créer Vélecteur Propre Système de navigation unique (Système de navigation Basé sur La Gestes ). LORSQUE VOUS CRÉEZ UNE NAVIGATION Familière, VOUS AIDZ LES UTILISATEURS À COMPTEUR SUR LEUR Expérience PRÉCÉDENTE LORS DE L'INTERACTION AVEC VOCT PRODUIT.

METTÔZ UNE LIMITE SUR LE NOMBRE TOTAL D'OPTIONS DE NAVIGATION: NE METTZE PAS TROP D'OPTIONS DANS LES MENUS. Menu de l'ONU Étendu serait Bien Fonctionner Pour les Sites de Bureau, Mais ILS NE correspondant pas à la conception mobile. Étant Donné Que Toute Les Options de navigation NE SERONT PAS DISPONIBLES DANS UNE ZONE VISIBLE DE L'ÉCRAN, VOUS FORCEREZ LES UTILISATEURS MOBILES À LA FAILE DÉFILER UNE LISTE D'OPTIONS. PENSENZ Commentaire VOUS POUVEZ PRÉSENTER LES ÉLEMENTS DE MENU Les Moinins Possibilités. Idéalement, Le menu que vous vous Concevez NE DévRAIT AVOIR PLUS DE SEXTE CATÉGOORES DISTINCTIONS .

An image showing the navigation of ABC's mobile site – it focuses on a couple of core menu items, with everything else listed under a 'More' heading — ABC Fournit Uniquement Les Options de Priorité Supérieures Dans le menu de navigation - Toutes Les Options SecondeAIRE SONT CACHÉES DERRIÈRE "PLUS" (Crédit d'image: ABC)

Priusteur Les Options de navigation : Organisez La Navigation Basée sur la Façon ne sont pas les utilisateurs Fonctionneurs Avoir des Fonctionnements. Les Options de navigation Les Plus Populaires d'un Menu Menu Global Devraitent Être en Haut et Les Actions Principales Principales Duivent Être Disponibles Dans Un Zone Visible de l'Écran.

Écrire des Étiquettes Claires: Chaque Option de navigation DOIT AVOIR UNE ÉTIQUETTE CLAIRE ET Concise. Évitez Jargon - LA NAVIGATION QUE VOUS CONSEILLER NE DOIT PAS CONTENIR DE TERMES QUE VOS VISITES NE COMPRENDRONT PAS. Les Étiquettes Claires Donneront Aux Visiteurs La Capacité de Prédire Le Résultat De Leurs Actions.

Assurez-vous QUE LES ÉLEMENTS INTERACTIFS DE RESSTIFFORMENT À DES ÉLEMENTS INTERACTIFS : LORS DE LA CONCEPTION DES BOUTONS ET DES LIENS, RÉFFÉCHISSEZ À LA FAÇON NON LA CONCEPTION COMMUNIQUE L'APPORT. Commencez les utilisateurs PROGNENNENT-ILS L'ÉLEMENT COMME UN OBJET INTERACTIF? La Façon n'a pas l'indiqueur Sempble de l'OBJET SEMBLE AUX UTILISATEURS COMMENTAIRE L'UTILISER. Éléments Visuels Qui-Ressemblant à des Liens Ou à des Boutons, Maison NE NE SOUNT PAS INTERACTIFS (TELS QUES MOTS SOULIGNÉS QUI NE SOUNTE PAS DES LIENS NI DES BOÎTES RECANGULAIRES AVEC PAS DES MOTONS QUE NE SONT PAS DES BOUTONS) AFFERTURE PUUVENT CONFONDRE LES UTILISATEURS.

Communiquez L'Emplacement Actuel: "Où suis-je?" EST UNE QUESTION FONDAMENTALE À LAQULLE LES UTILISATEURS ONT BESOIN D'UNE RÉPONSE EFFICACEMENT AFIN DE NAVIGURE. Indique Claireement L'Emplacement Actuel.

[DIX]

An image of the ASOS mobile site navigation – the search icon appear prominently on the main navigation. — Asos Places Rechercher en Haut de l'Écran Pour Site Site Web Mobile mobile (Crédit d'image: ASOS)

FOURNISSEZ UNE FONCTION DE RECHÉCHE: SI VOUS CONSEXE Site Complexe de site AECOUP DE CONTENU OU DE FONCTIONNELITÉS, VOUS DEVEZ VOUS ASSURATEUR DE FOURNIR UNE BARRE DE RECHÉCHE VERRE LA NAVIGATION. FR METTANT EN ŒUVRE LA FONVERNELITÉ DE RECHÉCHE, VOUS FOURNISSEZ UN ITINÉRAIRE Aux INFORMATIONS / FONCTIONNELITÉS DES UTILISATEURS MOBILES QUE SUR LE SITE AVEC UNE QUESTION SPÉCIFIQUE À L'ESPRIT.

NE CACHEZ PAS L'OPTION DE RECHÉCHE DANS LE MENU. CE DevRAIT Être L'UNE DES PREMIÈRES Choses que les Visites Voient sur Vos Pages.

Rendez Facile pour les utilisateurs de revenir à la page d'accueil: LES VISITURURES Sâtenante à ce que LORSQUES INPUIENTE LE LOGO EN HAUT D'UNE Page, ILS REVIDERONT à la page d'accueil et ILS Deviendront Frustré SI CELA NE FONCTIONNE PAS.

Gardez Vély Utilisateur dans DANS UNE SEULE FENÊRE: Évitez les Appels à l'action QUI ENVOIENTE UN UTILISATEUR À DE NOUVELLES FENÊSTRES. Certes Utilisateurs Auront Des Problèmes de la commutation Entre Windows dans Windows Dans Un Navigateur Mobile et Pourraient NE POUVOIR TOUPUT LA PAGE PRÉCÉDENTE.

05. Évitez de Creer des Barreaux Routiers

Les barrages Routiers Créent des Nations Unies un frttement et des inconvénients Est le Pire Ennemi de la conversion. Heureusement, il y a de Simplex Choses que vous VOUS POUVEZ FAIR Verser les Éviter.

N'Interrogne Pas les visites: Les Grandes Pop-ups Sont L'interruption Les Plus Typiques de l'Expérience Web. Pendentif Longtemps, De Theses Bannières Étaient Dédiées à des Messages PromotionNelels, Mais Récémisation, de Nombreux Sites ONT COMMENCÉ À UTILISER DES POPUNES Distrayants Pour Obtenir La permission d'utiliseur des cookies (GDPR). Quelle Que Soit L'Information QUE VOUS SOUHAITEZ AFFICHER À VISITEURS, Assurez-vous Qu'il NE DISSAIT PAS L'EXPÉRIENCE GLOBALALE.

NE FAITES PAS QUE LES UTILISATEURS Quittent Site Site Web: Identifiez les Voyages d'Utilisateurs Qui Perdreraient Amener ONU UTILISATEUR À REHORS EN DEHORS DE VÉHORS SITE SITE, PUIS FOURNISSEZ DU CONTENU / DES FONCTIONNELITÉS POUR LES CHARGER SUR VOTRE SITE. ONU CHAMP DE CODE PROMO SUR LES SITES WEB DE COMMISSION ÉLECTRONIQUE EST-EST-EST-ÊTRE L'EXEMPLE LE PLUS COURANTS QUI RENDRE LES VISITEURS À LAISSER UN SITE DANS LA TRIMATIVE DE TOUPENCE LE COUPON. Il Vaut Bien Mieux proposant des coupons sur le site Afin d'Empêcher Un Tel Comprérement.

NE PORTEZ PAS LES UTILISATEURS À VOUS INSCRIRE: LES UTILISATEURS EXGÉTANTS S'INSCROVENT AVANT DE POUVOIR VOIR DES INFORMATIONS OU UTILISER UN Service ONU EN LIGNE CONTRE UNE FORTE ENREGISTREMENT DE COÛT D'INTERACTION TROP TÔT Possible Faire en sortie que les utilisateurs Abandonnent Le site . AVANT DE FOURNIR DES INFORMATIONS Personnelles, Les Visites Veulent Avoir Une Idée de CE Qu'un Site Leur Offre.

Pour Créer Un Flux d'Utilisateurs avec les Moines Barrières à la conversion, Les Sites Mobiles Doivent Permettre aux visites d'Explorer Le Contenu Sans avoir Besoin De Vous Inscrire. Versez les sites Web de Commerce Électronique, Il est Essentiel de Lâtre Utilisateurs à Acheter en Tant Qu'Invité.

Passeur de facilité de Faites-vous à un autre Appareil Verser Continuer le Voyage: NE CONSIDÉRZ PAS LE MOBILE COMPTE DES EXPÉRIES Autonomes. ONU UTILISATEUR TYPIQUE COMPORTE PLUSIEURES PÉRIPHÉRIQUES TELS QU'UN BUREAU, UN TÉLÉPHONE PORTABLE ET UNE TAPILET ET S'ATTEND À AVOIR UNE EXPÉRIEUR TRANSPARENTE SUR LE CES APPAREILS LORS DE L'UTILISATION DE VOGE PRODUIT. Par exemple, de Nombreus Personnes Utilisents Desparils Mobiles Uniquement Pour la Recherche de Produits, Puis Passez au Bureau pour Convertir. Les utilisateurs S'attendant à Poursuivre Le Voyage de l'endroit de l'Où SE Sont Arrêtés sur mobile.

VOICI QULQUES ÉLEMENTS QUE VOUS POUVEZ FAIR POUR SYNCHRONISER LES PROGRAST ACTIONS D'UNE UTILISATEUR:

Synchroniser La Liste de Souhaits, Les Favoris et le Panier pour ONU Compte d'utilisateur.
Ofrez Un Moyen Simple d'Enregistreur Ou de Partager des Informations sur des Périphériques Pour les utilisateurs Non Enregistrés (Agne une option Pour Envoyer Le Lien vers Email).

06. Conception de formes Efficaces

LA SAISIE DE FORMULAIRE Est L'ANE DES TRACHES LES PLUS COURANTES SUR LE Web. Il Est difficile d'imaginer UNE Expérience Qui Né Nécessite Pas d'Utilisateur de Remblir une sorte de formulaire. PARCE QUE C'EST UNE TELLE PRATIQUE OMNIPRÉSENTE, LA CAPACITÉ DE REMPLIR UNE FORME SANS DOULEUR EST CRUCIAULE POUR MAINTENIR UN UTILISATEUR ENGAGÉ. VOICI QULQUES CONSEILS QUI PUUVENT VOUS ARTIDE À GARANGE LE CHEMIN LE CHEMIN Au minimum:

MINIMISER LES ENTRÉES SOUS FORME: De Manière Générale, Moiins de Données Qu'un Utilisateur Doit Fournir, plus ILS Profiteront de Vélecte Expérience Web. CES Pointeurs Vous Aideront à Réducteur Les Claviers et Les Contributions des Utilisateurs Doivent Faire:

MINIMISER LE NOMBRE TOTAL DE CHAMPS. Gardez TOUJOURS DES FORMES AUSSI COURTES ET SIMPLES QUE POSSIBLES Possible en Supprimant Tous les Champs Inutiles. NE Demandez que ce que ce que ce soit, Avez Vraiment Besoin de Savoir.
UtiliseZ la Correction Automatique, La capitalisation Automatique et la Capacité Automatique Pour Réduire Les chances d'Erreur Utilisateur.
Évitez les décharges des Champs. Dropdowns Masquer Les Options et Cela Créte des Coûts d'Interaction Suppléments - Les Utilisateurs Doivent Duildent Appuyer Deux Fois sur pour Sélectionner la Bonne. SI VOUS UTILISZZ UN CHAMP DEÉRALANT POUR UNE SÉLECTION D'OPTIONS, ENVISAGEZ DE LE REMPLACER PAR DES BOUTONS Radio.
Dégplace Automatitude Dans Le Champ Suivant Utilisateur Utilisateur Appuie Retour.
Minimiser Les Erreurs de Forme AVEC UNE VALIDATION EN LIGNE EN TEMPES RÉEL.
UTILISZZ DES INFORMATIONS EXISTANES POUR LE MAXIMISER LA COMMUDITÉ. Par exemple, VOUS POUVEZ PRÉ-RET-REMPLLIR Certes Champs Tels QUE L'Adresse de Livraison Ou Les Informations De Facturation Pour Vos Utilisateurs Enregistrés.
PENSEZ à proposer des Mécanismes d'Entrée Alternatifs. CONSIDÉEZ QULLES FONCTIONNELITÉS DE PÉRIPHÉRIQUE PÉLISSE OUTILISÉES POUR FOURNIR UNE MEILLEURE EXPÉRIEUR UTILISATEUR. EXEMPLE, AU LIEU DE Demander Aux Utilisateurs De Taper Les Détails de la carte de Crédit, Indique L'option L'Option d'utiliseur La Caméra de l'Appareil Pour Analyseur La Carte et Intégrerie des Systèmes Tels que Apple Pay et Google Pay Verser pour Activer Le Paiement dans l'ONU Seul Robinet.

An image showing the reasons customers abandon baskets during checkouts; the second most common reason, given by 27% of respondents, is that the checkout process was too long / complicated. — Raisons de l'Abandon Lors de la Caisse Selon L'Institut Baymard (Crédit d'image: Institut Baymard)

FOURNIR ONU Clavier correspondant: Les Utilisateurs Mobiles Apprécient Les Sites Web Offrant Un Clavier Approdié Pour le Terrain. Cette Fonctionnalité Les Empêche de Devoir Effecteur des actions Suppléments. Par exemple, lorsque Les Utilisateurs Doivent Entrer un Numéro de Téléphone, Dotation de site Web DOIT AFFICHER LE CLAVIER NUMÉRIQUE DE 0 à 9.

Définisez des types d'entrée HTML pour afficher le Clavier correct. VOICI SECT TYPES D'ENTRÉE PORTINENTS VERS LA CONCEPTION LA PLUS:

Type d'Entrée = "Texte" Affiche Le Clavier Normal du Périphérique Mobile.
Type d'entrée = "email" Affiche le Clavier normal et '@' et '.com'.
Type d'Entrée = "Tel" Affiche Le Clavier Numérique de 0 à 9.
Type d'Entrée = "Numéro" Affiche Un clavier Avec des Chiffres et des symboles.
Type d'Entrée = "Date" AFFICHE LE SÉLECTEUR DE DATE DE L'APPAREIL MOBILE.
Type d'Entrée = "DateTime" AFFICHE LE SÉLECTEUR DE DATE ET D'HEURE DU PÉRIPHÉHÉRIQUE MOBILE.
Type d'Entrée = "Mois" Affiche Le Sélecteur de Mois et de l'Année de l'appareil Mobile.

Léensez les utilisateurs Modificateur Le Champ de localisation: De Nombreux Sites Web Détectent L'Emplacement Utilisateur et utilisent CES Informations Pour Fournir Nations Contenu Pertinent. IL Est Essentiel de Laufer Les Utilisateurs Modificateur L'Emplacement Car Dans Certics Cas, Les Utilisateurs Souhaitent Voir des Résultats Verser Différent.

07. S'Efforcer de Creer Une Expérience Cohérente

LA COHÉRENCE EST L'UN DES PILIERS CLÉS DE L'EXPÉRIENCE UTILISATEUR. LA CONCEPTION CONTENUE EST UNE CONCEPTION CONCLIVIALE - EN VOUS CENTRAGEUR SUR LA CRÉATION DE CONCEPTION COHÉRATEE, VOUS CRÉEZ UNE CONCEPTION PLUS PLUS INTICIVE. TOUJOURS S'EFFORCERCER DE RENDRE LE SITE WEB À LA FOIS COHÉRENT EN INTNE ET EXTERNE.

La Cohérence Interne: Créez une Bibliothèque Cohérente d'Actifs de Conception et UtiliseZ-la pour Toute Les Pages de votre site Web. Les Polices, Les Boutons, Les Liens, Les Icônes et Tous Les Autres Éléments de l'UI Duivent Octre Cohérents sur Le site Web Pour Garder La Cohérence Visuelle.

Cohérence Externe: Assurez-vous que le site web que le site que vous aimez ConceveZ Ressemblant à une partie Partie d'une Famille de Produits Plus important. Par exemple, SI VOUS AVEZ UNE Application MOBILE, DO SITE WEB MOBILE MOBILE DOIT Transmettre Un sentiment de familiarité pour les utilisateurs Qui l'utilisent.

08. CONSTRUCUIRE VOLEUR MEILLEUR SITE MOBILE

TOUS LES LES POINTS MONNÉSNÉNÉES ICI PUUVENT ÊTRE CONDÉRÉES COMMENT DES PRIQUES OPTIMALES DE L'INDUSTRIE. Mais Simplement Parce Que Quelque a choisi S'appelle Un «Meillousure Pratique» Né Signifie Pas Que c'est la solution optimale pour votre site Web. Il est pourquoi il est beaucoup de testeur Vos décisions de conception. Tester Faites La Convivialité Une Partie Obligatoire de Véry Processus de Conception et Améliorer L'Expérience de Manière Régulière.

ARTICLE DE CET A Été Publié à L'Origine Dans Le Numéro 317 de rapportant , Le magazine Le Plus Vendu au Monde pour les concepteurs et les Développeurs Web. Acheter Numéro 317 or Abonnez-vous au réseau .

Articles Liènes:

6 Tendances Qui Changent Le Visage de la Conception de l'interface Utilisateur Mobile
10 Conseils pour un Mobile Ux design de Méilleur
Commentaire Concepoir des Interfaces Mobiles Conviviales

[DIX] [DIX]

[DIX]

8 règles d'or de la conception mobile

01. CONSTRUCUIRE DES EXPÉRIES AXÉES SUR LES OBJECTIFS

02. Adaptez Vélecteur de Contenu au Travail dans un Espace Plus Petit

03. Optimiseur Le Contenu de la Numérisation

04. Creer Une Navigation Prévisible

05. Évitez de Creer des Barreaux Routiers

06. Conception de formes Efficaces

07. S'Efforcer de Creer Une Expérience Cohérente

08. CONSTRUCUIRE VOLEUR MEILLEUR SITE MOBILE

Comment - Most Popular Articles

Créer des rayons de Dieu dans V-ray

Peindre une scène de conte de fées classique avec procréate

Tournez des photos en animations 3D avec Photoshop

Peindre un portrait de style munch dans Photoshop CC

Comment peindre du verre incurvé sur un casque spatial

Comment créer des cheveux de style manga en mouvement

Comment sculpter et poser une tête de dessin animé dans zbrush

Comment maîtriser l'art du fan 3D

Catégories