Environnement : Macbook pro 2016
TrekAmerica propose des aventures passionnantes aux États-Unis, au Canada, en Alaska et en Amérique centrale. Dans l’ensemble, le site est propre et simple dans sa conception. Mais pour lui apporter une touche d’esthétisme, il est nécessaire de corriger les erreurs courantes. Nous vous suggérons d’examiner certaines d’entre elles.
#1. Cercles irréguliers avec des numéros dans le bloc « Our Top 40 Tour Experiences »
Bug d’interface utilisateur (UI)
Dans ce bloc, les éléments circulaires cessent peu à peu d’être ronds pour une raison indéterminée. Si le numéro 1 est dans un cercle, les numéros 2 à 4 se trouvent dans un cercle « aplati ».
Aspect actuel
Sévéritémajeure
#2. L’icône de téléphone dans le bloc « Our Global Sales Offices » ne correspond pas au style des icônes du site.
Bug d’interface utilisateur (UI)
Sur le site, la plupart des icônes sont de style linéaire (contour).
Dans ce cas, l’icône « Téléphone » est réalisée avec un remplissage, et non un contour. Et la couleur dans laquelle elle est réalisée n’est utilisée nulle part ailleurs sur le site.
Mais cet élément a déjà le bon style dans le menu « Contact ».
Aspect actuel
Lien de preuveSévéritémineure
#3. Style différent des icônes dans le bloc « Tour Extras »
Bug d’interface utilisateur (UI)
Un style d’icônes unifié implique la même complexité et le même style des éléments. Dans le cas présent, les icônes sont dessinées avec une épaisseur de trait différente. Le niveau de détail des objets est également différent.
Aspect actuel
Sévéritémineure
#4. Style différent des icônes dans le bloc « Travelling Together »
Bug d’interface utilisateur (UI)
Dans ce cas, les icônes sont linéaires, mais le niveau de détail et le nombre d’éléments diffèrent, notamment l’icône « ALL INCLUDED ».
Aspect actuel
Lien de preuveSévéritémineure
http://iconutopia.com/6-steps-to-make-your-icon-set-cohesive
#5. Le centre du bloc « Contact » ne correspond pas au centre réel.
Bug d’interface utilisateur (UI)
Aspect actuel
Lien de preuveSévéritécritique
https://bbagraphicdesign2.jimdofree.com/unit-3-1/
#6. L’icône d’étoile est mal alignée par rapport au cercle dans le bloc « Our 45 Year Milestones »
Bug d’interface utilisateur (UI)
Une erreur assez courante survient lorsque des éléments graphiques complexes sont mal alignés par rapport au cercle.
Aspect actuel
Lien de preuveSévéritémajeure
https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175
#7. Mauvais alignement de la liste et de la note dans le bloc « Tour Info »
Bug d’interface utilisateur (UI)
Aspect actuel
Sévéritémajeure
#8. Bloc « Gallery Tour » : marges différentes du bloc, mauvais alignement de la navigation par points. Mauvais alignement à l’intérieur du bouton « Next ».
Bug d’interface utilisateur (UI)
Aspect actuel
Lien de preuveSévéritémajeure
#9. Déséquilibre dans le bloc « Special Offers ».
Bug d’interface utilisateur (UI)
L’espace vide à droite crée un déséquilibre. Si visuellement votre site est « déséquilibré », il aura l’air désordonné et les utilisateurs éprouveront un inconfort. Le problème est survenu parce que le bloc est conçu pour 4 types d’offres spéciales.
Aspect actuel
Lien de preuveSévéritémajeure
https://www.interaction-design.org/literature/article/the-building-blocks-of-visual-design
#10. Dans « Discover Destinations », il y a un espace entre les listes de lieux.
Bug d’interface utilisateur (UI)
Les éléments identiques d’un bloc doivent avoir la même indentation afin que le regroupement ne soit pas rompu et que le bloc paraisse former un tout organique.
Aspect actuel
Lien de preuveSévéritémajeure
https://manifesto.co.uk/design-principles-gestalt-white-space-perception
#11. Mauvais alignement vertical des éléments dans le bloc « We are TrekAmerica – Experts in Group Adventure Holidays ».
Bug d’interface utilisateur (UI)
Aspect actuel
Sévéritémajeure
#12. Indentations différentes à l’intérieur du bloc « Our Spotify Playlists ».
Bug d’interface utilisateur (UI)
Aspect actuel
Lien de preuveSévéritémajeure
https://maddisondesigns.com/2009/03/the-5-basic-principles-of-design
#13. Image de faible qualité dans l’en-tête de la page d’accueil.
Bug d’interface utilisateur (UI)
Souvent, pour que les graphismes ne ralentissent pas le site, ils sont compressés. Mais cela entraîne un inconfort dans l’interaction de l’utilisateur avec le site. Et cela donne l’impression que l’image n’est pas originale. Trouvez un équilibre entre qualité et poids.
Aspect actuel
Sévéritémajeure
#14. Image de faible qualité. Bouton avec des indentations différentes. Dans le bloc « Original Adventures Since ’72 ».
Bug d’interface utilisateur (UI)
Aspect actuel
Sévéritémajeure
#15. Image de faible qualité. Bouton avec des indentations différentes. Dans le bloc « Trek America Tours Goes 360 ».
Bug d’interface utilisateur (UI)
Aspect actuel
Sévéritémajeure
#16. Image de faible qualité dans l’en-tête de la page « History ».
Bug d’interface utilisateur (UI)
Aspect actuel
Sévéritémajeure
#17. Qualité insuffisante des icônes dans les « Social Share Buttons ».
Bug d’interface utilisateur (UI)
Les images matricielles dépendent de la résolution. Utilisez des icônes SVG sur votre site. Elles ont moins de poids et ont un rendu parfait quelle que soit la résolution.
Aspect actuel
Lien de preuveSévéritémajeure
https://medium.com/sketch-app-sources/how-designers-should-think-about-svg-b2b92efc4d77
#18. Icônes de mauvaise qualité dans le bloc « Get Social ». Mauvais alignement des éléments dans le bloc.
Bug d’interface utilisateur (UI)
Les images matricielles dépendent de la résolution.
Aspect actuel
Sévéritémajeure
TrekAmerica est un spécialiste du tourisme en Amérique du Nord depuis 1972. Conception de site web pure. La structure est simple et logique. L’attention de l’utilisateur est habilement focalisée sur les aventures elles-mêmes. Cependant, la faible qualité du contenu et les détails mal implémentés gâchent l’impression générale. Les photos de voyage sont un élément crucial de tout site web dédié aux touristes. Souvent, les photos incitent l’utilisateur à en faire l’expérience directe.
Chaque détail du site web établit une analogie avec le service de l’entreprise elle-même. Et mieux les éléments de conception sont mis en œuvre, meilleure est l’impression générale des utilisateurs, et plus leur crédibilité est élevée.
Olga, Designer
À propos de Redwerk
Nous sommes une société de développement logiciel offrant une gamme complète de services pour diverses industries telles que l’E-commerce, l’Automatisation des processus métiers, la Santé en ligne, les Médias & Divertissement, l’E-gouvernement, le Développement de jeux, les Startups & l’Innovation. Entre autres, Redwerk est une entreprise de développement web, et dans ce vecteur de service spécifique, nos solutions d’externalisation de conception web apportent une expérience utilisateur (UI/UX) positive, qui transforme séquentiellement les visiteurs de l’application en clients.
FRENCH :
Commentaires de l’équipe Redwerk