"Endspurt"

Hola!! Nach einem Blog - ruhigeren - Wochenende melde ich mich wieder zurück und hoffe, dass die Arbeit der letzten Tage nicht umsonst war Winking. Wo soll ich anfangen? Nach der letzte Besprechung aus der hervorging, dass ich doch noch einiges zu ändern hatte passierte folgendes:

Am Anfang machte ich mal eine kleine Transformation (nicht exakt) um mich an meine finale Form heranzutasten. Entschied mich schlussendlich trotzdem für das Kreuz mit abgerundeten Ecken, da es einfach am klarsten und angehmsten ist (siehe folgendes Bild 2te Reihe). Auch einen "gedrückt-Status" habe ich mal probiert.

buttontest_3_formfindung

Nachdem diese Entscheidung getroffen war machte ich mich an die Zeitleiste, die ich nun als praktisch eigenes Fenster gestaltet habe (vgl. Besprechung). Da mir die Einstellungspfeile für die Jahre Probleme bereiteten machte ich gleich einige Versuche um die beste Variante zu finden. Am Ende der Reihe des nächsten Bildes sieht man das damals vorläufige Ergebnis mit Stati der Buttons.

buttontest_3_fenstertests

Am nächsten Tag (Sonntag) überarbeitete ich nochmals meine Ausgangsformen, da ich feststellte, dass die Größe am Beamer der Formen zu klein war. Noch dazu gestaltete ich den "gedrückt-Zustand" der Buttons neu und setzte diese in ein grau, um später für die Farbwahl ein besseres Gefühl zu bekommen.

buttontest_4_formfix

Auch die Fenster und hierbei besonders die Einarbeitung des oberen Buttons in den Fensterrahmen wurden erneut überarbeitet. Ich entschied mich schließlich für die ganz rechte Variante, da diese am Besten am Beamer zu erkennen war und zugleich den Fensterinhalt nicht überdeckt.

buttontest_4_oberesende

Wieder einige Fenstervarianten. Hier galt nochmals besonderes Augenmerk auf den "gedrückt-Zustand" der Buttons. Versuche Verlaufe usw. jedoch dies war zu überladen und so kam ich auf die finale Lösung die eine klare Form besitzt und das "Gedrücktsein" der Buttons gut darstellt.

buttontest_4_fensterfindung

Finale Variante des Fensters mit gedrückten Buttons. Wichtig dabei, dass das Gedrücktsein für den Benutzer sichtbar ist obwohl sein Finger eigentlich den Button überdeckt. Dies wurde durch Tests überprüft und funktioniert.

buttontest_4_fensterfertig

In weiterer Folge wurden die neuen Elemente ins bestehende System integriert und deren Farbe (Grauwerte)/Helligkeit nach Wichtigkeit eingeteilt. Darum sind die Bedienelemete auch meist weiß.

zeitleiste_4_3_endspurt_button_farbe_klein
.
Versuchte Feinabstimmung der Helligkeit und Grauwerte der Gesamterscheinung. Weiters wurde die Schriftfamilie geändert von Arial auf Univers.

zeitleiste_4_3_endspurt_button_farbe

Schlussendlich gehts nun noch um die Farbwahl. HIer ist schon mal ein Versuch. Klar ist, dass Farben sehr "dezent" (nicht knallig) eingesetzt werden. Grün und blau bieten sich relativ gut an da sie auch zum Thema Vogelgrippe/Medizin/Ökonomie passen, es wirde jedoch nochmals getestet.

zeitleiste_4_4_endspurt_farbe

Schlussendlich werde ich diese Woche nun alles dokumentieren und die Theorie layouten beginnen. Große Änderungen können nun nicht mehr aus Zeitgründen gemacht werden. Hoffe allerdings, dass nun ein zufriedenstellendes Ergebnis entstanden ist.

BITTE UM FEEDBACK!!! Danke und gute Nacht Winking
|

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
|

3er Auswahl

Sososo, nun noch mal eine Dreifachauswahl im Menü simuliert, dadurch ergibt sich automatisch eine Spalte mehr im Monatsfenster. Habe die einzelnen Spalten dazu verbreitert (um 1/3tel) und somit hoffentlich gewährleistet, dass diese immer noch "fingergerecht" sind. Folgt jedoch wieder mal testen, testen, testen.

zeitleiste_2_15_quadrat_menu_monatvarianten
|

Linien und Farbe

