Technische Informationen

Design-Philosophie

Jede Entwicklung verlangt Kompromisse. Das Besondere an der Gestaltung einer Internetsite ist, dass die Benutzer weitgehend unbekannt sind. Sowohl über die vorhandene Erfahrung im Umgang mit Internetseiten wie auch über persönliche Präferenzen können höchstens aufgrund einer Zielgruppendefinition Annahmen getroffen werden.

Diese Website soll möglichst vielen Schmetterlingsfreunden offen sein. Deshalb waren die wichtigsten Grundsätze:

• Einfachheit: Der Leser soll sofort erkennen, was angeboten wird und wie die Navigation funktioniert.
• Funktionalität: Die Website bietet nicht alles, aber das was sie bietet, soll durchdacht und nutzbringend sein.
• Geschwindigkeit: Durch Verzicht auf Gimmicks (und auch auf attraktive Schmetterlingsbilder) und durch Optimierung des HTML-Codes soll eine kurze Ladezeit erreicht werden.
• Unabhängigkeit: Es werden keine Technologien eingesetzt, die Plugins voraussetzen. Der erzeugte HTML-Code soll mit allen gängigen Browsern und auch älteren Versionen dargestellte werden können.

Falls du eine Seite endeckst, die diesen Ansprüchen nicht genügt, teil mir das bitte mit!

Änderungen (Change Log)

Im SchmetterlingsWiki wird ein Änderungsjournal der Website geführt.

Layout

Jede Seite ist nach dem gleichen Muster strukturiert:

• Links ist das Menü mit fetten Rubrikentiteln und aufklappbaren Untertiteln. Diese entsprechen direkt den aufrufbaren Seitentiteln.
• Im mittleren Bereich ist der eigentliche Inhalt untergebracht. Im Gegensatz zu den linken und rechten Bereichen ist der mittlere Bereich dehnbar und passt sich der Fenstergrösse an.
• Im Inhalt gibt es keine Links. Solche werden auf rechts als Verweise in Boxen angebracht. Diese Verweise beziehen sich immer auf den Inhalt der aktuellen Seite.

Ich habe mich ziemlich lange mit Suche nach einem guten Layout beschäftigt (geht leider dem Inhalt etwas ab, ich weiss). Das aktuelle Layout ist der vierte Wurf (Version 4). Früher gab es:

Version 1
Homepage Version 1 (klick für grösser)	Eigentlich war das erst ein einfacher Rahmen, um den enstehenden Inhalt einbetten zu können. Das Layout stammt ab einer Vorlage der WebDesign-Software GoLive. Um den Bezug zur Natur zu unterstreichen, hatte ich als Grundfabe grün gewählt. Das habe ich dann später fallen gelassen, da es zu sehr an "militärgrün" erinnert und zu wenig peppt.
Musterseite Version 1 (klick für grösser)
Version 2 Die Version 2 war nie so richtig befriedigend, so dass ich parallel an einer Version 3 begonnen hatte. Na ja, und irgendwann ist die V2 dann einer Aufräumaktion zum Opfer gefallen, leider habe ich nichts mehr davon.
Version 3
Homepage Version 3 (klick für grösser)	Mit der Version 3 ging schmetterlinge.ch dann im Januar 2002 online. Von der Seiteneinteilung fast gleich wie die Version 4, allderdings ordnete sich die Navigation oben, links und rechts an, was teilweise als unübersichtlich empfunden wurde.
Musterseite Version 3 (klick für grösser)
Version 4
Musterseite Version 4 (klick für grösser)	Die Version 4 ist vom Erscheinungsbild her nun viel leichter geworden. Das aufklappbare Menu macht die Navigation übersichtlichter (und ist leichter zu pflegen). Auch wurden auf allen Seiten viel mehr mit Bildern gearbeitet, so ist z.B. auf der Linkliste zu jedem Link ein kleines Bild der Homepage eingefügt. Das macht nicht nur die Seite ansprechender, sondern erleichtert auch die Auswahl und erhöht den Wiedererkennungeffekt.

Browser

Eigentlich sollte schmetterlinge.ch in jedem Browser dargestellt werden können. Getestet habe ich die Darstellung in folgenden Browser (immer unter Windows):

• Internet Explorer 5, 5.5., 6
• Netscape 4.7
• Mozilla 1.3
• Opera 6, 7

Wer überprüfen möchte, ob die Darstellung mit einem anderen Browser so ist, wie eigentlich beabsichtigt, kann mit dem Referenzbild vergleichen.