Opencaching Community

Die Plattform opencaching.de => Opencaching 3.0 - Ideen und Gedanken => Thema gestartet von: following am 03. Juli 2015, 16:23:21

Titel: Icon-Design
Beitrag von: following am 03. Juli 2015, 16:23:21
Opencaching.de sah ursprünglich so (http://opencaching.cz/) aus. Später - meines Wissens um 2009 - wurde die Seite einem Redesign unterzogen, wobei im Wesentlichen die heute Optik entstand. Viele Benutzer finden dieses Design inzwischen altbacken, und der Opencaching-Verein hat sich auf die Fahnen geschrieben es zu modernisieren. Solange sich niemand findet, der ein komplettes Redesign der ca. 125 Templates (http://wiki.opencaching.de/index.php/Entwicklung/Codedoku#Templates) und hunderten von Grafiken stemmen kann, geht das nur in kleinen Schritten. 2013 wurde z.B. die Karte komplett erneuert und fast alle übrigen Seiten einem kleinen Facelift unterzogen. Aktuell wird an weiteren optischen Verbesserungen gearbeitet.

Eine Teilaufgabe ist die Modernisierung der Icons; darum soll es hier gehen. Sonstiges zum Thema Design bitte in andere Threads, z.B. hier (http://forum.opencaching-network.org/index.php?topic=4191.0).

Wenn wir dem aktuellen "Metro-Design"-Trend folgen wollen, so wie GC es teilweise getan hat (Beispiel: (http://www.geocaching.com/images/logtypes/5.png) (http://www.geocaching.com/images/logtypes/68.png) (http://www.geocaching.com/images/logtypes/7.png)), müssten wir mit Ausnahme der Attribute so ziemlich alle Icons (https://github.com/OpencachingDeutschland/oc-server3/tree/master/htdocs/resource2/ocstyle/images) erneuern. Eine gigantische Aufgabe, die ich weder für realisierbar noch für wünschenswert halte: Die einfarbig-flachen Metro-Icons haben eine geringere "optische Kapazität", es gibt Informationsverlust im Bereich Farbe und Kontrast. Finde ich ergonomisch einen Rückschritt, der sich auch als kurzlebige Mode erweisen kann.

Für realistisch halte ich, alle Icons auf eine nicht ganz so hippe, aber ergonomischere und zeitlosere Optik mit leichten plastischen und Farb-Effekten zu bringen, wobei die Attribute weiterhin flach bleiben. Das heißt:
Folgende Icons halte ich z.B. für überarbeitungsbedürftig:
Zu pixelig und/oder harte Kontraste oder unprofessioneller Look:     (http://www.opencaching.de/resource2/ocstyle/images/log/16x16-active.png) (http://www.opencaching.de/resource2/ocstyle/images/log/16x16-disabled.png) (http://www.opencaching.de/resource2/ocstyle/images/log/16x16-archived.png) (http://www.opencaching.de/resource2/ocstyle/images/misc/16x16-email.png)    (http://www.opencaching.de/resource2/ocstyle/images/cacheicon/traditional-s.gif) (http://www.opencaching.de/resource2/ocstyle/images/cacheicon/multi-s.gif) usw.

altmodischer 3D-Stil: (http://www.opencaching.de/resource2/ocstyle/images/log/16x16-found.png) (http://www.opencaching.de/resource2/ocstyle/images/action/16x16-addimage.png) (http://www.opencaching.de/resource2/ocstyle/images/profile/32x32-security.png) usw, wobei der Haken schon etwas entschärft wurde, siehe eins drunter

davon abgeleitete Icons wie (http://www.opencaching.de/resource2/ocstyle/images/cacheicon/moving-n-found.gif)

pixelige Attribute: (http://www.opencaching.de/resource2/ocstyle/images/attributes/submerged.png) (http://www.opencaching.de/resource2/ocstyle/images/attributes/flashlight.png) (http://www.opencaching.de/resource2/ocstyle/images/attributes/safari.png) (untere Hälfte des Safari-Icons)

mehr verwaschen als nötig: (http://www.opencaching.de/resource2/ocstyle/images/difficulty/diff-35.gif) (http://www.opencaching.de/resource2/ocstyle/images/difficulty/terr-35.gif) (http://www.opencaching.de/resource2/ocstyle/images/cacheicon/16x16-2.gif) (http://www.opencaching.de/resource2/ocstyle/images/attributes/car.png) usw.

fette Schatten, haben wir sonst gar nicht: (http://www.opencaching.de/resource2/ocstyle/images/misc/wp_parking.png) (http://www.opencaching.de/resource2/ocstyle/images/misc/wp_reference.png) (http://www.opencaching.de/resource2/ocstyle/images/misc/wp_path.png) usw. Die Aqua-Optik fällt auch aus dem Rahmen, aber irgendwie finde ich sie hübsch.

Wenn auf einer Seite ein paar altbackene Icons auftauchen, hilft das hübschste Design drumherum nichts, es wird von den Icons zerschossen.

Die Symbolik wie die Flaggen und Schatzkisten inkl. Farbgebung halte ich für "Corporate Identitiy" von OC, die erhalten bleiben sollte - nur halt etwas moderner und konsistenter.

Dieser Beitrag ist einersets als Diskussionsgrundlage gedacht - könnt ihr mir soweit folgen; ensprechen diese Vorschläge den Zielen des Verein und den Wünschen der Nutzer? Andererseits ist es ein Aufruf an alle, die Erfahrung mit Icon-Design haben und sich zutrauen, solche Icons in einer professionelleren Qualität zu liefern - ob neu gezeichnet oder überarbeitet oder als überarbeitete Version anderer freier Icons aus Iconbibliotheken.
Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 03. Juli 2015, 18:10:40
Nur zum Verständnis, ist das so wie unten gemeint oder ganz was anderes hipperes?
Titel: Re: Icon-Design
Beitrag von: following am 03. Juli 2015, 23:15:41
Nur zum Verständnis, ist das so wie unten gemeint oder ganz was anderes hipperes?

Weder noch.
Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 04. Juli 2015, 00:47:19
Okay, wenn es so kleine 3D Effekte nicht sind, bin ich schon sehr gespannt, wie die Überarbeitung von einem Profi aussieht.
Titel: Re: Icon-Design
Beitrag von: mic@ am 04. Juli 2015, 06:31:34
Spricht was dagegen, die Icons von opencaching.pl zu übernehmen (natürlich nur nach Absprache)?
Das wäre dann auch ein erster Schritt in Richtung gemeinsame Codebasis.
Titel: Re: Icon-Design
Beitrag von: following am 04. Juli 2015, 11:49:22
Ich erkenne in dem polnischen Icon-Satz in der Summe keine Verbesserung gegenüber unserem, und mit der Codebasis hat das überhaupt nichts zu tun.
Titel: Re: Icon-Design
Beitrag von: GR1NDER am 07. Juli 2015, 13:30:01
Hallo zusammen,

nachdem ich mich vor kurzem Angeboten habe dem OC-Team in Sachen grafisches Design und Umsetzung zur Hand zu gehen wurde ich auch prompt auf diesen Thread verwiesen.
Ich hatte nun im Vorfeld schon regen E-Mail-Kontakt mit einigen Mitgliedern und um "open" zu bleiben fasse ich noch einmal kurz den aktuellen Stand der Diskussion zusammen.

Zunächst geht es erst einmal darum die Aufgabe genauer zu umreißen/abzustecken.


Mein Vorschlag war das komplette Icon-Set aufzufrischen und das nicht nur in optischer, sondern auch in technischer Hinsicht, nämlich als SVG-Grafiken (http://liechtenecker.at/svg-die-zukunft-von-grafiken-auf-webseiten/). Die tatsächlichen (evtl. negativen) Auswirkungen dieses Schrittes sind noch nicht ganz klar. Vielleicht hat ja jemand bereits hilfreiche Erfahrungen gemacht, die er mit uns teilen will? Ich selbst nutze einige SVG-Grafiken auf meiner eigenen Website und konnte bis Dato noch keine Probleme feststellen, aber das muss ja nichts heißen.
Da es sich um ein recht großes Unterfangen handelt und ich natürlich nicht hauptberuflich, unentgeltlich arbeiten kann ;-) wird sich das Projekt sicherlich eine ganze Weile ziehen. Deshalb war mein Vorschlag das ReDesign auf kleinere Einheiten runter zu brechen und diese Eine nach der Anderen anzugehen. Auf diese Weise kann jeder den aktuellen Fortschritt beobachten und die tatsächlichen Auswirkungen können getestet werden. Bei bedarf kann dann noch während der weiteren Entwicklung nachgesteuert werden.
Unabhängig von den technischen Aspekten habe ich nicht vor das Rad komplett neu zu erfinden. Die Icons sollen die bestehende Bildsprache weiter verwenden, so dass jeder der sie schon kennt sie auch wieder erkennt, Neulinge sie aber hoffentlich auch intuitiv verstehen können ohne stundenlang eine Legende studieren zu müssen.
Da die minimale Größe der Icons auf 16x16 Pixel festgelegt ist stößt man ganz schnell an die Grenzen der machbaren Komplexität. Aus diesem Grund sehe ich, als Pragmatiker, hier eine klare und wenig verspielte Optik schon fast als ein "Muss" an.


Das war's bis jetzt erst mal. Was haltet Ihr von den Vorschlägen? Habt Ihr Andere, Bessere?


Grüße


Lars Röhm
Titel: Re: Icon-Design
Beitrag von: mic@ am 07. Juli 2015, 14:15:26
Zitat von: GR1NDER
Was haltet Ihr von den Vorschlägen?

Ich antworte mal minimalistisch ==> +1  8)
Titel: Re: Icon-Design
Beitrag von: following am 07. Juli 2015, 14:44:38
Hallo Lars,

erst mal vielen Dank, dass du Opencaching im Design-Bereich unterstützen möchtest!

Kannst du mal ein paar Beispiel dafür posten, wie du dir die neuen Icons vorstellst?

Da es sich um ein recht großes Unterfangen handelt und ich natürlich nicht hauptberuflich, unentgeltlich arbeiten kann ;-) wird sich das Projekt sicherlich eine ganze Weile ziehen. Deshalb war mein Vorschlag das ReDesign auf kleinere Einheiten runter zu brechen und diese Eine nach der Anderen anzugehen. Auf diese Weise kann jeder den aktuellen Fortschritt beobachten und die tatsächlichen Auswirkungen können getestet werden. Bei bedarf kann dann noch während der weiteren Entwicklung nachgesteuert werden.

Das könnten wir über unseren internen Testserver machen, auf den du Zugriff bekommst. Die Icons würden schrittweise eingespielt und man kann es sich im Kontext anschauen und mit dem übrigen Seitendesign abstimmen. Wenn's fertig ist, würde es dann auf dem Produktivsystem online gestellt.

- Peter


PS: Was ich am wichtigsten finde: Ein zeitloses Design mit eigenem Charakter zu wählen, das nicht zu sehr der aktuellen Mode entspricht wie man sie auf modernen Websites sieht. Man läuft sonst Gefahr, dass es in fünf Jahren wieder alt aussieht und dann niemand da ist, der das nochmal alles überarbeitet.
Titel: Re: Icon-Design
Beitrag von: GR1NDER am 07. Juli 2015, 15:16:11
Eine konkrete Vorstellung habe ich ehrlich gesagt noch nicht …

Mir war es vorerst mal wichtig den Rahmen abzustecken. Des Weiteren wäre es wirklich äußerst hilfreich wenn ich vielleicht ein Aufstellung der Icons inkl. ihrer jeweiligen Bedeutung bekommen könnte. Vielleicht nur mal für den ersten kleinen Teilbereich (welcher das sein soll ist mir erst mal egal), ich würde mir dann spätestens übers Wochenende ein paar Gedanken machen und die ersten groben Vorschläge hier präsentieren.

Falls Ihr natürlich schon ganz gute Vorstellungen davon habt wohin die Reise gehen soll, dann ruhig her mit den Beispielen  ;)

Grüße

Lars
Titel: Re: Icon-Design
Beitrag von: mic@ am 07. Juli 2015, 16:03:15
Zitat von: GR1NDER
Des Weiteren wäre es wirklich äußerst hilfreich wenn ich vielleicht ein Aufstellung der Icons inkl. ihrer jeweiligen Bedeutung bekommen könnte.

Das gibt es doch online: http://www.opencaching.de/articles.php?page=cacheinfo
HTH, Mic@
Titel: Re: Icon-Design
Beitrag von: following am 07. Juli 2015, 16:44:34
mic@, das ist nur ein Bruchteil der vorhandenen Icons (https://github.com/OpencachingDeutschland/oc-server3/tree/master/htdocs/resource2/ocstyle/images).

Des Weiteren wäre es wirklich äußerst hilfreich wenn ich vielleicht ein Aufstellung der Icons inkl. ihrer jeweiligen Bedeutung bekommen könnte. Vielleicht nur mal für den ersten kleinen Teilbereich (welcher das sein soll ist mir erst mal egal),

Ich hatte ja oben schon einige Beispiele genannt, die ich für überarbeitungsbedürftig halte. Die Bedeutung dieser Icons ist:

(http://www.opencaching.de/resource2/ocstyle/images/log/16x16-active.png) Cache kann gesucht werden
(http://www.opencaching.de/resource2/ocstyle/images/log/16x16-disabled.png) Cache ist vorübergehend deaktiviert
(http://www.opencaching.de/resource2/ocstyle/images/log/16x16-archived.png) Cache ist / wurde archiviert
(http://www.opencaching.de/resource2/ocstyle/images/misc/16x16-email.png)  Email senden

(http://www.opencaching.de/resource2/ocstyle/images/cacheicon/traditional-s.gif) (http://www.opencaching.de/resource2/ocstyle/images/cacheicon/multi-s.gif)  (http://www.opencaching.de/resource2/ocstyle/images/attributes/submerged.png) (http://www.opencaching.de/resource2/ocstyle/images/attributes/flashlight.png) (http://www.opencaching.de/resource2/ocstyle/images/attributes/safari.png) Siehe der Link von mic@ oben.

(http://www.opencaching.de/resource2/ocstyle/images/log/16x16-found.png) Cache wurde gefunden
(http://www.opencaching.de/resource2/ocstyle/images/action/16x16-addimage.png) Bild / Bilder
(http://www.opencaching.de/resource2/ocstyle/images/profile/32x32-security.png) Datenschutz

(http://www.opencaching.de/resource2/ocstyle/images/cacheicon/moving-n-found.gif) gefundener, deaktivierter beweglicher Cache

(http://www.opencaching.de/resource2/ocstyle/images/difficulty/diff-35.gif) Schwierigkeit 3,5
(http://www.opencaching.de/resource2/ocstyle/images/difficulty/terr-35.gif) Geländewertung 3,5

(http://www.opencaching.de/resource2/ocstyle/images/misc/wp_parking.png) Parkplatz
(http://www.opencaching.de/resource2/ocstyle/images/misc/wp_reference.png) Station oder Referenzpunkt
(http://www.opencaching.de/resource2/ocstyle/images/misc/wp_path.png) Pfad (Zugangsweg)

Weitere verwandte Icons finden sich jeweils im gleichen Verzeichnis. Die URL des (http://www.opencaching.de/resource2/ocstyle/images/log/16x16-active.png)-Symbols ist z.B. http://www.opencaching.de/resource2/ocstyle/images/log/16x16-active.png, d.h. die Originaldatei liegt zusammen mit Icons aus dem (hoffentlich) gleichen Bereich hier: https://github.com/OpencachingDeutschland/oc-server3/tree/master/htdocs/resource2/ocstyle/images/log.

Einen Komplettüberblick der Icons gibt's bislang nicht; aus den hier (http://wiki.opencaching.de/index.php/Entwicklung/Codedoku#Grafiken) genanntenn Gründen ist es auch nicht trivial, einen zusammenzustellen. Wer's tun mag, möge bitte "hier" rufen und loslegen. :)

Einen Anforderungkatalog für ein Komplett-Redesign der Icons gibt's auch nicht, weil dieser (durchaus interessante) Vorschlag neu ist. Mir ging's ja eingangs nur darum, die qualitativ schwachen Exemplare an die übrigen Icons anzugleichen.
Titel: Re: Icon-Design
Beitrag von: GR1NDER am 07. Juli 2015, 17:24:12
Danke mic@, Ihr kennt eure Seiten eben doch besser.

Wenn das alles ist, dann sehe ich den Aufwand als nicht allzu groß an.(Hat sich zwischenzeitlich erledigt  ;))
Der erste Abschnitt, Cacheart, ist wohl der Interessanteste. Die anderen Icons müssen lediglich neu gezeichnet werden da sie auf hochaufgelösten Displays alle verschwommen sind.

Zur Erklärung damals, als die Welt noch in Ordnung war, hatten die Monitore nicht allzu unterschiedliche Auflösungen (Verhältnis von Pixelanzahl(Lochmaske) zu Monitorgröße) und als näherungsweisen Mittelwert hat man eben 72 dpi errechnet was auch unter meinen Kollegen noch heute so in den Köpfen drin ist. Diese Aussage ist heute einfach nicht mehr Zeit gemäß, z. B. das Display vor dem ich gerade sitze hat eine Breite von 59,5 cm und stellt dabei 5120 Pixel dar was eine tatsächliche Auflösung von etwa 219 dpi ergibt. Auf Handys und Tablets kann dieser wert auch noch höher ausfallen. Da bei einer pixelgenauen Darstellung auf solchen Displays alles mikroskopisch klein wäre müssen die Grafiken entsprechend skaliert werden wodurch auf Pixeln basierende Darstellungen matschig wirken.
Deshalb dachte ich, macht es Sinn "alle" Icons neu zu zeichnen und eben das SVG-Format zu verwenden, die angesprochene Problematik stellt sich hier nicht, ein weiterer Vorteil ist die deutlich einfachere Bearbeitung der Icons in der Zukunft.

Ich möchte mich auch keinesfalls Aufdrängen oder gar jemandem auf die Füße treten …

Liebe Grüße

Lars
Titel: Re: Icon-Design
Beitrag von: dl6hbo am 07. Juli 2015, 17:41:12
Angesichts dieser viel versprechenden Aktivität, stellt sich mir die Frage, ob eigentlich unsere Software klaglos statt GIF, TIFF, PNG usw. auch SVG Grafiken anzeigt, oder ob das Re-Design eventuell eine komplette Überarbeitung aller Code-Schnipsel bedeutet, die sich mit der Anzeige dieser Grafiken beschäftigen.

Food for thought.  :)
Titel: Re: Icon-Design
Beitrag von: mambofive am 07. Juli 2015, 17:46:36
Angesichts dieser viel versprechenden Aktivität, stellt sich mir die Frage, ob eigentlich unsere Software klaglos statt GIF, TIFF, PNG usw. auch SVG Grafiken anzeigt, oder ob das Re-Design eventuell eine komplette Überarbeitung aller Code-Schnipsel bedeutet, die sich mit der Anzeige dieser Grafiken beschäftigen.

Ich denke, das ist eher ein Problem des Browsers als unserer Software, oder sehe ich das falsch? Aber genau wegen solcher Fragen macht es sicher Sinn, erstmal einen kleinen Teil der Icons zu bearbeiten (z.B. die Cachetypen) und dann auf dem Testsystem zu prüfen, wie die Wirkung (und die Performance...) auf den diversen Browsern etc. ist.

Vielen Dank jedenfalls, dass Du dich diesem Thema annimmst, Gr1nder!
Titel: Re: Icon-Design
Beitrag von: following am 07. Juli 2015, 18:19:45
Ich denke, das ist eher ein Problem des Browsers als unserer Software, oder sehe ich das falsch?

Ja, es hängt am Browser. Es soll wohl mit allen gängigen Browsern außer Internet Explorer < Version 8 funktionieren. Aktuell verwenden noch 1,3% der OC-User den IE 7 und 0,4% den IE 6. Die würden dann keine Icons mehr sehen bzw. müssten sich einen neueren Browser besorgen (was allerdings auf so ner alten Kiste Performance-Probleme mit sich bringt). IE-8-Benutzer (1,0%) müssten sich ein SVG-Plugin installieren. Von grob gepeilt 20.000 aktiven Usern bräuchten also ca. 500 neue Software.

Zu prüfen wäre auch, ob SVG von allen Browsern gleich dargestellt wird. Generell sind mir schon einige Unterschiede zwischen verschiedenen SVG-Renderern aufgefallen.

@Lars
Wenn wir die Skalierungsunschärfe loswürden wäre das schon ein großer Fortschritt; denke es ist einen Versuch wert. Wie wir das dann organisiert bekommen muss sich zeigen.
Titel: Re: Icon-Design
Beitrag von: Slini11 am 07. Juli 2015, 19:47:01
Zu den Difficult- & Terrain Angaben  gab es schon seperat eine kleine Diskussion zur kompletten Neugestaltung
dieser Icons, da diese ggf. in Suchausgabenlisten auf OC integriert werden sollen.

(http://www.opencaching.de/resource2/ocstyle/images/difficulty/diff-35.gif) Schwierigkeit 3,5
(http://www.opencaching.de/resource2/ocstyle/images/difficulty/terr-35.gif) Geländewertung 3,5

Hier der Thread dazu:
http://forum.opencaching-network.org/index.php?topic=4047.msg52391#msg52391
Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 07. Juli 2015, 20:39:43
Einen Komplettüberblick der Icons gibt's bislang nicht; aus den hier (http://wiki.opencaching.de/index.php/Entwicklung/Codedoku#Grafiken) genanntenn Gründen ist es auch nicht trivial, einen zusammenzustellen. Wer's tun mag, möge bitte "hier" rufen und loslegen. :)

Wie müsste denn so eine Übersicht aussehen? Als erster Wurf z.B. eine Tabelle mit Icon, Pfad, Bedeutung, verwendet intern/extern oder so? Im Wiki?
Titel: Re: Icon-Design
Beitrag von: GR1NDER am 08. Juli 2015, 08:26:27
Morgen zusammen,

Also mir persönlich würde eine Tabelle reichen die lediglich das Icon inkl. Dateinamen und dessen Bedeutung zeigt.
Die Dateinamen würde ich beibehalten abgesehen natürlich vom Suffix, so sollte auch der Aufwand beim aktualisieren der Links nicht allzu groß werden.

Dass Einpflegen der Icons würde ich gerne jemand anderem überlassen, jemandem der sich in der Struktur besser auskennt, ich werde wohl auch so schon gut beschäftigt sein ;)

Bezüglich der alten Browser-Versionen sollte man nicht vergessen das man hier auch eine Art Fallback oder Alternativ-Links auf PNGs oder GIFs einbauen kann.
Die meisten Geräte welche diese alten Browser-Versionen nutzen dürften von dem Skalierungsproblem ohnehin nicht betroffen sein ...

Grüße

Lars
Titel: Re: Icon-Design
Beitrag von: 4_Vs am 08. Juli 2015, 09:06:00
Hallo zusammen,

Einen Anforderungkatalog für ein Komplett-Redesign der Icons gibt's auch nicht, weil dieser (durchaus interessante) Vorschlag neu ist. Mir ging's ja eingangs nur darum, die qualitativ schwachen Exemplare an die übrigen Icons anzugleichen.
Diesen kleinen unscheinbaren Satz möchte ich gerne aufgreifen.

Mein Gedanke war es bspw. schon, wenn das Design der Icons in professionelle Hände gegeben wird, dass wir ein komplettes Redesign der Icons machen. Dies muss freilich nicht mit einem Rutsch gemacht werden, aber bevor Lars Arbeit investiert, sollten wir uns hier ganz klar Gedanken machen.

In meinen Augen hilft es uns nämlich gar nichts nur ein paar Icons anzupassen - Patchwork ist zwar inzwischen "In", aber ich finde es zumindest designtechnisch grauenvoll :)

Ich kann mir durchaus vorstellen ein komplettes Redesign zu unterstützen, denn - auch wenn ich mir jetzt keine Freunde mache - finde ich z. B. die Symbole der Caches einfach nicht mehr angemessen. Ich hatte mir da schon öfter Gedanken drüber gemacht und wollte selber mal mit dem Thema anfangen, aber mir fehlte dazu ganz einfach die Zeit und Muße.

Ich persönlich finde z. B. 2D deutlich besser als 3D, gerade auf den Bezug der Größe. Ich hatte bspw. ganz abstrakt die Idee, Tradis durch ein Quadrat in einer bestimmten Farbe darzustellen, Multis mit einen Kreis, Mysterys mit einerm Dreieck usw. - aber es ist nicht zu Ende gedacht ...

Ich finde defintiv sollten wir uns nicht durch künstliche Beschränkung der Anforderung diesen Weg verbauen - vllt. hat ja jemand eine innovative Idee ... spinnt halt alle mal ein wenig.

SG
Micha
Titel: Re: Icon-Design
Beitrag von: Slini11 am 08. Juli 2015, 10:43:16
Oh, das mit den bunten Kreisen und Dreiecken hatte wir früher schonmal,  bitte nicht nochmal - da sind die Kisten aktuell echt super...
Titel: Re: Icon-Design
Beitrag von: following am 08. Juli 2015, 12:11:56
finde ich z. B. die Symbole der Caches einfach nicht mehr angemessen. Ich hatte mir da schon öfter Gedanken drüber gemacht und wollte selber mal mit dem Thema anfangen, aber mir fehlte dazu ganz einfach die Zeit und Muße.

Ich persönlich finde z. B. 2D deutlich besser als 3D, gerade auf den Bezug der Größe. Ich hatte bspw. ganz abstrakt die Idee, Tradis durch ein Quadrat in einer bestimmten Farbe darzustellen, Multis mit einen Kreis, Mysterys mit einerm Dreieck usw. - aber es ist nicht zu Ende gedacht ...

Ich denke dass Icons so intuitiv wie möglich erkennbar sein sollten - genau das ist ja der Sinn, dass man ohne Text zu lesen auf einen Blick erkennt, worum es geht. Abstrakte Symbole können das nicht leisten.

Die Schatzkisten symbolisieren eigentlich gut die OC-Philisophie, dass hier jeder Cache was Besonderes sein soll im Gegensatz zu der Massenware auf anderen Plattformen. Fände ich schade, wenn dieses bekannte und auffällige Symbol verloren ginge. Nur die pixelige Ausführung des Designs ist 90er-Jahre-Technik.

Bitte lasst euch nicht zu sehr dazu verleiten, das anzustreben was gerade in Mode ist, so wie das völlige Plattklopfen des UI-Designs auf 2D! Das UI-Design ist stetigem Wandel unterworfen, es begann bei 2D, wandelte sich zu Extrem-3D und nun kommt Extrem-2D. Die CSS-Stile der Website kann man mit wenig Aufwand an neue Trends anpassen, aber ein komplettes Icon-Redesign stemmt man - wenn überhaupt - vielleicht nur einmal. Wenn man die Icons nach der aktuellen Designmode ausrichtet dann ist das fast schon eine Garantie dafür, dass sie in einigen Jahren altmodisch aussehen werden.

Zum Thema "auf einen Rutsch": Bei solchen Projekten besteht erfahrungsgemäß immer das Risiko, dass sie nicht fertiggestellt werden. Wenn der neue Icon-Stil sich sehr von den bisherigen Bitmap-Icons unterscheidet dann wäre ich dafür, das erst live zu stellen wenn es fertig ist; sonst könnten die Inkonsistenzen am Ende größer sein als jetzt. Zwischenstände kann man auf dem Testsystem prüfen. Anders wär's wenn das Design nur behutsam geändert wird.
Titel: Re: Icon-Design
Beitrag von: 4_Vs am 08. Juli 2015, 12:21:23
3D ist seit 15 Jahre naus der Mode - soviel zu einem "Trend" ^^
Titel: Re: Icon-Design
Beitrag von: GR1NDER am 08. Juli 2015, 12:36:36
Mein Gedanke war es bspw. schon, wenn das Design der Icons in professionelle Hände gegeben wird, dass wir ein komplettes Redesign der Icons machen. Dies muss freilich nicht mit einem Rutsch gemacht werden, aber bevor Lars Arbeit investiert, sollten wir uns hier ganz klar Gedanken machen.

In meinen Augen hilft es uns nämlich gar nichts nur ein paar Icons anzupassen - Patchwork ist zwar inzwischen "In", aber ich finde es zumindest designtechnisch grauenvoll :)

Ich denke dass Icons so intuitiv wie möglich erkennbar sein sollten - genau das ist ja der Sinn, dass man ohne Text zu lesen auf einen Blick erkennt, worum es geht. Abstrakte Symbole können das nicht leisten.

Die Schatzkisten symbolisieren eigentlich gut die OC-Philisophie, dass hier jeder Cache was Besonderes sein soll im Gegensatz zu der Massenware auf anderen Plattformen. Fände ich schade, wenn dieses bekannte und auffällige Symbol verloren ginge. Nur die pixelige Ausführung des Designs ist 90er-Jahre-Technik.

Diesen Aussagen möchte ich im Kern weitestgehend zustimmen  :D
Hatte ich zum Teil auch schon so geäußert.

Damit wir vielleicht eine etwas konkretere Diskussionsgrundlage haben, schlage ich vor einfach mal ein paar Beispiele zu entwerfen auf denen wir aufbauen können. Ich könnte wie bereits erwähnt bis nach dem Wochenende ein paar Icons erstellen und versuche einen Kompromiss der bereits geäußerten Wünsche und Anforderungen zu finden, OK?

Grüße

Lars
Titel: Re: Icon-Design
Beitrag von: pirate77 am 08. Juli 2015, 14:01:04
Damit wir vielleicht eine etwas konkretere Diskussionsgrundlage haben, schlage ich vor einfach mal ein paar Beispiele zu entwerfen auf denen wir aufbauen können. Ich könnte wie bereits erwähnt bis nach dem Wochenende ein paar Icons erstellen und versuche einen Kompromiss der bereits geäußerten Wünsche und Anforderungen zu finden, OK?
Das find ich gut, dann kann ich auch mitdiskutieren :)

Anonsten hab ich der Materie zu wenig Ahnung...
Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 08. Juli 2015, 16:58:01
Man bekommt die Icon-Übersicht leider nicht ins Wiki, weil externe Grafiken nur als Link angezeigt werden. Ist irgend so ne Option vom Mediawiki... vom Tabellensyntax mal ganz abgesehen. *grusel* Ich würde die Tabelle ja gern editierbar wegen Anmerkungen/Kommentaren machen. Aber hab keine Idee....

Das hier ist übrigens mein Liebligs-Icon: (http://www.opencaching.de/resource2/ocstyle/images/profile/32x32-adopt.png)
Titel: Re: Icon-Design
Beitrag von: 4_Vs am 08. Juli 2015, 17:02:51
Mach Dich nicht darüber lustig, das hab ich gemacht ^^
Titel: Re: Icon-Design
Beitrag von: FriedrichFröbel am 08. Juli 2015, 18:18:40
Man bekommt die Icon-Übersicht leider nicht ins Wiki, weil externe Grafiken nur als Link angezeigt werden. Ist irgend so ne Option vom Mediawiki... vom Tabellensyntax mal ganz abgesehen. *grusel* Ich würde die Tabelle ja gern editierbar wegen Anmerkungen/Kommentaren machen. Aber hab keine Idee....
Als Alternative zur manuellen Eingabe des Tabellensyntax hatte ich für das Mediawiki das Tool Excel2Wiki (http://excel2wiki.net/) verwendet (gerade bei großen Datenmengen, die bereits in einer lokalen Exceldatei liegen, sehr hilfreich).
Einbinden externer Bilder ist im Mediawiki nicht unbedingt vorgesehen, es gibt zwar eine Funktion, bei der eine Aktivierung aber nicht wirklich empfohlen wird. Bleibt also nur die Verwendung von Verlinkungen ohne angezeigtes Icon, wenn es im Wiki geschiehen soll.
Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 08. Juli 2015, 18:24:06
Ich hab es als HTML-Datei. Es ist schon überaus hilfreich, wenn man die Bilder tatsächlich sieht.

Ich bräuchte auch mal wieder einen aktuellen WYSIWYG-HTML-Editor. Irgendwelche Open Source Empfehlungen?
Titel: Re: Icon-Design
Beitrag von: bohrsty am 08. Juli 2015, 18:50:47
http://bmanolov.free.fr/html2wiki-tables.php

konvertiert html in wikisyntax, habe ich mal verwendet um die tickets des alten ticketsystems ins teamwiki zu bekommen...
Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 08. Juli 2015, 19:01:53
http://bmanolov.free.fr/html2wiki-tables.php

konvertiert html in wikisyntax, habe ich mal verwendet um die tickets des alten ticketsystems ins teamwiki zu bekommen...

Ne, der
1. schmeißt den Sourcecode nicht weg sondern ändert nur td, tr und th und so
und
2. im Wiki sieht man die Icons net.

Ich könnte die HTML-Datei hier ranhängen.
Titel: Re: Icon-Design
Beitrag von: bohrsty am 08. Juli 2015, 19:59:12
[...]
Ne, der
1. schmeißt den Sourcecode nicht weg sondern ändert nur td, tr und th und so

das verstehe ich nicht, genau dafuer war der link doch gedacht, die olle wiki-tabellensyntax nicht manuell tippen zu muessen...

2. im Wiki sieht man die Icons net.
[...]

ich habe mal die wiki-konfig angepasse, so dass das wiki (nicht teamwiki) jetzt auch externe bilder anzeigt (einfach die url hinschreiben), die mit folgendem text starten:
http://www.opencaching.de/resource2/ocstyle/images/das sollte alle icons einschliessen... wenn ausserhalb dieser url noch welche liege, einfach bescheid sagen...

Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 08. Juli 2015, 20:38:42
das sollte alle icons einschliessen... wenn ausserhalb dieser url noch welche liege, einfach bescheid sagen...

http://www.opencaching.de/images
und
http://www.opencaching.de/lang
fehlen noch,

http://wiki.opencaching.de/index.php/%C3%9Cbersicht_der_Opencaching.de-Icons
Titel: Re: Icon-Design
Beitrag von: bohrsty am 08. Juli 2015, 21:15:42
[...]
http://www.opencaching.de/images
und
http://www.opencaching.de/lang
fehlen noch,
[...]

habe ich zugefuegt...
Titel: Re: Icon-Design
Beitrag von: following am 08. Juli 2015, 23:50:55
Damit wir vielleicht eine etwas konkretere Diskussionsgrundlage haben, schlage ich vor einfach mal ein paar Beispiele zu entwerfen auf denen wir aufbauen können. Ich könnte wie bereits erwähnt bis nach dem Wochenende ein paar Icons erstellen und versuche einen Kompromiss der bereits geäußerten Wünsche und Anforderungen zu finden, OK?

Gerne!
Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 09. Juli 2015, 12:30:19
[...]
http://www.opencaching.de/images
und
http://www.opencaching.de/lang
fehlen noch,
[...]

habe ich zugefuegt...

Danke. Jetzt werden alle Icons mit Pfad angezeigt.
Titel: Re: Icon-Design
Beitrag von: 4_Vs am 09. Juli 2015, 16:12:56
Schei..e sind das viele Icons  ???
Titel: Re: Icon-Design
Beitrag von: Slini11 am 09. Juli 2015, 16:30:39
Schei..e sind das viele Icons  ???
Schon, aber es sind ja längst nicht alle aktiv im Einsatz.
Vielleicht sollten wir noch eine Spalte hinzufügen, die zeigt, ob die Icons aktuell verwendt werden. Die passende Icons  ((http://www.opencaching.de/images/ok.gif)(http://www.opencaching.de/images/redcross.gif)) dafür exestieren  ;D.
Titel: Re: Icon-Design
Beitrag von: mic@ am 09. Juli 2015, 23:18:01
Zitat von: 4_Vs
Schei..e sind das viele Icons  ???

Wie wahr. Und vor allem gibt es auch welche, die ich NOCH NIE gesehen habe.
Zum Beispiel die ganzen blauen Icons, z.B. (http://www.opencaching.de/lang/de/ocstyle/images/cache/podcache-a-dnf.png)
Titel: Re: Icon-Design
Beitrag von: GR1NDER am 13. Juli 2015, 11:06:50
Hallo zusammen,

ich hoffe Ihr hattet alle ein erholsames Wochenende.
Wie versprochen habe ich hier mal die ersten paar Icons, es handelt sich um die für die Cacheart.
Wobei ich die etwas komplizierteren erst einmal ausgelassen habe und lediglich die "einfachen" neu gezeichnet habe, ohne diese allzu stark zu verändern. Ich denke der qualitative unterschied alleine wird sich schon deutlich bemerkbar machen.

https://drive.google.com/folderview?id=0B2wIkg1qZcbZfmNDYzBmLXdPTkJHQ1Rsbm5RcVp6a2xzLTNNN1RjalpwTDZKbk9DUG9OSXM&usp=sharing (https://drive.google.com/folderview?id=0B2wIkg1qZcbZfmNDYzBmLXdPTkJHQ1Rsbm5RcVp6a2xzLTNNN1RjalpwTDZKbk9DUG9OSXM&usp=sharing)

Vielleicht kann man sie ja schon mal zur Probe im Test-System verlinken, und wir machen mal Screenshots aus verschiedenen Browsern und Systemen?
Titel: Re: Icon-Design
Beitrag von: pjacobi am 13. Juli 2015, 18:26:38
Sehe ich das richtig, dass der größte Teil der Dateien aus CDATA-Abschnitten für Preview-Bitmaps besteht? Sollte man die nicht rausschneiden?
Titel: Re: Icon-Design
Beitrag von: Siggiiiiii am 13. Juli 2015, 18:50:06
Wie versprochen habe ich hier mal die ersten paar Icons, es handelt sich um die für die Cacheart.

Niedlich. Gefallen mir. :)
Titel: Re: Icon-Design
Beitrag von: ClanFamily (Mirco) am 13. Juli 2015, 22:56:25
Hi, habe gerade die Icons begutachtet. So richtig Feuer und Flamme ist bei mir noch nicht gezündet.
Hast Du eine Idee, wie ein Cache Status aussehen kann? Also Gefunden, Wartung, Deaktviert, Archiviert etc.`?
Titel: Re: Icon-Design
Beitrag von: GR1NDER am 14. Juli 2015, 06:45:24
@pjacobi
Das überlasse ich den Technikern, ebenso wie die Einbindung, direkt im Code oder als Datei.
Aber generell dürfte der Bitmap-Anteil natürlich das Umfangreichste sein, das liegt in der Natur der Sache ...
edit: Das könnte auch der Verlauf auf dem Truhendeckel sein ...

@ClanFamily
Ich bin mir bewusst das am Ende sicher nicht alle auf einer Wellenlänge sind  ;), aber das habe ich jetzt als Kompromiss aus den bisher geäußerten Vorstellungen herausgelesen.
Ich habe mir noch gar keine Vorstellungen zu irgendwelchen Icons gemacht, da wir bisher noch nicht einmal die Rahmenbedingungen festgelegt haben.
Soll heißen, im Moment investiere ich noch nicht allzu viel Arbeit. Einfach so ins blaue hinein? ... neee, habt dafür bitte Verständnis.

Bedenkt bitte das dies hier nur ein erster Vorschlag ist und wir noch nocht einmal geklärt haben ob wir die Icons komplett neu gestalten oder "nur" überarbeiten. Des Weiteren stellt dies auch einen ersten Technik-Test dar, also bitte mal Testen unabhängig davon ob es jetzt gefällt oder nicht.

Grüße

Lars
Titel: Re: Icon-Design
Beitrag von: ClanFamily (Mirco) am 21. Juli 2015, 21:58:31
@Gr1nder: Ich möchte nur am Rande erwähnen, dass ich das Thema komplett Redesign im Sinnes eines RWD gestartet habe. Das soll Dich bitte nicht daran hindern, dass Du weiter Dir kreative Gedanken machst. Ich erwähne das nur, damit es zu keinen Missverständnissen kommt - nach dem Motto "jetzt kocht da einer seine eigene Suppe".

Ich bin mir nicht sicher ob Du Dich bereits als "Teammitglied" siehst und Zugriff auf unser Team-Forum hast. Da wird das Thema genauer berücksichtigt:
http://forum.opencaching-network.org/index.php?topic=4239.0

Falls gesperrt ist - bist Du (noch) nicht im Team. :D
Titel: Re: Icon-Design
Beitrag von: GR1NDER am 22. Juli 2015, 10:15:55
Danke für die Info, ich dachte ja ehrlich gesagt schon fast das Projekt sei gestorben bevor es geboren wurde ;-)

Der verlinkte Beitrag ist für mich nicht einsehbar, aber wenn mit komplett Redesign auch der Rest der der Website eingeschlossen ist macht es Sinn erst mal abzuwarten in welche Richtung sich die Seite entwickelt.
Die Icons sollten natürlich in sich geschlossen und zum Teil auch unabhängig funktionieren aber dennoch nicht völlig losgelöst vom restlichen Seitendesign sein.

Grüße

Lars
Titel: Re: Icon-Design
Beitrag von: pirate77 am 22. Juli 2015, 11:29:43
Das sollte kein Problem sein, wenn du denn willst :)

Interesse an einer Mitarbeit im Team Opencaching.de  (http://forum.opencaching-network.org/index.php?topic=1676.0)

Wir freuen uns :)
Titel: Re: Icon-Design
Beitrag von: ClanFamily (Mirco) am 22. Juli 2015, 12:58:08
Kein Problem ;)
Der Fahrplan ist hier offen zu sehen:
http://redmine.opencaching.de/projects/oc-dev/issues?query_id=54
Titel: Re: Icon-Design
Beitrag von: OConly am 22. Juli 2015, 14:08:57
Kein Problem ;)
Der Fahrplan ist hier offen zu sehen:
http://redmine.opencaching.de/projects/oc-dev/issues?query_id=54

Im Fahrplan fehlen die Abfahrzeiten. Ist da schon etwas bekannt, im Gespräch oder gar fest geplant?
Titel: Re: Icon-Design
Beitrag von: ClanFamily (Mirco) am 22. Juli 2015, 17:26:57
Hi:)
Nein absichtlich sind keine Startzeiten angegeben. Nur grobe Schätzungen wie lange das Thema an Zeit in Anspruch nehmen kann.
Grüße in die Hauptstadt
Mirco
Titel: Re: Icon-Design
Beitrag von: OConly am 22. Juli 2015, 17:54:37
Wer wird es denn übernehmen? Ist da schon was klar?
Titel: Re: Icon-Design
Beitrag von: ClanFamily (Mirco) am 23. Juli 2015, 01:38:37
Federführend übernehme ich das.
Das Team wird mich (hoffentlich) bei den einzelnen Schritten begleiten.