Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Erste Hilfe Web Design – Wie vermeide ich die s...

Erste Hilfe Web Design – Wie vermeide ich die schlimmsten Fehler?

Was sind die häufigsten Fehler im Web Design und wie kannst du sie vermeiden, damit deine Projekte konzeptionell und gestalterisch noch besser werden? Um eine inhaltlich wie grafisch ansprechende Website professionell gestalten zu lassen, fehlt manchmal die Zeit oder das Budget. Also machst du es selbst, vielleicht etwas unzufrieden mit dem Ergebnis oder unsicher, was man noch verbessern könnte, um sich mehr abzuheben. Wenn du das kennst, dann ist dieser Vortrag genau richtig für dich.

Mit zahlreichen Beispielen lernst du die zehn schlimmsten Fehler im Web Design kennen und die dazu passenden Erste-Hilfe-Maßnahmen gleich dazu. So verbesserst du deine Designs und holst mehr für dich und deine Kunden heraus.

Oliver Schöndorfer

April 07, 2018
Tweet

More Decks by Oliver Schöndorfer

Other Decks in Design

Transcript

  1. II. I. III. glyphe II. Struktur & Navigation I. Inhalte

    III. Design Kann ich mich zurechtfinden? Worum geht es? Ist die Atmosphäre ansprechend?
  2. glyphe – Sie sind der wichtigste Teil – Nicht nur

    Text, auch Bilder, Videos, Audio-Files, etc. – Gute Qualität, gut strukturiert und gut geschrieben – Sollten SEO bedenken Die Inhalte sind das Herz einer Website
  3. glyphe – Was soll mit der Website erreicht werden? –

    Wie soll man sich mit den Kunden oder der Zielgruppe verbinden? – Wie könnte die Website im Tagesgeschä unterstützen? Lege Ziele für die Website fest
  4. glyphe – Worum geht es? – Wozu brauche ich das?

    Wobei hil es mir? – Was macht es besonders? (USP?) – Welche Optionen gibt es? Was soll ich machen? Beantworte Fragen der User
  5. glyphe miyo.garden Vage Headlines, zu viel Text Bilder bezugslos zum

    Inhalt vorwiegend Dekoration Undeutliche Darstellung
 der Funktionsweise Undeutliche Zuordnung
 der Inhalte Keine Kaufaufforderung
 bis zum Ende der Seite Gute Feature-Aufbereitung
  6. glyphe betterspot.com Attention Was ist es? Wobei hilft es? Interest

    In die Themen Datenschutz und Sicherheit Desire Features, App und einfache Anwendung zeigen Action Jetzt kaufen
  7. glyphe – Denk darüber nach was du erzählen möchtest –

    Nutze das AIDA-Modell – Ende mit einer Aufforderung, einem Call to Action Entwickle eine klare Story Line
  8. glyphe – Navigation scha Orientierung (wo bin ich, wohin kann

    ich gehen?) – Klare Struktur ordnet das Chaos – Setze Prioritäten, das fokussiert darauf was für Website und Nutzer am wichtigsten ist Mach es Menschen einfach
  9. glyphe – Fünf bis sieben Links maximal – Verwende kurze

    Wörter – Denke an Mobile – Sollte immer zugänglich und an der selben Stelle sein Schaffe eine einfache Navigation
  10. glyphe – Unterteile die Website in deutliche Sektionen – Nutze

    Überschriften und Textauszeichnungen – Verwende sprechende Links Baue eine klare Seitenstruktur
  11. glyphe – Nutze bekannte, vertraute Usability Pa erns – Gewisse

    Elemente sollten sich wie erwartet verhalten – Denke an Accessibility Biete die beste Usability
  12. glyphe – Du kannst nichts nicht gestalten – Es legt

    die Stimmung fest und zeugt von Professionalität – Manchmal ist es offensichtlich, machmal subtil – Design alleine kann nichts retten Alles ist Design
  13. glyphe – Eine Kernaussage pro Seitenbereich – Strukturiere die Inhalte

    – Schaffe Hierarchie durch Abstände und Größenverhältnisse Räum dein Design auf
  14. glyphe wien.gv.at Unpassende Schriftart auf iOS, die den Text schwerer

    zu lesen macht, als auf Android  iOS Android
  15. glyphe – Nutze robuste Schri arten – Schaffe deutliche Hierarchien

    – Achte auf guten Kontrast – Setze den Text in ausreichender Größe (mind. 16 px) – Verwende niemals Blocksatz im Web – Niemals Hab ein Herz für Typografie
  16. glyphe – Inhalte müssen auch am Handy passen und funktionieren

    – Gleiche Inhalte für Mobile und Desktop – Seiten sollten schnell laden, auch im Mobilfunknetz Denke Mobile first
  17. glyphe – Beobachte User, wie sie die Website verwenden –

    Auf verschiedenen Geräten und Auflösungen testen – In verschiedenen Situationen (schelle und langsame Verbindung) – Mit bestimmten Zielen (z.B. neue Kunden gewinnen) Teste deine Website
  18. glyphe 1 Lege Ziele fest 2 Achte auf User-Bedürfnisse 3

    Schaffe eine Story-Line 4 Baue eine einfache Navigation 5 Bau eine klare Seitenstruktur 6 Biete die beste Usability 7 Räum dein Design auf 8 Achte auf gute Typografie 9 Denke Mobile First 10 Testen, testen, testen Die Erste Hilfe Maßnahmen
  19. Icons by hunotika from the Noun Project Gemeinsam heilen wir

    das Web! Oliver Schöndorfer glyphe www.8660.at