Ankündigung

Einklappen
Keine Ankündigung bisher.

EDOMI - Zeigt her eure Visus!

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Eraser
    antwortet
    Zitat von vento66 Beitrag anzeigen
    Naja für Maschinen gibt es ja auch, wer hätte es nicht geglaubt, eine DIN dafür [/CODE]
    Das bezieht sich aber für die definierten Maschinen- und Sicherheitsfunktionen. Was ich meinte waren Buttons für z.B. normale Bewegungen oder Anzeigen für die Heizungen usw.

    Einen Kommentar schreiben:


  • vento66
    antwortet
    Naja für Maschinen gibt es ja auch, wer hätte es nicht geglaubt, eine DIN dafür Da bleibt nicht viel Spielraum.
    Code:
    gemäß DIN EN 60204-1 "Sicherheit von Maschinen - Elektrische Ausrüstung von Maschinen - Teil 1: Allgemeine Anforderungen" die Farbgebung von Drucktastern entsprechend dem Abschnitt 10.2. erfolgen: "10.2 Drucktaster 10.2.1 Farben Drucktaster-Bedienteile müssen nach Tabelle 2 farbig gekennzeichnet sein (siehe auch 9.2 und Anhang B).
    * Die Farben für START/EIN-Bedienteile sollten WEISS, GRAU, SCHWARZ oder GRÜN, vorzugsweise WEISS sein. ROT darf nicht verwendet werden.
    * Die Farbe ROT muss für NOT-HALT- und NOT-AUS-Bedienteile verwendet werden.
    * Die Farben für STOPP/AUS-Bedienteile sollten SCHWARZ, GRAU oder WEISS, vorzugsweise SCHWARZ sein. GRÜN darf nicht verwendet werden.ROT ist erlaubt, aber es wird empfohlen, dass ROT nicht in der Nähe von Geräten für Handlungen im Notfall verwendet wird."

    Einen Kommentar schreiben:


  • mfd
    antwortet
    Zitat von Eraser Beitrag anzeigen
    Ich mache es bei den Maschinen was ich programmiere so, dass ein neutrales Design (egal ob Button, Indikator o.Ä.) ein AUS bzw. nicht aktiv bedeutet, und grün dann EIN bzw. aktiv.
    Dem kann ich nur zustimmen, ich würde es aber nicht mal von "Grün" abhängig machen, denn je nach Design ist ggf. eine andere Farbe stimmiger.
    Ein neutrales Grau oder auch gar nicht sichtbar (wenn z.B. kein Fehler vorliegt) und eingefärbt in dem jeweiligen Visudesign wenn Aktiv/Ein/Fehler.

    Einen Kommentar schreiben:


  • Eraser
    antwortet
    Ich mache es bei den Maschinen was ich programmiere so, dass ein neutrales Design (egal ob Button, Indikator o.Ä.) ein AUS bzw. nicht aktiv bedeutet, und grün dann EIN bzw. aktiv. So werde ich das dann später auch bei der Visu machen.

    Einen Kommentar schreiben:


  • jonofe
    antwortet
    Wenn man an den beiden Seiten eines Schalters ON und OFF schreibt, oder 0 und 1, dann ist das eigentlich immer eindeutig, aber wie du schon richtig sagst, braucht das mehr Platz oder es leidet die Optik oder zumindest das persönliche Ästhetikempfinden.
    Oft ist es halt so, dass der Schalter einen Statustext verdeckt und dann weiss man halt nie, ist das, was wann sieht der Status und der Zustand beim nächsten Schalten.
    Ich finde es auch intuitiver, wenn der Text den aktuellen Status anzeigt.
    Alternativ kann man natürlich auch Icons zur Statusvisualisierung verwenden: (gelbe Glühbirne = an, graue Glühbirne = aus).

    Einen Kommentar schreiben:


  • rdeckard
    antwortet
    Ich glaube, man kann schon eindeutige Buttons erstellen. Aber oft ist dann das auch ein Platzproblem. z.B. kann man neben dem Button noch einen längeren Text schreiben: "Licht ist AN" (anstatt nur einfach "ON"). Dann ist es klar, wie der aktuelle Status ist. Aber eben...wir haben oft nicht den Luxus von zuviel Platz (gerade auf Smartphone Designs).
    Ich wollte jetzt nicht eine endlos Diskussion anfangen, sondern vielleicht eine kleine Anregung geben, dass man beim Design immer wieder kurz darüber nachdenken sollte, wie logisch ein Symbol/Element ist und ob man es evtl. auch missverstehen könnte. Wie bei allem: Besser machen geht immer! Und neue Ideen kommen nicht immer nur von den Profis, jeder kann mal einen Geistesblitz haben. Sonst gäbe es ja keine Weiterentwicklung (die jetzt so bekannten Designs für Regler/Buttons sahen ja vor 10 Jahren auch etwas anders aus.)

    Einen Kommentar schreiben:


  • rdeckard
    antwortet
    jonofe
    Ich weiss, dass es keine "richtige" Antwort dazu gibt. Sonst würde das Thema ja nicht immer wieder diskutiert (nicht nur bei Visus, sondern generell).
    Und ja, die Hauptbenutzer werden es schon verstehen. Aber es gibt halt auch Visus für den öffentlichen Bereich oder jemand erstellt eine für (mehrere) Andere. Da weiss man ja dann nicht so genau, wer es benutzen wird und ob es für denjenigen dann logisch ist.
    Deshalb ist mein BESTREBEN immer, dass es wenn möglich klar ist und für sich alleine spricht (zumindest für unseren Kulturkreis). Aber eben....es ist immer nur eine Annäherung und hängt zudem auch stark vom gewählten Design ab. Bei gewissen Themes hat man evtl. mehr Möglichkeiten, bei anderen muss man eher abstrakt bleiben.

    Ich versuche manchmal den Weg zu gehen, was die meisten Leute gewohnt sind (egal, ob intuitiv oder nicht): Das UI von aktuellen Smartphones. (wobei ich selbst bei meinem iPhone auch schon manchmal einzelne Schalter gesehen habe, wo ich nicht sofort wusste, ist der jetzt an oder aus)

    Ein Punkt von dir ist aber wichtig: innerhalb der Visu konsistent bleiben. (Ist schon die halbe Miete)

    Einen Kommentar schreiben:


  • baumhaus123
    antwortet
    Kommt denke ich auch auf verwendete Design an. Wenn man (wie ich) Slider verwendet, bei denen man eindeutig identifizieren kann, ob der Schieber jetzt an oder aus ist, so sollten diese meiner Meinung nach immer den aktuellen Zustand wiederspiegeln und nicht den Zustand nach einer Betätigung. Das ist ja z.B. im iPhone (oder auch anderen Handymenüs) auch so, wenn du z.B. in die Einstellungen schaust. Aktivierter Slider bedeutet, die Funktion ist aktiviert und nicht "wird aktiviert bei Betätigung". So ist das auch bei mir in der Visu beim Licht. Slider aktiv heißt "Licht an" und umgekehrt.

    Bei Fenstern ist es in der Tat tricky. Ich habe es so gelöst, dass ich es über kleine LEDs visualisiere. LED aus (ist dann grau, unauffällig) heißt Fenster zu, LED an (farbig mit Farbschatten) heißt Fenster offen. Hier kommt es wohl auch auf die Häufigkeit an, mit der eine Funktion genutzt wird. Wir haben eine Lüftungsanlage, die Fenster sind entsprechend recht selten offen, deswegen war für uns auch auf Anhieb einleuchtend, dass "LED an" ein offenes Fenster signalisieren muss.

    Aber wie du schon selbst sagst: dazu wird es n-verschiedene Meinungen geben.

    Einen Kommentar schreiben:


  • jonofe
    antwortet
    Dazu wirds dann wohl auch nur philosophische Antworten geben.
    Beide aufgezeigten Varianten sind ja irgendwie logisch, da gibts aus meiner Sicht kein richtig oder falsch.
    Für mich ist nur wichtig, dass die Hauptnutzer der VISU es verstehen und dass es innerhalb die VISU konsistent ist.

    Einen Kommentar schreiben:


  • rdeckard
    antwortet
    Philosophische Frage : Habt ihr manchmal auch das Problem, wie man einen Button zu designen hat, damit er wirklich intuitiv zu verstehen ist?
    Es gibt ja die ewige Diskussion, was z.B. rot oder grün bedeutet. Für die einen ist grün=ein und rot=aus, für andere grad umgekehrt (grün=aus/bereitschaft, rot=an)
    Bei Ein/Aus-Button geht ja das noch mit den rot/grün-Farben (ich gehöre auch zu denen, die grün=an nehmen würden), aber bei Sensoren/Kontakten siehts schon wieder anders aus. Wie soll z.B. der Verriegelungsstatus einer Haustür angezeigt werden? Rot=verriegelt und grün=offen oder umgekehrt grün=verriegelt (sicher) und rot=offen (unsicher, Warnung)? Es ist immer irgendwie der Kontext, aber oft kann man zwei unterschiedliche Fragen hinter einem Status stellen (was will ich erkennen? Den technischen Kontakt-Status oder die Funktion?)

    Bei normalen (Licht-)Buttons versucht man ja oft noch einen Text ("ON", "OFF") einzufügen, damit es klarer wird (falls das mit der Farbe doch nicht so logisch ist). Nur, bei Text habe ich dann oft das Problem, dass ich nicht weiss, auf was sich der Text bezieht. Auf den AKTUELLEN Status oder die Funktion, die erst beim Antippen geschieht?
    Bedeutet also "ON", dass das Licht JETZT ein ist oder dass man es mit Antippen EINSCHALTEN kann.

    Ich weiss, die meisten Visus werden ja nur von einem selber (bzw. der Familie) bedient und da gewöhnt man sich an alles, egal, wie es designed wurde.
    Trotzdem kommen mir manchmal diese Gedanken, wenn ich eine wildfremde Visu (oder Button) sehe und ganz kurz zweifle, was dieser Button nun macht, wenn ich ihn antippen würde. Und gerade dieser kurze Zweifel deutet ja darauf hin, dass er nicht 100% intuitiv ist. Und eigentlich wäre dies ja immer das Ziel einer guten Visu.

    Mein Ansatz zurzeit für Buttons ist ein farbloses/neutrales Design, wenn der Button aktuell AUS ist und eine kräftige Farbe (inkl. anderes Aussehen), wenn es EIN ist (ob grün oder rot spielt dann nicht so eine wichtige Rolle). Zusätzlich noch ein Status daneben (leuchtende LED oder ein gelbes Glühbirnen-Symbol, wenn es AN ist)

    Aber ich finde das Thema interessanterweise recht komplex... ;-)

    P.S.: Hat man mehrere Schalter untereinander, so kann man oft davon ableiten, wie sie funktionieren. Aber das wäre eigentlich kein gutes Design. Der Button müsste am besten auch alleine logisch funktionieren.
    Zuletzt geändert von rdeckard; 02.01.2017, 13:27.

    Einen Kommentar schreiben:


  • Teutone
    antwortet
    Große Klasse! Besten Dank, genau das was ich gesucht habe.

    Einen Kommentar schreiben:


  • ttcoach
    antwortet
    Dankev euch!!! Geht doch
    Schönen Abend noch!

    Einen Kommentar schreiben:


  • vento66
    antwortet
    Kontroliere mal dein CSS:

    Leuchtring rot (bei Dir der Null Wert)

    Code:
    box-shadow: 0 0 10px 4px rgba(255,0,0,0.5);background:rgba(255,0,0,0.5);-webkit-transition: 0.5s ease-out;

    Button mit weiser Schrift

    Code:
    cursor: pointer;  background: #25292C;   margin: 0px auto;   text-align: center;   color: rgba(155,155,155,1);   text-shadow: -1px -1px 0px rgba(255,255,255,0.8), 1px 1px 2px rgba(0,0,0,1);    font-family: sans-serif;   box-shadow: inset 1px 1px 2px rgba(255,255,255,0.3),inset 3px 15px 45px rgba(255,255,255,0.1),inset -1px -1px 2px rgba(0,0,0,0.5),inset -3px -15px 45px rgba(0,0,0,0.2),1px 5px 30px -4px rgba(0,0,0,1);-webkit-transition: 0.5s ease-out
    und kontrollier auch mal die Z-Ebenen! Button eine Ebene höher als der Leuchtring!

    Einen Kommentar schreiben:


  • ttcoach
    antwortet

    Ja passt jetzt. Kann leider das mit css nicht. jetzt sollte ja eigentlich
    - die Farbe bei off rot sein
    - die Beschriftung weiß
    - der Button bei on auch schwarz mit weißer Schrift.

    Danke für die Hilfe!

    Button_02.jpg

    Einen Kommentar schreiben:


  • hartmut
    antwortet
    Hat der Leuchtring auch ein Status KO? Das gleiche wie für den Knopf.

    Einen Kommentar schreiben:

Lädt...
X