[Attirant le Web] Différences entre les sites PC et les sites de smartphones
12 mai 2022 SEO technique , convivialité , construction / fonctionnement du site , UI / UX
Savez-vous combien est votre taux de pénétration de smartphone?
Selon le Cabinet Office "Enquête sur les tendances des consommateurs", le taux de pénétration des smartphones au Japon est de 54,7%.
Une époque où vous pouvez parcourir des sites, faire des achats en ligne et tout compléter avec des smartphones.
La prise en charge des smartphones n'est plus essentielle!
Cette fois, je voudrais présenter certains points à connaître lors de la prise en charge d'un smartphone.
Être conscient de la scène d'utilisation
Supposons que vous pouvez parcourir le site sur votre PC de bureau.
Vous pouvez assumer des scènes limitées, telles que des études de bureau et à domicile.
Alors qu'en est-il des smartphones? Êtes-vous en train de vous déplacer? Entre les travaux ménagers? Temps d'attente de réception? Vous ne pouvez pas imaginer diverses scènes?
Les sites de smartphones nécessitent que la priorité et la conception de l'interface utilisateur de cette "scène" et "quel type d'action l'utilisateur prend".
Par exemple, les utilisateurs de "Mot de restaurant du site de la bouche"
Les utilisateurs de PC sont le but du but "menu" ou "Word -of -Mouth"?
Les utilisateurs de smartphones veulent-ils connaître la "carte du magasin" ou le "numéro de téléphone de réservation"?
Découvrez ce que les utilisateurs recherchent dans ces scènes et donnez la priorité au contenu.
Différence de taille d'écran
En cours de cours, l'écran du smartphone est très petit par rapport au PC de bureau.
Si vous essayez de mettre toutes les mêmes informations qu'un PC, ce sera une page longue et très difficile ...
il sera très important de rassembler les informations ici!
Peu importe la qualité du contenu, cela n'a aucun sens si l'utilisateur quitte ...
Prenons la conception de l'écran avec les critères suivants
De manière concise
Il n'y a aucun utilisateur qui veut lire un texte redondant aussi simple que possible.
Facile à voir
La taille du caractère et l'espace de ligne sont-ils OK? Le bouton est-il facile à appuyer?
Hardiment
Mettons uniquement le contenu dont les utilisateurs ont vraiment besoin sans aucune modification supplémentaire.
Regardez également les directives suivantes.
・Directives d'interface humaine iOS
3 et 3 Différence de vitesse de ligne
Les smartphones ont une grande vitesse de ligne en fonction de l'environnement.
C'est la principale cause de chargement lent, de chargement et de retrait des utilisateurs.
Afin d'éviter une telle chose autant que possible, essayez de faire l'image sans permis de compression, les pièces qui peuvent être exprimées en CSS sont autant que possible CSS, et le long javascript, etc. le code.
4 Enfin
L'interface utilisateur a également évolué avec la popularité des smartphones.
Cependant, n'est-il pas vraiment important de toujours garder à l'esprit "Quand l'utilisateur est-il facile à utiliser?"