Variante 3

Button und Farbe

Habe heute die neue Gestaltung der Buttons auf alle Elemente erweitert und die Farbe der übrigen Elemente rausgenommen und durch Graustufen ersetzt. Dies dient dazu, die Elemente hierarchisch durch die Helligkeit einzuordnen. Weiters habe ich die Buttons im Vergleich zum vorigen Beitrag im "nicht-aktivierten-Zustand" eingebaut. Ich denke es wird nun langsam, jedoch Farbigkeit und die Größen der jeweiligen Elemente müssen noch getestet werden. Dies gilt ebenso für die Karte, die ich ein wenig mit frischeren Farben eingedeckt habe und deren "kleinerer Anfasser" eine diagonal Richtung (Rotation) bekommen hat, um die Skalierungsmöglichkeit zu verdeutlichen.

zeitleiste_3_15_klarheit_button_reduziert
|

Es leben die Buttons

Nach längerer Zeit bin ich wieder da! Habe in der Zwischenzeit mal meine Theorie ein bisschen auf Vordermann gebracht und die 2 fehlenden Kapitel geschrieben. Nach Besprechung mit Michael gab ich mir einen erneuten Ruck und hab mal was anderes versucht. Freu mich allerdings auf die Besprechung am Freitag, da ich sie nötig habe Winking. Hier mal der neue Versuch, ein wenig verspielt, dennoch viel besser als vorher.

zeitleiste_3_14_klarheit_button_gross

zeitleiste_3_14_klarheit_button_klein
|

Michael Besprechung

Hola! Hatte heute Besprechung mit Michael und diese brachte erneut Erkenntnisse. Sein Vorschlag war von den bisher eingesetzten Pfeilen Abschied zu nehmen und auf "Bekanntes" zurückzugreifen. Mit Bekanntem sind dabei "Riffelungen" gemeint, wie wir sie von OSX oder Windows kennen. Habe daher mal ein paar Tests gemacht. Ausserdem nochmals mit Strichstärken und Farbigkeit herumgespielt. Die Farbigkeit geht dabei immer mehr auf eine dunklere Gesamtstimmung, da sie am Screen so angenehmer fürs Auge ist. Im Detail sehet nun selbst:

buttontests_unten

buttontests_oben

zeitleiste_3_12_klarheit_linien_feiner_mike_klein

zeitleiste_3_12_klarheit_linien_feiner_mike_gross
|

Hell/Dunkel

Heut steht viel im Raum. Neben zahlreichen kleinen Änderungen habe ich nun auch mal den Hintergrund eingefärbt mit einer sehr positiven Überraschung: Alles ist besser als weiß! Habs auch gleich auf dem Beamer ausgetestet und dort ists ebenfalls viel besser. Dazu habe ich den Gedanken angedacht, dass bei aktiviertem Anfasser sich auch der Hintergrund in der Helligkeit ein wenig ändert (unteres Bild), allerdings ist dies meines Erachtens überflüssig und sorgt für Verwirrung.

zeitleiste_3_10_klarheit_fenster_farbe_aktiviert_hell

zeitleiste_3_10_klarheit_fenster_farbe_aktiviert_dunkel
|

Linien und Farbe

Hab versprochen das es weiter geht und ist hiermit geschehen. Bei dieser Variante habe ich nun nochmals mit den Strichstärken gespielt und diese bei den Anfassern zurückgenommen. Weiters sind die "Zeitauswähler" nun nochmals deutlicher hervorgehoben. Somit ist alles was nun ausgewählt oder verschoben werden kann orange. Leider weiß ich bezüglich der Farbwahl immer noch nicht weiter. Hoffe daher, dass sich dies bald ändert oder sogar schon in die richtige Richtung geht. Bleib auf jeden Fall dran.

zeitleiste_3_10_klarheit_fenster_farbe_linien_fein
|

Kleiner CleanUp

Kleine Verbesserung an der Zeitleiste. Jetzt wirkt die ganze Sache nochmals kompakter und einheitlicher! Geht immer weiter, weiter, weiter Winking

zeitleiste_3_9_klarheit_fenster_farbe_linien
|

Fensterversuch

Habe heute mal versucht eine "Fenstervariante" (mit Rahmen) zu gestalten. Finde dies sehr schwierig, da mir die Strichstärken Kopfschmerzen bereiten Winking. Dennoch ein Versuch ist es sicherlich wert. Um mich voll auf die Form konzentrieren habe ich zu Beginn übrigens alle Farben rausgenommen und jetzt am ende nur die "Anfasser" eingefärbt. Hoffe dies bringt mich nun einen Schritt weiter. Auf jeden Fall gibt es nun einen besseren Gesamteindruck. Für Vorschläge bin ich sehr offen.

zeitleiste_3_7_klarheit_fenster_geschlossen

zeitleiste_3_7_klarheit_fenster__offen
|

Größere Baustelle

