Was sind einige häufige Fehler, die ein Designer machen kann, wenn er für das Web entwirft, und wie können sie vermieden werden?

Ja, diese Frage ist unglaublich weit gefasst. Vielleicht ist es als Wiki-Artikel in Ordnung.

Zunächst müssen Sie „wir“ definieren. Es gibt viele, viele Personen und Rollen, die an der Gestaltung von Websites beteiligt sind, und sie alle neigen dazu, unterschiedliche häufige Fehler zu machen.

Hier sind einige Probleme, die ich gesehen habe und die scheinbar immer wieder auftauchen:

• Versäumnis, die Unternehmensziele für die Website richtig zu definieren.

• Versäumnis, die wichtigsten Leistungsindikatoren richtig zu definieren, und anschließendes Versäumnis, Systeme zu implementieren, um den Erfolg der Website auf der Grundlage dieser zu messen.

• Entwerfen für die Wünsche des Kunden und nicht für die Bedürfnisse der Kunden des Kunden.

• Nicht die notwendigen Personen einbeziehen oder zumindest die Aufgabe unter dem Gesichtspunkt aller erforderlichen Rollen betrachten.

  Technische Aspekte des Produktmanagements, der Geschäftsanalyse, des Marketings, des Verfassens von Texten, der Datenbankverwaltung, der Backend-Entwicklung, des Grafikdesigns, des Designs der Benutzeroberfläche, des Designs der Benutzererfahrung, der Benutzerfreundlichkeit, der Metriken, der Suchmaschinenoptimierung und mehr sollten alle berücksichtigt werden .

• Das Design kann nicht geplant oder zumindest skizziert werden.

• Vergessen Sie die Prinzipien des adaptiven und responsiven Webdesigns.

• Vergessen, für Geräte mit Bildschirmen unterschiedlicher Größe und Auflösung zu entwerfen.

• In der Planungsphase nicht alle Faktoren berücksichtigen, die sich auf die Seitenladegeschwindigkeit auswirken, und die Geschwindigkeit während der gesamten Entwicklung nicht testen.

  Häufige Fehler sind das Laden hochdetaillierter Grafiken unter nicht optimalen Bedingungen (z. B. als Hintergrundbild) und im Allgemeinen das einfache Herunterladen zu vieler großer Assets ohne Optimierung der Ladebedingungen.

• Verwendung von Wireframes als Dokumentation anstelle der Skizzen, als die sie verwendet werden sollen.

• Keine Verwendung von agilen Methoden während der Entwicklung.

• Over-Design, eine sehr häufige Nebenwirkung der Nichtverwendung agiler Methoden.

• Technologien statt Lösungen wählen.

  Wählen Sie beispielsweise ein Unternehmensprodukt aus all den Gründen, die es gut machen; sogar diejenigen, die nicht auf Sie zutreffen; Anstatt sich zu fragen, ob es in der Lage ist, die spezifischen Probleme zu lösen, für die Sie es haben möchten, nun.

• Copywriting/Content vergessen. Dies muss früh im Prozess erfolgen – nicht später.

• Entwerfen einer Photoshop-Datei anstelle einer tatsächlichen Webseite.

  Wenn man sich nur auf Photoshop konzentriert, berücksichtigt man Faktoren wie Schriftartvarianzen, andere Geräte, Bildschirmgrößen, Umfließen von Inhalten, Interaktionsdesign und viele andere nicht.

• Das Entwerfen einer Flash-Datei oder ausgefallene Ideen, die nur mit einer Flash-Datei erreicht werden können, anstelle einer SEO-freundlichen Website voller lesbarer Inhalte.

• Erstellen Sie das funktionierende Website-Design mit Fokus auf einen bestimmten Browser, anstatt kontinuierlich in so vielen Browsern wie möglich zu testen.

• Versäumnis, Barrierefreiheitsprinzipien bei der Planung, Gestaltung und Implementierung der Website anzuwenden.

• Sie warten zu lange, um Benutzer einzubeziehen, und stellen dann oft fest, dass etwas geändert werden muss, von dem Sie früher hätten wissen können.

Ich denke, ein sehr häufiger Fehler im Webdesign ist im mobilen Web offensichtlich.

Wenn Sie auf einem kleinen mobilen Gerät wie iPhone oder BlackBerry im Internet surfen, werden Sie feststellen, dass die Schaltflächen manchmal zu klein sind.

Nun, das ist nicht immer der Knopf selbst, aber ein Fehler, der gemacht wird, ist, dass oft nicht genug Platz um den Knopf herum ist.

Nehmen wir an, wir machen eine Umfrage und es gibt einen Zurück-Button und einen Weiter-Button nebeneinander, sie brauchen Luft zum Atmen, damit der Benutzer den Button drücken kann und nicht versehentlich auf den falschen tippt.

Dies ist eine häufige Sache und eine wichtige Überlegung beim E-Mail-Design für mobile Benutzer.

Ich denke, die Antwort von DA01 ist bereits eine ausgezeichnete Liste von Dingen, die zu berücksichtigen sind. Ich füge meine Antwort hinzu, weil es wichtig ist, und um die Frage anzustoßen, da ich wirklich gerne mehr Antworten darauf sehen würde.

Ein weiterer sehr wichtiger Aspekt bei der Gestaltung einer Website ist die Geschwindigkeit. Wenn Sie sich aller Faktoren bewusst sind, die sich auf die Seitenladegeschwindigkeit auswirken, bevor Sie mit dem Design beginnen, sollten Sie sicherstellen, dass Sie nicht viel Zeit mit der Erstellung von Grafiken und Architekturen verbringen, die Sie später vollständig ändern müssen, da die Website 30 Sekunden (Extrembeispiel) benötigt, um sie zu erstellen Belastung.