Startseite » Web-Design » 11 häufige Fehler im Webdesign (Fehler)

    11 häufige Fehler im Webdesign (Fehler)

    Es gibt Unmengen von Websites im Internet und pro Tag werden hunderte oder wahrscheinlich Tausende erstellt. Hier ist eine sehr interessante Sache zum Nachdenken - Was sind die Elemente einer guten Website??

    Das Erstellen einer Website kann entmutigend sein, aber die eigentliche Herausforderung besteht darin, sie nutzbar zu machen. Das Problem ist, dass die meisten Webdesigner vergessen, dass die Website nicht für sich selbst erstellt wurde, sondern um die Bedürfnisse der Benutzer zu erfüllen. Sie geben der Kreativität Vorrang vor Praktikabilität und Nutzbarkeit.

    In diesem Artikel möchten wir hervorheben 11 Webdesign-Fehler, die von Webentwicklern und Designern verursacht werden und einige Vorschläge, wie diese Fehler leicht vermieden werden können.

    1. Wo ist das Suchfeld??

    Das Web ist wie ein Informationsarchiv. Unabhängig davon, ob es sich um eine Unternehmens-Website oder nur um einen Blog handelt, ist ein Suchfeld unerlässlich. Der Besucher sucht möglicherweise nach etwas, das auf der Website verborgen ist. Mit dem Suchfeld werden die Chancen groß, dass Besucher das bekommen, was sie wollen.

    Vorschläge:Google Custom Search ist ein ordentlicher, einfacher und effektiver Einstieg. Dadurch können Besucher Ihre Website effizient durchsuchen. Kopieren Sie einfach den HTML-Code aus dem Control Panel und fügen Sie ihn auf Ihrer Website ein. Voil ?? ?? ï, haben Sie eine Suchfunktion auf Ihrer Website.

    Hier ist ein einfacher Formularcode, um die Google-Suchmaschine auch auf Ihrer Website anzuzeigen. Sie müssen lediglich den Site-Namen in den Namen Ihrer Website ändern. Außerdem können Sie den Übergabewert beliebig ändern.

     

    Mehr: Entwerfen des heiligen Suchfelds: Beispiele und bewährte Verfahren- Dieser Artikel enthält Richtlinien zum Entwerfen des Suchfelds.

    2. Schlechte Lesbarkeit und Lesbarkeit.

    Dies ist ein entscheidendes Element des Webdesigns. Natürlich wird ein gutes Interface-Design die Aufmerksamkeit der Benutzer auf sich ziehen, aber die Benutzer müssen Text lesen, um die gewünschten Informationen erfassen zu können. Einige Websites verwenden die bizarrsten Schriftstile und -größen, die das Lesen schwierig machen.

    Vorschläge:Glücklicherweise gibt es einfache Möglichkeiten, um das Leseerlebnis der Nutzer auf Ihrer Website zu verbessern.

    1. Vergleichen Sie das Farbschema der meisten wichtigen Websites und beachten Sie, wie die Farben die Lesbarkeit verbessern. Ein guter Ort, um verschiedene Farbstellungen auszuprobieren, ist Adobe Kuler.
    2. Verwenden ein Serifenlose Schrift da es das Lesen im Web erleichtert.

    Mehr: Hier ist ein guter Artikel, der Ihnen weitere Tipps zur Verbesserung der Lesbarkeit gibt - Lesbarkeit - Webseiten lesbar machen.

    3. Nicht organisiertes Inhaltslayout.

    Der Inhalt einer Website ist der Verkehr, der dazu führt. Wie der Inhalt strukturiert ist, macht ihn zum Erfolg oder Misserfolg. Benutzer lesen nicht, es sei denn, es ist absolut notwendig, sie scannen jedoch Informationen und suchen auf einer Webseite interessante Punkte aus. Einige Designer fügen einfach einen Textblock auf die Webseite ein und vernachlässigen Überschriften, Unterüberschriften, Aufzählungszeichen, Schlüsselwörter, Absätze usw.

    Verwenden Sie für jede Webseite einen geeigneten Seitentitel, damit die Benutzer genau wissen, wo sie sich befinden. Einige Designer vergessen sogar, die Webseite zu benennen.

    Insgesamt ist das Schlimmste in dieser Kategorie, dass ungenaue, unzugängliche, unbedeutende oder veraltete Inhalte auf Ihrer Website erscheinen. Der Inhalt muss mit dem allgemeinen Thema der Website übereinstimmen und nützlich sein. Wenn sich eine Seite im Aufbau befindet, warum sollte sie sich darum kümmern? Wenn ein Designer wirklich muss, dann ist dies nur vorübergehend und 3 Wochen gelten nicht mehr als vorübergehend.

    Vorschläge: Organisieren Sie Inhalte auf Ihrer Website mit HTML und CSS, wenn Sie das Design Ihrer Seiten erstellen.

    1. Erstellen Sie ausreichend Leerzeichen zwischen Ihrem Text und Bildern, indem Sie Ränder verwenden.
    2. Aktualisieren und konsistent sein. Der Zweck der Aktualisierung besteht nicht nur darin, neue Inhalte hinzuzufügen, sondern Fehler der Vergangenheit zu erkennen und zu korrigieren. Jakob Nielsen schlägt vor, Sie mieten ein Netz “Gärtner”.

    Budget für die Einstellung eines Web-Gärtners als Teil Ihres Teams. Sie brauchen jemanden, der das Unkraut entwurzelt und die Blumen neu anpflanzt, wenn sich die Website ändert, aber die meisten Leute würden lieber ihre Zeit damit verbringen, neue Inhalte zu erstellen, als für die Pflege. In der Praxis ist die Wartung eine kostengünstige Möglichkeit, den Inhalt Ihrer Website zu verbessern, da viele alte Seiten ihre Relevanz behalten und auf die neuen Seiten verlinkt werden sollten. Natürlich ist es besser, einige Seiten nach dem Ablaufdatum vollständig vom Server zu entfernen - Jakob Nielsen

    4. Schlechte Navigation.

    Die Navigation innerhalb einer Website sollte nahtlos sein. Benutzer sollten sich leicht orientieren können. Zwar gibt es keinen Standard für die Navigation innerhalb einer Website, insbesondere jetzt, da immer mehr neue Webentwicklungstechnologien auf den Markt kommen, ist es jedoch zwingend zu verstehen, dass die Navigation intuitiv und konsistent sein muss.

    Wenn Text als Navigation verwendet wird, sollte dies kurz gefasst sein. Visuelle Metaphern sollten nicht neu erfunden werden. Wenn Hyperlinks verwendet werden, sollten sie sich vom Textkörper abheben. Tote Links sollten keinerlei Platz auf irgendeiner Webseite haben. Dies erhöht die Verwirrung der Benutzer und kostet Zeit. Und noch schlimmer ist es, auf der Homepage einen Link zu haben, der auf die Homepage verweist.

    Vorschläge:

    1. Machen Sie die Navigation reibungslos, indem Sie für alle Links Textbeschreibungen verwenden. Geben Sie alternativen Text für Bilder ein. Verwenden Sie alternative Textbeschreibungstechniken für Flash- oder Javascript-Links.
    2. Organisieren und strukturieren Sie Ihre Navigation im Einklang mit dem Thema der Website. Persönliche Websites können es sich leisten, kreativer zu sein und gleichzeitig zugänglich zu sein. Eine geschäftliche Website erfordert jedoch mehr Effizienz und Klarheit.

    Denken Sie daran, wenn die Nutzer mit weniger als 3 Klicks nicht finden, was sie wollen, werden die meisten sofort verlassen.

    Mehr: Effektive Website-Navigation implementieren - In diesem Artikel erhalten Sie weitere Informationen zur Implementierung einer effektiven Navigation für Ihre Website.

    5. Inkonsistenter Schnittstellendesign.

    Übermäßige Kreativität kann genau das sein. Übermäßig! Einige Designer gehen beim Erstellen von Websites auf eine andere Ebene, indem sie für jede Webseite innerhalb einer Website unterschiedliche Designs erstellen. Dies ist für den Benutzer keineswegs verwirrend. Und absolut nervig. Unabhängig davon, wie herausragend und attraktiv eine Website ist, wenn das Erscheinungsbild insgesamt nicht konsistent ist, können sich die Nutzer nicht darauf beziehen und fühlen sich weniger beherrschbar. So verlassen, sobald sie ankamen.

    Vorschläge:

    1. Verwenden Sie für jede Seite eine einheitliche Standardvorlage mit Links zu den Hauptabschnitten der Website.
    2. Das Stichwort ist einfach. Erstellen Sie ästhetisch einfache Designs, und Benutzer werden auf Ihrer Website nie verwirrt.

    6. Unfreundliche Bildschirmauflösung.

    Ich bin sicher, wir haben Websites besucht, auf denen Sie horizontal scrollen müssen. Dies ist ein absolutes No-No im modernen Webdesign. Ein guter Designer entwickelt Webseiten, die auf die meisten Bildschirmgrößen passen. Das derzeit optimierte Layout für Websites beträgt derzeit 1024 x 768 Pixel.

    Vorschläge:Es ist schwer und fast unmöglich, das Design für jede Auflösung geeignet zu machen, insbesondere wenn Besucher jetzt von Mobiltelefonen und Netbooks aus surfen. Wir können jedoch eine ungefähre Vorstellung davon bekommen, welche Bildschirmauflösungen im Allgemeinen verwendet werden.

    • Überprüfen Sie Ihre Statistiken - Analysedienste wie Google Analytics bieten Ihnen Informationen darüber, welche Monitorauflösung sie verwenden. Dies sind nützliche Informationen, die Sie kennen sollten, bevor Sie mit der nächsten Überarbeitung beginnen.
    • W3 Schools Browserstatistiken - W3 Schools bietet eine übersichtliche Liste der beliebtesten Browser, die von Internetnutzern verwendet werden, und sortiert sie nach Beliebtheit. Es gibt auch andere interessante und wichtige Statistiken.

    7. Komplizierte Registrierungsformulare.

    Anmeldeformulare sind schwierig. Wie viele Informationen benötigen Sie vom Benutzer? Vorbei sind die Tage, an denen ein Benutzer zig Millionen Details eingeben musste, um sich auf Ihrer Website zu registrieren. Einige Websites machen die meisten Registrierungsfelder obligatorisch und validieren die Felder in dem Ausmaß, in dem der Benutzer nach einigen Versuchen frustriert ist. Denken Sie daran, dass Benutzer eine Website besuchen, um Informationen zu erhalten. Nicht umgekehrt.

    Das einfache Formular von Someecard macht die Registrierung problemlos.

    Vorschläge:Vergleichen Sie die Anmeldeformulare im gesamten Internet und verstehen Sie, welche grundlegenden Informationen der Benutzer während des Registrierungsvorgangs benötigt.

    Mehr: 9 Häufige Usability-Fehler im Webdesign - Dieser Beitrag im Smashing Magazine befasst sich eingehend mit den Anmeldeformularen und anderen Fehlern bei der Benutzerfreundlichkeit.

    8. Skrupellose Verwendung von Bildern / Animationen.

    Zu viele Bilder auf einer Webseite sind eine große Deaktivierung. Bilder können verwendet werden, um die Aufmerksamkeit der Benutzer zu erregen, aber es kann auch eine Ablenkung sein oder einfach nur erschwerend wirken. Bilder sollten verwendet werden, um den Benutzer gegebenenfalls zu veranschaulichen und zu führen.

    Animationen sind großartig und ein starkes Medium. Vor allem bei bestimmungsgemäßer Verwendung. Wenn es ein Zyklus ist oder einfach zu viel auf einer Webseite, geht es den Benutzern auf die Nerven. Benutzer haben nicht die Geduld, Zeit oder Ressourcen, daher müssen Designer Alternativen oder besser noch die Schaltfläche zum Überspringen anbieten, wenn es sich um eine vollständige Seitenanimation handelt.

    Mehr: Blitz: 99% schlecht - Verwenden Sie Flash entsprechend. Es ist fast 10 Jahre her, seit Jakob Nielsen diesen Artikel veröffentlicht hat, aber es ist immer noch relevant für die Flash-Verwendbarkeit, insbesondere für die Bricht Web-Grundlagen Stück.

    9. Durcheinandergewürfelte Seiten, mehr Leerzeichen.

    Zu viele Designer vergessen Leerraum und seine Bedeutung. Sie sind so in ihre eigene Designkreativität verstrickt, dass sie vergessen, dass es nicht um sie geht. Daher versuchen sie, so viel wie möglich auf eine einzige Seite zu stopfen. Endresultat? Eine belebte, überfüllte und nicht lesbare Seite.

    kylestanding nutzt Whitespace in ihrem Design gut aus.

    Hier sind einige Artikel, die Ihnen eine gute Idee über die geben Wichtigkeit von Whitespace im Webdesign:

    • Ein Vergleich von vier White Space-Layouts
    • Der Wert des Leerraums
    • Whitespace

    10. Keine Hintergrundmusik, bitte!

    Die Benutzer wollen nicht cool, sie suchen nach Effizienz. Und ja, 99 Prozent interessieren sich nicht für die Musik auf Ihrer Website. Einige Designer machen es noch schlimmer, indem sie auf jeder Webseite eine andere Hintergrundmusik einfügen.

    Vorschläge:Verwenden Sie keine Hintergrundmusik, Wenn Sie müssen, erstellen Sie jedoch einen Rahmen für die Code- und Benutzersteuerelemente. Auf diese Weise wird die Musik fortlaufend wiederholt, anstatt jedes Mal eine neue Seite in die Website zu laden. Der Benutzer kann jederzeit anhalten oder anhalten.

    11. Test, Test und Test.

    Dies kann nicht überbetont werden. Wie oft waren wir auf Webseiten, die nur mit einem bestimmten Browser angezeigt werden können? Webentwickler müssen beim Testen von Websites eine Art Checkliste haben.

    • Kann die Website in verschiedenen Umgebungen angezeigt werden??
    • Ist das Design-Layout in allen Browsern konsistent??
    • Kann die Website in verschiedenen Einstellungen angezeigt werden, z. B. bei deaktivierten Bildern, deaktiviertem JavaScript usw.?

    Vorschläge:W3C bietet Werkzeuge zum Testen zur Qualitätssicherung an. Auschecken W3C Toolbox zur Qualitätssicherung und Webseiten-Validierung.

    Fazit:

    Halten Sie es einfach, dumm (K.I.S.S). Das ist das Endergebnis. Wenn es einfach ist, ist es brauchbar. Alles in allem halten großartige Websites es einfach und nutzbar. Machen Sie Ihre Hausaufgaben und es geht einfach und natürlich.

    Welche Erfahrungen haben Sie mit Webdesign-Projekten gemacht? Welche anderen Tipps und Gedanken möchten Sie gerne zu Webdesign-Fehlern mit Ihnen teilen??

    Anmerkung des Herausgebers: Dieser Beitrag wird von geschrieben Brujo Owoh für Hongkiat.com. Brujo Owoh ist ein Bachelor-Studiengang für Multimedia-Systeme, spezialisiert auf Webdesign und 2D-Animation. Er liest gerne Fiktion, hängt mit seinen Kumpels rum und folgt den Designtrends auf Twitter. Besuchen Sie Brujos Blog.