look & feel Gestaltungs-Entwurf Screendesign Coris Clusterorientiertes Informationssystem

Transkript

1 look & feel Gestaltungs-Entwurf Screendesign Coris Clusterorientiertes Informationssystem Legon Informatik GmbH Industriestrasse 8 CH-5722 Gränichen Tel. +41 (0) lehner@legon.ch Graphic Design Urs Rutschi urs@rucci.ch 1

2 Grundidee Idee ist es, der Gedanke vom Cluster (Ballung, Hauffenbildung) als zentrales Element in der Gestaltung zu übernehmen. Dies könnte zum Beispiel mit der zufälligen Anordnung von Pixelpunkten, die sich nach bereits auf der Oberfläche vorhandenen Punkten ballen visualisiert werden. Eine Fläche wird mit Punkten bedeckt und dabei dienen die aufgetragenen Punkte als anziehende Masse. Diese Fläche wird u. a. als Hintergrund der einzelnen Webseiten und eventuell später auch in anderen Medien eingesetzt. Dabei kann jede Webseite nach dem Zufallsprinzip aufgebaut, in Farbe und Form anders aussehen. «Mit Punkten bedeckte Fläche mit Ballungen (in Photoshop) «Fläche mit neuem Logovorschlag 2

3 Logo Redesign Der Vorschlag basiert auf der Hintergrundgestaltung. Durch die Dreidimensionalität und den leichten Schatten steht das Logo so klar im Vordergrund und hebt sich so ab. Der Grauton garantiert, dass es zu jeder beliebigen Hintergrundfarbe passt. Schrift: Meta Subtext: Pixelfont 04 b 3

4 Webseiten-Struktur Die Webstruktur soll das für den Besucher Wichtigste der Seite zuerst zeigen und der Einfachheit halber in Unterpunkten zusammengehörende Inhalte als Menupunkt bündeln. Intro Home Suche Login Suchausgabe Listen Suchausgabe Mind-Mappings Suchausgabe Landkarten Cluster Regionen Info Kontakt Mapping Listen Unternehmen Einzelansicht Karten Listen Unternehmen Einzelansicht Unterseiten aus Konzept und Hintergrund Unterseiten Auf der Startseite sind deshalb die Suche als wichtigstem Inhalt, das Login für Firmenbenutzer der Datenbank und das Hauptmenu untergebracht. Zusätzlich ist hier eine Servicenavigation denkbar, die zum Beispiel direkte Links zu FAQ (Frequently Asked Questions), den AGB (Allgemeinen Geschäftsbedingungen) oder den Sponsoren beinhalten könnte. Alle Startseiten, die zu Unternehmenslisten und schlussendlich -informationen führen sind bei der Strukturierung als die wichtigsten Seiten betrachtet worden. Deshalb sind die weiteren Hauptmeupunkte der Punkt "Cluster" und der Punkt "Regionen", nach denen auch wieder eine Suche nach Informationen zu Unternehmen stattfindet. Des weiteren sind neu die Menupunkte "Konzept" und "Hintergrund" im Punkt "Info" zusammengefasst. Ein Beispiel für eine Startseite mit Suchformular finden Sie weiter hinten im Anhang 4

5 Gestaltung Startseite Die Seiten sollen möglichst übersichtlich den Focus auf das Wesentliche richten. So ist auf der Startseite im Hauptteil, unterhalb des Titels, nur gerade die Suche untergebracht (siehe nebenstehenden Screenshot oder das Html-Beispiel unter *). Auf dieser Seite befindet sich noch das Login für Firmen-Benutzer, die Ihre Daten anpassen wollen und bei Bedarf eine Subnavigation. * Das Html-Beispiel betrachten Sie am besten mit dem Netscape Navigator 5

6 Die Suche ist so aufgebaut, dass bei jeder Eingabe nach den eingegebenen Buchstaben und Buchstabenkombinationen die Datenbank durchsucht und bereits eine Liste der gefundenen Inhalte ausgegeben wird (siehe nebenstehenden Screenshot oder das Html-Beispiel unter html *). Hier wurde in der Suche bereits die Buchstabenfolge "BMW" eingetippt was die nachfolgende Liste ergibt. In der Liste werden die Firmennamen als Link ausgegeben. Es ist denkbar, dass diese Liste mit diversen Stichworten, wie der Firmengrösse, dem zugehörigen Cluster, der Region, usw. erweitert wird. So kann mit Hilfe von Spaltentiteln die ganze Liste nach den jeweiligen Bedürfnissen neu geordnet werden. Im weiteren könnten hier Symbole untergebracht werden, welche den Benutzer direkt zur Kartenansicht oder zur Clusteransicht führen. In der Ansicht der Suchliste verschwindet das Login und wird eventuell durch ein Werbebanner ersetzt, das vielleicht sogar zum gesuchten Stichwort passt. * Das Html-Beispiel betrachten Sie am besten mit dem Netscape Navigator 6

7 Textansicht «Seite mit Text (siehe auch unter Z.B. die Infoseiten bestehen zu einem grossen Teil aus reinem Text. Hier erweitert sich der mittlere Teil unter dem Titel nach der Menge des Textes. 7

8 ANHANG Die Webseite der SBB (Schweizerischen Bundesbahnen) startet bereits mit einer Suchmaske. 8