Wieder mal die Linien und Farben angepasst, jetzt allerdings bei allen Elementen um ein einheitliches Erscheinungsbild garantieren zu können. Die Farben werden jetzt dann mit Detlef auf dem Beamer getestet bzw. neu bestimmt.

zeitleiste_2_14_quadrat_menu_weiter_optimiert_farbe
|

Kleine Ablenkung

Ein bisschen Spaß muss sein! Winking

Bubumann_Diplom_web
|

Kleine Verbesserungen erweitert

Mal wieder Strichstärken angepasst und versuchweise Outlines für die "Fenster" angelegt. Dadurch heben sie sich relativ gut voneinander ab. Noch dazu habe ich die Monatsdarstellung erneut überarbeitet da mir die ausgeschriebenen Monate nicht gefallen haben. Dies hatte zur Folge, dass auch die Anfasser der Fenster einheitlich angepasst werden mussten. Denke diese Änderungen sind sehr sinnvoll und dienen der Einheitlichkeit und Klarheit des Gesamtbildes. In wie weit diese Änderungen im Detail nun aussehen wird nun angedacht.

zeitleiste_2_14_quadrat_menu_weiter_optimiert_klein

zeitleiste_2_14_quadrat_menu_weiter_optimiert
|

Kleine Verbesserungen

Heute mal nur kleine Änderungen gemacht. Linienstärken ein wenig verändert und die unnötigen Transparentzen entfernt, damit ein "übereinander liegen" der einzelnen "Fenster" möglich wird. Weiters habe ich auch die Elemente mal auf das MTS geworfen um deren Größe zu testen. Ergebnis war, dass diese relativ gut passen, da ich von Beginn weck, die Gestaltung auf Basis der "Beamerauflösung" (1024x768) angelegt hatte. In Zukunft heißt nun immer mehr, testen, testen, testen. Schlussendlich werde ich mich auch nächste Woche mit Armin treffen um mit ihm das Ausmaß der Umsetzung zu besprechen.

zeitleiste_2_13_quadrat_menu_linien_optimiert
|

Neue Variante 2 "erweitert"

So so so,.... heute an der neuen Menüvariante weitergebastelt. Habe mal eine Mehrfachauswahl an der Zeitleiste simuliert und diese dann auch auf Monate-Jahr-Leiste und auf der Karte dargestellt. Probleme könnte es bei der Informationsdarstellung geben sobald sie sich zu überlagern beginnt. Muss dies wahrscheinlich nochmals überdenken. Weiters habe ich dem Hauptmenü Testweise eine Art "Hilfe,- und Lupen-Button" hinzugefügt. Genauer kann ich das dann in der Besprechung erläutern.

zeitleiste_2_11_quadrat_menu_

zeitleiste_2_11_quadrat_menu_monate

zeitleiste_2_11_quadrat_menu_karte_mehrauswahl
|

Interaktionsformen erweitert

Nachdem es ja auch möglich ist den MTS einhändig zu bedienen habe ich die Interaktionsform-Liste nochmals erweitert. Sehet nur her:

haende_reduziert_einhaendig
|

Neues Variante erweitert

Sodala, nach dem neuen Ansatz von gestern hab ich dieses zugrunde liegende Konzept nun mal weiter gesponnen und auf Monat-Jahr-Darstellung angewendet und dazu die bereits entstandene Karte hinzugesetzt. Gibt noch viele Details zu klären allerdings wieder mal ein brauchbarer Ansatz meiner Meinung nach. Doch seht am Besten selbst:

zeitleiste_2_10_quadrat_menu

zeitleiste_2_10_quadrat_menu_monate

zeitleiste_2_10_quadrat_menu_karte
|

Erneuter Versuch

Heute Besprechung mit Michael gehabt und er hat mir ein paar neue Gedanken gegeben die mich nun veranlasst haben ein neues Konzept anzudenken und auf die Füße zu stellen.

zeitleiste_2_9_quadrat_menu_slider
|

Interaktionsformen

Zwischendurch mal versucht die Interaktionsformen des MTD (Multitouchdisplays) zu verdeutlichen. Hier der Ansatz:

haende
|

Lupe | Zoom Test

Heute ist der Tag der Lupe. Versuche nun eine Lupe zu gestalten die schlussendlich den Bogen von Kreismenü zur Karte spannen soll. Mal sehen wohin die Reise noch führt. Gestaltung lehnt sich wieder an das mittlerweile entstandene Gesamtkonzept der "Tortenform" an.

lupenentwicklung
lupe_menu

