Fehler macht man höchstwahrscheinlich schon als Webdesigner
Alle Webdesigner wollen Perfektion. Sie sind jedoch nur Menschen und Fehler können immer auftreten. Es ist so einfach, einige Details einfach zu übersehen. Es gibt keinen Designer auf der Welt, der keine Fehler gemacht hat und diese zu vermeiden, passiert normalerweise nach einiger Zeit.
Wir werden jetzt über einige der häufigsten Fehler sprechen, die Webdesigner ständig machen, die Sie höchstwahrscheinlich bereits mindestens einmal gemacht haben. Korrigieren Sie Ihre schlechten Gewohnheiten und überwinden Sie die Hürden, denen Sie sich derzeit schuldig gemacht haben, damit Ihre Arbeit besser denn je wird.
Die Verwendung von Flash
Im modernen Website-Design sehen wir selten Flash, auch wenn es ziemlich erstaunlich ist, was es kann. Wir stehen vor der Möglichkeit, dem Besucher ein animiertes Erlebnis zu bieten, das beeindruckend ist, aber auch mit Ballast verbunden ist.
Es gibt verschiedene Probleme, die bei der Verwendung von Flash im Webdesign auftreten. Sie haben eine längere Ladezeit, Probleme mit mobilen Nutzern aufgrund des fehlenden Supports und der unterschiedlichen verwendeten Programmiersprache. Die Zahl der Geräte, die derzeit Flash unterstützen, ist sehr gering. Auch in Zukunft erwarten wir keine verstärkte Unterstützung. Brandneue Bibliotheken scheinen stärker und beliebter zu sein, insbesondere solche, die auf JavaScript wie AngularJS und jQuary basieren .
Verwenden von wirklich großen Bildern
Der moderne Trend im Webdesign besteht darin, große Bilder auf der gesamten Website zu verwenden. Das macht die Erfahrung definitiv angenehmer und der Benutzer hat etwas Großartiges zu sehen, aber es gibt einige Komplikationen, die der Designer und der Entwickler beachten müssen.
Die Seitenlast wird automatisch erhöht, wenn größere Bilder verwendet werden. Dies kann zu einem sehr schlechten Szenario für den Website-Besucher führen. Die gute Nachricht ist, dass wir Zugriff auf verschiedene Tools haben, die bei der Optimierung von Bildern sehr hilfreich sind. Zu denjenigen, die Sie möglicherweise in Betracht ziehen möchten, gehören:
Apps wie PrePros können dabei helfen, Bilder innerhalb von Anwendungen automatisch zu optimieren. Das Problem ist, dass Tools Workflows unterstützen, aber das große Problem der Ladezeit nicht lösen werden, zumindest nicht vollständig.
Viele Designer verwenden jetzt SVG. Sie verwenden Codes, um Grafiken in einer Browserumgebung zu animieren und zu zeichnen. So erhalten wir ein beschleunigtes Laden der Seite und verschiedene Elemente, die ins Auge fallen.
Wir sollten auch die Tatsache hervorheben, dass größere Bilder das Webdesign aufgrund des nicht reagierenden Faktors erschweren. Wir sprechen von einem Designelement, das Höhe und Breite festgelegt hat. Browser skalieren Bilder, aber wir haben die gleiche Dateigröße.
<picture>Das W3C arbeitet jetzt daran, „ ” als HTML5-Element zu verwenden. Das würde es ermöglichen, Bilder unterschiedlicher Größe basierend auf der Breite des Anzeigebildschirms aufzurufen. Wenn dies geschieht, wäre das Erlebnis für den Betrachter viel besser, aber bis zur Implementierung sollten Sie es tun Vermeiden Sie die größeren Bilder.
Feste Breite und Höhe verwenden
Die Anpassung wird für Benutzer automatisch eingeschränkt, wenn feste Größen codiert werden. Wir haben Problemumgehungen, aber wir müssen immer daran denken, ein Webdesign-Muster zu erstellen, das zu 100 % responsive ist. Eine feste Höhe, die in CSS festgelegt wird, kann den sichtbaren Bereich für den Benutzer einschränken. Das Überschreiten ist durch Anpassungen der Medienabfrage möglich, aber der zusätzliche Code, der hinzugefügt wird, führt zu Leistungsproblemen. Das brauchst du nicht wirklich. In den meisten Fällen sollten Sie keine festen Größen verwenden. Sie müssen im modernen Webdesign-Umfeld so weit wie möglich vermieden werden.
Annahmen über Designanpassungen treffen
Webdesigner arbeiten normalerweise mit Software wie Adobe Photoshop oder Sketch. Wenn die Arbeit erledigt ist, wird allgemein angenommen, dass es einen bestimmten Haltepunkt im reaktionsschnellen Workflow gibt. Bildschirmbreiten, die als Standard angesehen werden, decken viele verschiedene Bildschirmgrößen ab, aber es ist keine Gewissheit, alle abzudecken. Wir haben Tausende von Mobilgeräten, die auf dem Markt erhältlich sind. Es ist sehr schwierig, ein Design zu erstellen, das für alles funktioniert.
Wenn Sie an bestimmten Breiten arbeiten, müssen Sie planen, und vorausschauendes Denken wird zu einer wichtigen Fähigkeit für den Webdesigner. Sie müssen sicher sein, dass keine Annahmen getroffen werden und dass Sie tatsächlich im Browser arbeiten würden, nachdem die reguläre Grafikeditorarbeit beendet ist.
Verwendung zu vieler Effekte und Animationen
Sie können dieses Problem sogar auf einigen der beliebtesten Websites der Welt sehen. So viele Websites bieten ein atemberaubendes Erlebnis, und viele bieten etwas wirklich Einzigartiges und Erstaunliches. Dies bedeutet jedoch nicht, dass Sie so viele Effekte und Animationen wie möglich hinzufügen. Es ist sehr wichtig, die Prinzipien des Webdesigns mit dem Ziel zu kombinieren, die richtige Mischung zwischen Funktionalität und grafischer Wirkung zu finden.
Es gibt zwei große Probleme, die damit verbunden sind, es mit Animationen und Effekten zu übertreiben:
- Die Ladezeit der Seite wird erhöht
- Die Effekte und Animationen werden für ältere Computer problematisch sein
Die derzeit beliebtesten Hacks und Animationen sind solche, die Einblend-, Aufwärts- oder Abwärtselemente hinzufügen. Sie können großartig aussehen und lassen Websites großartig aussehen, aber das bedeutet nicht, dass Sie sie immer verwenden sollten. Prüfen Sie, ob die Gesamtseitenlast für die Geräte, die die meisten Besucher verwenden werden, zu hoch wäre, und vergessen Sie nie die Seitenladegeschwindigkeit. Diese sind sehr wichtig und müssen den Besuchern immer tolle Erlebnisse bieten.
Unsachgemäßes Styling von Links
Dies ist ein Fehler, der viel häufiger vorkommt, als Sie im Moment vielleicht denken. Links müssen immer tun, was sie tun. Das bedeutet, dass die Leute nicht herausfinden werden, dass es sich um Links handelt, wenn ein Link ein unangemessenes Design hat. Wir müssen immer an die Besucher denken, also müssen Links immer wie Links aussehen. Sie können experimentieren und sich nicht an die standardmäßige blaue Unterstreichung halten, aber Sie sollten es niemals übertreiben.
Keine Verwendung von DRY in CSS
Falls Sie sich dessen nicht bewusst sind, DRY bedeutet „Don’t Repeat Yourself”. Es ist eine Methode im Webdesign und bedeutet praktisch, dass dem Designer geholfen wird, Code prägnant zu halten und zu klonen. Für das Website-Styling wird immer nur die Verwendung des notwendigen Codes empfohlen.
Bei der Verwendung von traditionellem CSS sind viele Wiederholungen bei bestimmten Elementen erforderlich, die innerhalb anderer Elemente verwendet werden. Die Selektoren werden am Ende sehr groß und es wird viel Zeit in Anspruch nehmen, sie tatsächlich zu schreiben. Wenn Sie Klassen im Design verwenden, anstatt jedes einzelne Element in der HTML-Seite zu stylen, wird alles viel einfacher.
Eine sehr gute Idee ist im Moment, Vorverarbeitungssprachen wie Sass zu verwenden. Sie sind ziemlich nützlich in Bezug auf die notwendige CSS-Technologie. Die verwendeten Sprachen beschleunigen die Entwicklung und das Design, da sie Funktionen wie Variablen, Funktionen, Mixins, Verschachtelungen und vieles mehr enthalten. Der erzeugte Code wird dann in den CSS-Code kompiliert. Webentwickler und Webdesigner können jetzt weniger Codezeilen verwenden und Wiederholungen können dank der Sprachen einfach vermieden werden.
Anmutige Degradation
Wir können Graceful Degradation als eine Praxis zum Aufbau von Webfunktionen definieren, die in der Lage sind, in einem modernen Browser ein bestimmtes Benutzererfahrungsniveau anzubieten, während sie in älteren Browsern auf niedrigere Benutzererfahrungsniveaus herabgestuft werden. Das klingt ein wenig komplex, aber als Beispiel können wir die Unterstützung von Internet Explorer 8 und 7 besprechen. Sie wären überrascht zu erfahren, dass die meisten Benutzer Browser für längere Zeit einfach nicht aktualisieren. Aus diesem Grund müssen Sie eine ordnungsgemäße Verschlechterung hinzufügen, damit für beide Browserversionen eine ordnungsgemäße Unterstützung vorhanden ist.
Moderne Websites sind einfach zu entwickeln, aber zu einem späteren Zeitpunkt kann man feststellen, dass die Seiten in einem älteren Browser aufgrund bestimmter Abhängigkeiten sehr schlecht aussehen.
Progressive Enhancement
Dies ist etwas, das dem oben erwähnten Graceful Degradation ähnlich ist. Der Unterschied besteht darin, dass der Vorgang umgekehrt abgewickelt wird, indem mit der grundlegenden Erfahrungsstufe begonnen wird, die in jedem einzelnen Webbrowser unterstützt wird. Dann fügt der Designer/Entwickler erweiterte Funktionalität hinzu, die den Browsern zur Verfügung steht, die sie verwenden könnten.
Sowohl diese als auch die obige Option sind kompliziert. Sie werden normalerweise nur von den wirklich guten Designern verwendet. Bei vielen Browsern, die jetzt verfügbar sind, müssen wir die Optionen jedoch ernsthaft in Betracht ziehen. Die Webdesigner lassen normalerweise die Kunden entscheiden, was genau unterstützt werden soll. Sie müssen jedoch versuchen, diese Ansätze zu verwenden, um den Benutzern, die besonders aktiv sind und sich direkt in der Zielgruppe befinden, ein wirklich großartiges Erlebnis zu bieten.
Einer der wichtigsten Teile jeder Website da draußen ist die Navigation. Der Designer muss in der Lage sein, das Besuchererlebnis natürlich zu gestalten. Ziel ist es, die Navigation wirklich einfach und intuitiv zu gestalten. Ein Benutzer wird automatisch verstehen, dass die Erfahrung angemessen ist, wenn das Design dieses Element berücksichtigt hat.
Wann immer die Benutzererfahrung schlecht ist, sehen wir Besucher frustriert. Sie besuchen eine bestimmte Seite einfach nicht mehr und suchen auf anderen Seiten nach Lösungen für ihre Probleme. Die Benutzerfreundlichkeit muss immer vom Designer berücksichtigt werden. Design muss gut aussehen, aber Sie sollten nie die Funktionalität vergessen. Benutzerfreundlichkeit ist erforderlich, und ein Mangel daran würde das gesamte Design unbrauchbar machen.
Mangelnder Fokus auf Inhalte
„Form Follows Function” ist ein weit verbreitetes Architekturprinzip, das im 20. Jahrhundert auftauchte, genau in der Phase des Industriedesigns der modernen Architektur. Dies ist ein Prinzip, an das Sie sich beim Webdesign immer erinnern müssen.
Web- und Grafikdesign sind moderner Architektur in Bezug auf die notwendige Funktionalität sehr ähnlich. Die Gegenstandsform muss sich zunächst nach der Zweckbestimmung bzw. Funktion richten. In Bezug auf Websites können wir sie als Informationsdatenbanken sehen, die über das ganze Internet verteilt sind. Der Benutzer besucht eine Website, um bestimmte Daten zu erhalten. Hier kommt der Inhalt ins Spiel, um diese Daten anzubieten. Wenn der Besucher auf einer Website landet und die Daten nicht findet, sucht er sie woanders, ohne sich das Design anzusehen. Gleichzeitig tritt das gleiche Ergebnis ein, falls das Design es wirklich schwierig macht, die Daten zu finden oder zu verarbeiten.
Internetnutzer wollen jetzt Zugang zu Informationen, und sie wollen, dass dieser Zugang schnell ist. Form Over Function wird im Webdesign wirklich wichtig. Die Nichtbeachtung dieses Prinzips führt dazu, dass das Aussehen statt der angebotenen Inhalte in den Mittelpunkt gerückt wird. Infolgedessen werden Websites nicht wirklich beliebt sein. Der Inhalt muss jederzeit auffallen.
Schlussfolgerungen
Die häufigsten Fehler im Webdesign beziehen sich auf den Versuch, etwas wirklich Schönes und Einzigartiges zu finden, ohne den Grund zu berücksichtigen, warum die Besucher tatsächlich auf eine Website gehen. Aus diesem Grund möchte man immer die nötige Geduld aufbringen, um ein wirklich gutes Design mit vollständiger Funktionalität zu verbinden.
Erstellen Sie immer funktionale Websites und lernen Sie im Laufe der Zeit immer neue Technologien kennen. Die besten Webdesigner der Welt lernen ständig dazu und bleiben immer auf dem Laufenden über alles, was getan werden kann und was nicht. Sie möchten Ihr Webdesign erstellen, mit dem Kunden sprechen und dann sicherstellen, dass die Besucher das Angebot zu schätzen wissen. Das ist viel leichter gesagt als getan, aber mit der Zeit wird alles viel einfacher.
Achte darauf, dass du dir immer so viel Zeit nimmst, wie nötig, um etwas wirklich Großartiges zu schaffen. Ein weiterer unerwähnter Fehler im Webdesign besteht darin, sich nicht die nötige Zeit zu nehmen, um tatsächlich das perfekte Website-Design zu erstellen. Dies geschieht normalerweise, wenn Kunden in kürzester Zeit arbeiten müssen. Stellen Sie sicher, dass Sie immer genug Zeit haben, um das herausragende Webdesign zu erstellen, von dem Sie wissen, dass Sie es können.