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

9

Welche häufigen Fehler sollten beim Entwerfen vermieden werden? Ich weiß, dass Farbe, Text und Bilder eine wichtige Rolle beim Entwerfen spielen, aber es gibt so viele andere Dinge, um die wir uns kümmern müssen! Ich kenne diese anderen Dinge nicht, aber ich weiß, dass es so viele gibt ...

Oft erhalten wir das Endergebnis mit Fehlern (Moll-Dur-sichtbar-versteckt) ...

Meine Frage lautet also:

  • Was sind einige der häufigsten Fehler, die wir machen? (Sie sind auch enthalten, Schatz) (es ist nicht so, dass niemand Fehler macht, jeder macht)
  • Wie kann ich / wir diese Fehler vermeiden?
Jack
quelle

Antworten:

24

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

Für den Anfang müssen Sie "wir" definieren. Es gibt viele, viele Personen und Rollen, die mit dem Entwerfen von Websites befasst sind, und alle neigen dazu, unterschiedliche häufige Fehler zu haben.

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

  • Nicht ordnungsgemäße Definition der Geschäftsziele für die Website.

  • Wenn die wichtigsten Leistungsindikatoren nicht richtig definiert wurden und anschließend keine Systeme implementiert wurden, um den Erfolg der Site anhand dieser Indikatoren zu messen.

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

  • Keine Einbeziehung der erforderlichen Personen oder zumindest Berücksichtigung der Aufgabe unter dem Gesichtspunkt aller erforderlichen Rollen.

    Technische Aspekte von Produktmanagement, Business - Analyse, Marketing, Texten, Datenbankverwaltung, Back - End - Entwicklung, Grafik - Design, User Interface Design, User Experience Design, Usability, Metriken, SEO und mehr, sollte alle in Betracht gezogen werden.

  • Planen oder skizzieren Sie das Design nicht.

  • Vergessen Sie adaptive und reaktionsschnelle Webdesign-Prinzipien.

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

  • Wenn Sie nicht alle Faktoren berücksichtigen, die sich auf die Ladegeschwindigkeit der Seite in der Planungsphase auswirken, und die Geschwindigkeit während der gesamten Entwicklung nicht testen.

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

  • Verwenden von Drahtgittern als Dokumentation anstelle der Skizzen, als die sie verwendet werden sollen.

  • Verwenden Sie während der Entwicklung keine agilen Methoden.

  • Überdesign, ein sehr häufiger Nebeneffekt, wenn keine agilen Methoden verwendet werden.

  • Technologie anstelle von Lösungen wählen.

    Wählen Sie beispielsweise ein Unternehmensprodukt aus all den Gründen, die es gut machen. sogar solche, die nicht auf Sie zutreffen; anstatt zu fragen, ob es in der Lage ist, die spezifischen Probleme zu lösen, für die Sie es wollen.

  • Copywriting / Inhalt 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 keine Faktoren wie Schriftabweichungen, andere Geräte, Bildschirmgrößen, Rückfluss von Inhalten, Interaktionsdesign und viele andere.

  • Entwerfen einer Flash-Datei oder ausgefallener Ideen, die nur mit einer Flash-Datei erreicht werden können, anstelle einer SEO-freundlichen Website mit lesbarem Inhalt.

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

  • Nichtanwendung von Barrierefreiheitsprinzipien bei der Planung, Gestaltung und Implementierung der Website.

  • Warten Sie zu lange, um Benutzer einzubeziehen, und finden Sie dann häufig Änderungen, die Sie früher hätten kennen können.

DA01
quelle
4
Wenn wir Fragen nach der Qualität der Antworten bewerten würden, die sie liefern, würde diese ganz oben auf der Liste stehen. Fantastische Antwort.
Alan Gilbertson
1
Ich akzeptiere, dass ich viele davon mache :( Ich wünschte, ich könnte dies zweimal abstimmen ...
Jack
1
Was bedeutet "Entwerfen einer Photoshop-Datei anstelle einer Website"? zu viele Effekte? Können Sie diese Kugel ein wenig erweitern?
Lauren-Clear-Monica-Ipsum
2
@lauren Ich meine hauptsächlich, die ganze Zeit damit zu verbringen, die Site visuell in Photoshop zu gestalten, anstatt in HTML, CSS und JS. Wenn Sie sich nur auf Photoshop konzentrieren, werden Dinge wie Schriftabweichungen, andere Geräte, Bildschirmgrößen, erneutes Fließen von Inhalten usw. nicht berücksichtigt.
DA01
1
@user los geht's!
DA01
3

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.

Dies 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 führen eine Umfrage durch und es gibt einen Zurück-Knopf und einen nächsten Knopf nebeneinander. Sie benötigen eine Atempause, damit der Benutzer den Knopf drücken und nicht versehentlich auf den falschen tippen kann.

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

Graeme Hutchison
quelle
Ich finde, dass dies auf den SE-Mobilwebsites zutrifft. Ich tippe ständig auf den Link "Frage stellen", wenn ich das Dropdown-Menü "Benutzerkonto" abrufen möchte.
Farray
2

Ich denke, die Antwort von DA01 ist bereits eine ausgezeichnete Liste von Dingen, die zu berücksichtigen sind. Ich füge meine Antwort sowohl hinzu, weil es wichtig ist, als auch um die Frage zu beantworten, 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 vor Beginn des Entwurfs aller Faktoren bewusst sind, die sich auf die Seitenladegeschwindigkeit auswirken , 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 benötigt (extremes Beispiel) Belastung.

Dom
quelle