Hola, heut wieder mal gute Ratschläge bekommen Winking , danke an dieser Stelle. Habe so gut wie möglich versucht diese auch umzusetzen. Bei der Karte sind nun alle "Hints" in der gleichen Größe und sobald man sie anfasst poppen diese erst auf die gewünschte Größe auf. Weiters wurden die Pfeile in Form und Größe überarbeitet und ebenfalls versuchsweise einmal schwarz eingefärbt. Bei der Zeitleiste wurde die Monatsanzeige nach oben versetzt um so die Zugehörigkeit zum jeweilig ausgesuchten Jahr zu verdeutlichen. Die Jahre die zuvor noch orange waren wurden ebenfalls entfernt. Die rundliche Gesamtform wurde ebenfalls geändert in eine Eckige, die so nun zur Karte passt. Was mir nicht gelungen ist bzw. meiner Meinung nach auch keinen Sinn macht ist eine Art "Fensterrahmen" um die gesamte Zeitleist zu gestalten. Die Form ist zu unregelmäßig und ich denke ein Rahmen würde stören und nicht der angestrebten Kompaktheit dienen. Falls ich hier falscher Meinung bin bitte melden und die Idee genauer verdeutlichen. Zwischen den Themengebieten wurde zusätzlich noch eine Linie eingebracht um diese besser unterscheiden zu können. Beim Anfasser habe ich ein wenig Sättigung herausgenommen, damit die Anfasser zum Zeit einstellen an Wichtigkeit gewinnen. Das war soweit mein kleiner Umbau, Farbigkeit noch nicht inbegriffen.

Bitte um Meldung und weitere Vorschläge!! Ich hoffe ich bin auf dem richtigen Weg?! DANKE

PS: Habe einen kleineren Programmiertest durchgeführt und hatte ein Treffen mit Armin. Dieser legte mir schlussendlich ebenfalls nahe einen "Dummy" auf die Füße zu stellen, da die Programmierung in meiner Situation viel zu aufwändig und zeit intensiv wäre. Danke an dieser Stelle, ich werde mir den Rat zu Herzen nehmen.

zeitleiste_3_7_klarheit_fenster
|

Kleinere Baustelle

Wieder mal die Details!!! Monatsanzeige aufgrund der Leserichtung versetzt, und die Infoanzeigen ein wenig aufgepeppt. Habs mir nicht nehmen lassen können ein bisschen Schatten hinzuzugeben Winking. Wieder ein Schritt, jedoch geht's auch schon weiter.

zeitleiste_3_5_klarheit_starker-umbau
|

Gröberer Umbau

Habe jetzt mal in der Struktur des Menüs versucht etwas mehr Einheitlichkeit zum Aufbau der Karte zu erzeugen. So ist nun der Anfasser auch auf der rechten Seite. Auch die Grundform des Menüs wurde jetzt an die "Zeiteinstellungsleiste" angepasst. Schrift bekam etwas mehr Laufweite und "Bold-Charakter". Hoffe das der Aufbau des Menüs/Zeitleiste nun endlich klarer ist und die Strichstärken in etwa stimmen. Farbigkeit ist jetzt sicherlich noch ein Thema, um die Aufmerksamkeit des Benutzers auf die "wichtigen Elemente" zu richten. Mal sehn wie's weiter geht. Die Bilder zeigen nun die gemachten Veränderungen und einmal einen nicht aktivierten,- und einmal einen aktivierten Zustand der Anfasser.

zeitleiste_3_5_klarheit_starker-umbau

zeitleiste_3_5_klarheit_starker-umbau_aktiviert

|

Verbesserungen

Auf ein paar Anregungen habe ich nun Strichstärken, Positionen und Farben korrigiert. Jetzt folgt jedoch dann ein etwas gröberer Umbau des Systems der hoffentlich mehr Klarheit und Einheitlichkeit erzielt. Dennoch sind hier auch ein paar weitere Ideen enthalten. Die Kreise neben Medicine-Info und Economic-Info dienen als "Erkennungsmerkmale" die sich dann wieder in der Karte finden. Die Pfeile bei den Anfassern tauchen auf, sobald man sie berührt.

zeitleiste_3_4_klarheit_verbessert

zeitleiste_3_4_klarheit_verbessert_klein
|

Weiter weiter

Und wieder mal ist ein bisschen was weiter gegangen. Weniger reden ist jetzt angesagt, sondern "sehen":

zeitleiste_3_2_klarheit
|

Aller Neuanfang geht weiter

Jojo, heute tolle Besprechung mit Detlef gehabt. Viele wichtige Erkenntnisse die jetzt umgesetzt werden wollen. Hab auch gleich damit angefangen und die gröbsten Änderungen mal angedacht. Es bleiben allerdings jetzt noch viele Fragen offen. Z.B. ist es nötig die Monate anzugeben?; wie kann ich einen Kurzüberblick der Geschehnisse innerhalb eines Jahres angeben?; Farbigkeit?, Schrift?; und vieles mehr. Hoffe auf baldige Antworten, jedoch Eines ist jetzt schon klar, dass alles klarer wird!!! Winking

zeitleiste_3_1_klarheit_zeitzeitleiste_3_1_klarheit
|