|

Karten für Variante 1

Habe heut mal begonnen zu versuchen Info auf der Karte darzustellen in Bezug auf die Zeitleiste. Probleme breitet mit noch dabei die Proportionen zur Zeitleiste und Auswahl von einzelnen Ländern. Daran wird in Folge gearbeitet.

zeitleiste_2_6_kreis_menu_mit_info_karte
|

Neuansatz Kreismenü

Habe heute das bestehende Kreismenü erneut überarbeitet und bin auf die Feedbackvorschläge von Detlef eingegangen. Danke an dieser Stelle Winking. Wie man vielleicht an den folgenden Bildern erkennt ist die Jahreseinstellung jetzt in die Zeitleiste integriert und so leichter verständlich. Weiters wird dies durch das "verbundensein" mit dem "Drehregler" (in der Mitte) verstärkt. Farbwahl genaue Aufteilung und Bezug zur Karte werden in Folge nun langsam bearbeitet.

zeitleiste_2_5_kreis_menu_mit_info_detail
zeitleiste_2_5_kreis_menu_mit_info_detail2
zeitleiste_2_5_kreis_menu_mit_info
|

Kreismenü

Habe heute weitere Skizzen zum "Kreismenü" erstellt und dabei versucht eine zeitleistenähnliche Darstellung zu finden.

zeitleiste_2_2_roll_menu_nahezeitleiste_2_2_roll_menu_varianten

Die farbliche Kodierung ist an dieser Stelle noch wilkürlich angelegt, allerdings ergibt sich in dieser Variante langsam eine sinnvolle und umsetzbare Struktur herauszubilden.
|

Variantenversuch Zeitleiste

Habe heute versucht Michaels Rat ein wenig zu folgen und damit begonnen ein paar Varianten zu einer möglichen Darstellung der Zeitleiste zu finden.

zeitleiste_2_layer_einzelzeitleiste_2_layer_drei

Dies oberen Bilder zeigen die Darstellung in Layer-Form. Horizontal könnte man dabei an die Einzeichnung der Jahre denken und in die "Z-Richtung" z.B. die Monate. Allerdings ist meiner Meinung nach diese Variante nicht sehr übersichtlich und leicht zu bedienen.

zeitleiste_2_1_roll_menu_gesamt

Diese Variante gehört zu Zeit zu meiner Favoriten. Das Menü (unterhalb Karte) ist sehr flexibel und positionierbar. Der innerste graue Kreis mit den Pfeilen dient zur Einstellung der Jahre. Mehrere dieser Menüs können gleichzeitig am Tisch positioniert werden. Bring man 2 zueinander "verschmelzen" diese und bilden eine Zeitliste. Die grauen Kreise können nun zur Einstellung der Endpunkte der Zeitleiste genutzt werden. Wie genau nun die Darstellung der Jahre und Monate funktioniert ist gerade in Arbeit.

Soweit mal meine Fortschritte und Ideen. Bitte um Feedback Winking Danke
|

Erste Gestaltungsversuche

Heute ist wieder mal etwas weiter gegangen. Habe mal begonnen erste Skizzen für eine Menügestaltung zu zeichnen. Hier mal kleine Beispiele:
zeitleiste_1_layerzeitleiste_1_zeit_ortzeitleiste_1_roll_menu

Weiters hatte ich eine Gespräch mit Michael bezüglich meiner erneuten Verlängerung und dieser willigte ein Winking . Er riet mir auch dazu einige Varianten der benötigten Zeitleiste zu gestalten. Hab auch mal begonnen dies umzusetzen und bin nun gespannt was daraus wird.
|

Wieder in Dornbirn

Weltkarte_import

Weltkarte_import_2
Bin also wieder in Dornbirn. Leider gesundheitlich noch nicht ganz auf der Höhe, allerdings ist das Fieber jetzt mal runter und ich hoffe es bleibt so! Habe heute mal nach geeigneten Landkarten gesucht und mich ein wenig um den Beameraufbau gekümmert. Brauche wohl nochmals Hilfe von Armin den ich morgen kontaktieren werde. Auf jeden Fall gehts weiter. Winking
|

Praktischer Start

krank
Habe heute meinen Blog eingerichtet. Am Wochenende ging leider nicht so viel weiter, da ich wegen Fieber bis heute ans Bett gefesselt bin. Da hat mich wohl die Vorarlberger Sommergrippe erwischt. Hoffe auf baldige Besserung!
|