Wodurch sich gutes Web Design auszeichnet

Vor ein paar Monaten war ich nach Wegen, um die schlüsselfertige Web-Site zu verbessern suchen. Ich verbrachte viel Zeit damit gute Website Design online nach:

  1. Studium der Theorie der Website-Design von Ressourcen wie “A List Apart”.
  2. “Reverse engineering” die Gestaltung der bestehenden erfolgreichen Web-Sites:
    • Good.is Online-Magazin / community
    • Der WordPress-Blog
    • Techcrunch
    • A List Apart (sie sind die Experten für Website-Design und Usability)

Ich zahlte vor allem Aufmerksamkeit auf die sozialen Aspekte der Web-Seiten, die ich studiert, als ich an der Verbesserung der sozialen Erfahrung auf dem TurnKey Website sowie war.

Ich wollte mein Verständnis von guten Web-Design im Allgemeinen zu verbessern. Nicht nur für meine Arbeit auf dem TurnKey Website. Bis dahin werden wir besprachen unsere Ideen für die schlüsselfertige Hub und es war klar, es würde sich als nützlich für die auch kommen.

Außerdem sind die Grundsätze der guten Web-Design und guter Usability im Allgemeinen eng verwandt. Viel darüber nachgedacht, man ist eine gute Übung für die Verbesserung der anderen Seite.

Bottom line, raffinierte ich, was ich bisher auf ein einfaches Design-Methodik gelernt:

  1. Brainstorming: put in das Schreiben eine Liste von Ideen von Gegenständen, die dem Benutzer präsentiert werden soll. Anything goes, in keiner bestimmten Reihenfolge.
  2. ACHTUNG Karte: translate der Brainstorming-Liste in eine Aufmerksamkeit Karte von:
    • Gruppierung ähnliche Artikel: Dinge, die wirklich verschiedene Teile eines Design-Element sind
    • Die Bestellung der High-Level-Elemente nach Priorität (1, 2, 3 …)
    • Übersetzen der bestellten Elemente in eine Zeichnung von Blöcken, die die Aufmerksamkeit des Benutzers teilen gemäß der Priorität geben wir das Element.

    Sie tun das, indem man berücksichtigt, dass Benutzer nicht lesen oder zu analysieren Seiten, überfliegen sie sehr schnell (zB ein paar Millisekunden). Die Menge an Aufmerksamkeit, die Elemente auf der Seite erhalten, sind durch ihre Größe und Lage erfolgen. Englisch Publikum Scan einer Web-Seite von oben nach unten, von links nach rechts, so einen großen Posten auf der oberen linken hat eine viel höhere Chance auf Aufmerksamkeit, als ein kleiner Punkt auf der rechten unteren Ecke.

    Stellen Sie sich vor, dass es Energie nimmt für das Auge zu behalten und Scannen mit jedem Millisekunde Ihre Besucher eher zum Lesen zu stoppen, werden abgelenkt, eine Entscheidung zu treffen, auf einen Link klicken, schließen Sie die Registerkarte, etc.

    Fragen können wir uns fragen, um die Priorität eines Elements zu bestimmen:

    • Ist es informativ? (Z.B. Blog-Post, weiterführende Links)
    • Wie nützlich ist es für den Anwender? (Z.B. Suchfeld oder die Navigation links)
    • Ist es ein Aufruf zum Handeln? (Z. B., melden Sie sich!)
    • Ist es zur Verbesserung der Glaubwürdigkeit der Site? erleichtern, uns zu vertrauen? (ZB bekannte Marken und Logos, Zeugnisse, Blog-Archiv)
    • Ist es ermutigen, Beiträge der Community? (Z.B. Liste der Top-Poster, recent comments box)

    In Bezug auf Wiederholung, in einigen Fällen kann es sinnvoll sein, ein Element (z. B. RSS abonnieren Logo) an verschiedenen Standorten haben. Schonender Umgang mit der Wiederholung verbessern können Anwender Engagement.

  3. Funktionale Umsetzung: Übersetzung der “Aufmerksamkeit map”-Design, eine funktionale Website Umsetzung. Pay minimal auf Formular / styling Überlegungen zu diesem Zeitpunkt.
  4. Styling: machen die Website der funktionalen Informations-Architektur aussehen optisch ansprechend

Dies fasst meine Denkprozess, und es scheint ziemlich gut zu funktionieren in der Praxis auch. Für beste Ergebnisse versuchen Sie nicht, auf alle Schritte auf einmal zu arbeiten. Ich finde, ich bin viel effektiver, wenn ich geistigen Kontext-Switches zu minimieren und konzentriere mich voll Gehirn Macht auf jedem Schritt getrennt.

Sponsored Link

Spiele