Colorscheme

Website-Entwicklung – Skizzieren der Website


Es fängt alles mit einem Kulli und einem weißen Blatt Papier an, darauf überlegt man sich wie seine zukünftige Website aussehen soll. Doch den meisten fällt es schwer seine Website zu skizzieren, welche Bereiche existieren, was muss wohin, welche Größe steht welchem Element zu? Wer erstmal nicht weiß wie er seine eigene Website skizziert, sollte einfach mal mit einer schon existenten Website anfangen:

  1. man nehme sich eine Website – um die Wahl nicht zu schwierig zu gestalten, empfehle ich euch das Archiv von TemplateMonster.com. Ich habe mich für das Website Template #11039 entschieden.
  2. Danach zeichnet man die Boxen und Bereiche auf ein weißes Blatt Papier. Dabei geht es weniger um ästhetik als vielmehr um die Bereiche und das man es einfach mal gemacht hat. Geht dabei aber nicht ins Detail, sprich verzichtet auf Text, einzelne Links könnt ihr allerdings eintragen
  3. Nachdem ihr das Layout skizziert habt, benennt ihr nun die Boxen und Bereiche. Der Name der Website ist zum Beispiel die Corporate Identity, News lassen sich leicht ausmachen und der Business-style-Begrüßungstext ist auch schnell zu finden.
  4. Auf der Rückseite erfasst man nun alle gesetzten Bereichsnamen (Navigation, Unternehmenskommunikation, Features, Content, usw.) und ordnet diesen die einzelnen Punkte zu. Zum Beispiel kommt zum Bereich “Unternehmenskommunikation” die Punkte “Corporate Identity (CI)”, “Was gibt es hier” und “Einstieg”

Dadurch lernt man die unterschiedlichen Bereiche einer Website kennen (natürlich unterscheiden die sich, jenachdem welches Thema die Website behandelt), kriegt ein Gespür dafür an welcher Position welches Element platziert werden kann und erhält schonmal einen ersten Einstieg für das Skizzieren der eigenen Website. Ich skizziere gerne neue Layouts, auch wenn ich sie nicht unbedingt umsetze. Dadurch das ich die Elemente zeichne muss ich auch immer wieder hinterfragen warum gerade dieses Element an jene Position kommt, welchen Sinn das macht und ob es für die Usability sinnvoll ist.


Verwandte Artikel
  1. Die Bildung einer Corporate Identity für die eigene Website
  2. Was will der Besucher auf meiner Website
  3. Website-Analyse 6 – Eyecatcher
  4. Welche Website-Statistiken sind mir wichtig und warum
  5. Haben die Farben meiner Website genug Kontrast

am Mai 24, 2006 um 13:56 Uhr | in Webdesign, Websites | Kein Kommentar

Bislang keine Kommentare

Sei der erste, der einen Kommentar abgibt

Tut mir leid, die Kommentarfunktion für diesen Beitrag ist geschlossen.