Umgebung: Macbook pro 2016
TrekAmerica bietet spannende Abenteuer in den Vereinigten Staaten, Kanada, Alaska und Mittelamerika. Insgesamt ist es eine saubere und einfach im Design Website. Aber um die Seite zu verschönern, ist es notwendig, häufige Fehler zu korrigieren. Wir schlagen vor, einige von ihnen zu berücksichtigen.
#1. Unregelmäßige Kreise mit Nummern im Block Unsere Top 40 Tour-Erlebnisse
UI-Fehler
In diesem Block hören die runden Elemente aus irgendeinem Grund allmählich auf, rund zu sein. Wenn sich die Zahl 1 in einem Kreis befindet, dann befinden sich die Zahlen 2-4 in einem „abgeflachten“ Kreis.
Aktuelles Aussehen
Schweregradschwerwiegend
#2. Das Telefonsymbol im Block Unsere weltweiten Vertriebsbüros entspricht nicht dem Stil der Website-Symbole
UI-Fehler
Auf der Website werden die meisten Symbole im Konturstil (linear) erstellt.
In diesem Fall wurde das Symbol „Telefon“ mit einer Fülltechnik erstellt, nicht mit einer Konturtechnik. Und die Farbe, in der es erstellt wurde, wird nirgendwo sonst auf der Website verwendet.
Aber dieses Element ist bereits im richtigen Stil im Menü „Kontakt“ vorhanden.
Aktuelles Aussehen
ProoflinkSchweregradgeringfügig
#3. Unterschiedlicher Stil der Icons im Block Tour Extras
UI-Fehler
Ein einziger Stil von Symbolen bedeutet die gleiche Komplexität und den gleichen Stil der Elemente. Im vorliegenden Fall werden die Icons mit unterschiedlicher Linienstärke gezeichnet. Auch der Detailgrad der Objekte ist unterschiedlich.
Aktuelles Aussehen
Schweregradgeringfügig
#4. Unterschiedlicher Stil der Icons im Block Travelling Together
UI-Fehler
In diesem Fall sind die Icons linear, aber der Detaillierungsgrad und die Anzahl der Elemente sind unterschiedlich, was insbesondere beim ALL INCLUDED-Symbol deutlich wird.
Aktuelles Aussehen
ProoflinkSchweregradgeringfügig
http://iconutopia.com/6-steps-to-make-your-icon-set-cohesive
#5. Der Mittelpunkt des Kontaktblocks stimmt nicht mit dem tatsächlichen Mittelpunkt überein
UI-Fehler
Aktuelles Aussehen
ProoflinkSchweregradkritisch
#6. Das Sternsymbol ist nicht richtig zum Kreis im Block Unsere 45-Jahres-Meilensteine ausgerichtet
UI-Fehler
Ein recht häufiger Fehler ist es, wenn komplexe grafische Elemente nicht korrekt zum Kreis ausgerichtet sind.
Aktuelles Aussehen
ProoflinkSchweregradschwerwiegend
https://medium.com/@erqiudao/the-play-button-is-not-optical-alignment-4cea11bda175
#7. Falsche Ausrichtung der Liste und der Bewertung im Tour-Info-Block
UI-Fehler
Aktuelles Aussehen
ProoflinkSchweregradschwerwiegend
https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
#8. Galerie-Tour-Block: unterschiedliche Ränder des Blocks, falsche Ausrichtung der Punktnavigation. Fehlausrichtung innerhalb der Schaltfläche Weiter
UI-Fehler
Aktuelles Aussehen
ProoflinkSchweregradschwerwiegend
https://blog.prototypr.io/how-to-align-text-in-buttons-and-other-ui-elements-f724adbd7ab5
#9. Es gibt keinen Saldo im Block Sonderangebote
UI-Fehler
Leerer Platz auf der rechten Seite führt zu Unausgewogenheit. Wenn Ihre Website optisch „unausgewogen“ ist, sieht sie unordentlich aus und die Benutzer fühlen sich unwohl. Das Problem ergab sich aus der Tatsache, dass der Block für 4 Arten von Sonderangeboten konzipiert ist.
Aktuelles Aussehen
ProoflinkSchweregradschwerwiegend
https://www.interaction-design.org/literature/article/the-building-blocks-of-visual-design
#10. In Discover Destinations gibt es eine Lücke zwischen den Ortslisten
UI-Fehler
Identische Elemente des Blocks sollten die gleiche Einrückung haben, damit die Gruppierung nicht verletzt wird und der Block wie ein organisches Ganzes aussieht.
Aktuelles Aussehen
ProoflinkSchweregradschwerwiegend
https://manifesto.co.uk/design-principles-gestalt-white-space-perception
#11. Falsche vertikale Ausrichtung der Elemente im Block Wir sind TrekAmerica – Experten für Abenteuerurlaub in der Gruppe
UI-Fehler
Aktuelles Aussehen
Schweregradschwerwiegend
#12. Unterschiedliche Einzüge innerhalb des Blocks Unsere Spotify-Playlists
UI-Fehler
Aktuelles Aussehen
ProoflinkSchweregradschwerwiegend
https://maddisondesigns.com/2009/03/the-5-basic-principles-of-design
#13. Schlechte Bildqualität in der Kopfzeile der Startseite
UI-Fehler
Damit die Grafiken die Arbeit der Website nicht verlangsamen, werden sie oft verkleinert. Dies führt jedoch zu einer unangenehmen Interaktion des Benutzers mit der Website. Und es gibt Ihnen das Gefühl, dass das Bild nicht original ist. Finden Sie ein Gleichgewicht zwischen Qualität und Gewicht.
Aktuelles Aussehen
ProoflinkSchweregradschwerwiegend
https://uxplanet.org/best-practices-for-imagery-b34a2d5c7bbc
#14. Niedrige Bildqualität. Schaltfläche mit verschiedenen Einzügen. Im Block Original Adventures Since ’72
UI-Fehler
Aktuelles Aussehen
Schweregradschwerwiegend
#15. Niedrige Bildqualität. Schaltfläche mit verschiedenen Einzügen. Im Block Trek America Tours Goes 360
UI-Fehler
Aktuelles Aussehen
Schweregradschwerwiegend
#16. Schlechte Qualität des Bildes auf der Seite Kopfzeilenverlauf
UI-Fehler
Aktuelles Aussehen
Schweregradschwerwiegend
#17. Unzureichende Qualität der Icons in Social Share Buttons
UI-Fehler
Rasterbilder sind auflösungsabhängig. Verwenden Sie svg-Symbole auf Ihrer Website. Sie haben weniger Gewicht und sehen in jeder Auflösung perfekt aus.
Aktuelles Aussehen
ProoflinkSchweregradschwerwiegend
https://medium.com/sketch-app-sources/how-designers-should-think-about-svg-b2b92efc4d77
#18. Schlechte Qualität der Icons im Block „Get Social“. Falsche Ausrichtung der Elemente innerhalb des Blocks
UI-Fehler
Rasterbilder sind auflösungsabhängig.
Aktuelles Aussehen
Schweregradschwerwiegend
TrekAmerica ist seit 1972 ein Spezialist für Nordamerika-Tourismus. Reines Website-Design. Der Aufbau ist einfach und logisch. Die Aufmerksamkeit des Nutzers wird geschickt auf die Erlebnisse selbst gelenkt. Allerdings trüben etwas minderwertige Inhalte und schlecht umgesetzte Details den Gesamteindruck. Reisefotos sind ein entscheidendes Element jeder Website, die sich an Touristen richtet. Oftmals motivieren die Fotos den Nutzer, es selbst zu erleben.
Jedes Detail der Website stellt eine Analogie zu den Dienstleistungen des Unternehmens selbst her. Und je besser die Designelemente umgesetzt sind, desto besser ist der Gesamteindruck bei den Nutzern und desto höher ist das Vertrauen der Nutzer.
Olga, Designerin
Über Redwerk
Wir sind ein Softwareentwicklungsunternehmen, das eine breite Palette von Dienstleistungen für verschiedene Branchen wie E-Commerce, Business Automation, E-Health, Media & Entertainment, E-Government, Game Development, Startups & Innovation anbietet. Unter anderem ist Redwerk ein Webentwicklungsunternehmen, und innerhalb dieses separaten Dienstleistungsvektors bringen unsere Outsourcing-Webdesign-Lösungen positive UI/UX, die Besucher der App nach und nach in Kunden verwandeln.
Kommentare des Redwerk-Teams