Darstellungsverbesserungen

Schreibt hier die Kategorien und Themen rein, die euch momentan hier noch fehlen.
chb
Beiträge: 107
Registriert: 27.02.2012 21:01:28
Lizenz eigener Beiträge: GNU General Public License
Wohnort: Frankfurt am Main

Re: Darstellungsverbesserungen

Beitrag von chb » 31.03.2012 19:29:45

Ich will mich hier inhaltlich tunlichst nicht einmischen ... aber -
@struppi, wenn für Dich der (weitläufig verbreitete) Usus einer Darstellung a la
a:link, a:visited, a:active {text-decoration:none;} (=Verweise ohne Unterstreichung) und farblicher Unterscheidung besuchter /nichtbesuchter Verweise aus irgend einem Grund halt ungünstig ist, gibt's bei Verwendung von Mozilla Browsern oder Opera im Bedarfsfall die Möglichkeit, dies benutzerseitig zu überschreiben bzw. eine bestimmte Darstellung zu erzwingen.

Dazu muss die Datei userContent.css im jeweiligen Benutzerprofil des Browsers angelegt bzw. bearbeitet werden [1].
Etwas 'bequemer' geht das mit dem Add-on 'stylish' (imho auch für Chrome, Opera) [2], [3].


[1] mozilla.org: Customizing Mozilla http://www.mozilla.org/unix/customizing.html
[2] Add-on stylish https://addons.mozilla.org/de/firefox/addon/stylish/
[3] Stylish Webseite userstyles.org http://userstyles.org/

struppi
Beiträge: 300
Registriert: 02.12.2011 14:12:09

Re: Darstellungsverbesserungen

Beitrag von struppi » 20.04.2012 14:36:23

Ich kenne diese Möglichkeiten. Meine Hauptätigkeit ist das erstellen von Webseiten.

Das Problem der nicht hervorgehobenen Links ist aber durchaus weit verbreitet im Netz. Ich wollte es hier aber mal ansprechen. Das ich persönlich was dagegen unternehmen kann, ändert ja nichts daran, dass es so ist. Es ist eine Frage der usabilty, ob man die Besucher einer Seite zu solchen Suchspielen zwingen möchte.

Das Template hier im Forum ist in dieser Hinsicht konsequent Inkonsequent bei der Gestaltung von Links. Das einfachste wäre, wenn alle Links blau und unterstrichen wären, das kennt jeder und jeder wüßte wo man klicken kann und wo nicht.

deberik
Beiträge: 1177
Registriert: 30.09.2009 13:27:23

Re: Darstellungsverbesserungen

Beitrag von deberik » 20.04.2012 14:45:57

feltel hat geschrieben:Eigentlich müssten die Links immer magenta sein, da sie der CSS-Klasse postlink angehören und diese so definiert ist:
Vielleicht noch zur Klärung: Der "Tipps und Tricks"-Link ist bei mir grau. Während einer Berührung mit dem Mauszeiger wird er unterstrichen und Magenta.
Debians Paketbeschreibungen übersetzen? Hilf mit!

Benutzeravatar
kupe
Beiträge: 958
Registriert: 30.05.2011 21:58:16
Lizenz eigener Beiträge: MIT Lizenz

Re: Darstellungsverbesserungen

Beitrag von kupe » 20.04.2012 15:01:06

struppi hat geschrieben:
Das einfachste wäre, wenn alle Links blau und unterstrichen wären, das kennt jeder und jeder wüßte wo man klicken kann und wo nicht.
die grundidee bzgl. der unterstrichenen links ist imho sicherlich nicht verkehrt, sogar begrüßenswert, aber ausgerechnet blau?

puuh, da geht das cd aber schon etwas in die brüche.* => vorschlag: wie wäre es bspw. mit entspr. optisch angepaßtem schwarz/dunkelgrau (= schriftfarbe) wie sämtliche links im linken navigationsbereich?


* ist natürlich nur mein pers. eindruck resp. geschmack.
My bash says Ultraman.

struppi
Beiträge: 300
Registriert: 02.12.2011 14:12:09

Re: Darstellungsverbesserungen

Beitrag von struppi » 20.04.2012 15:10:35

Emess hat geschrieben:
struppi hat geschrieben:Sind bei euch Links als Links erkennbar??
ja
Du hast ein Userstylesheet in deinem Browser? Ansonsten kann ich diese Antwort nicht nachvollziehen. Wenn du dir die Übersicht des Forums anschaust, kannst du alle Links auf der Seite sofort optisch erkennen?
Das würde mich schwer wundern.
Meillo hat geschrieben:
struppi hat geschrieben: Wieso braucht ihr einen Screenshot? Sind bei euch Links als Links erkennbar???
Inzwischen ist die Stelle ja klar geworden, aber grundsaetzlich waere es doch anschaulicher, ein ganz konkretes Beispiel gezeigt und markiert zu sehen, als selbst suchen zu muessen.
Ich habe das nicht verstanden. Ich sagte doch das ich von den Forumsseiten spreche.

Dort betrifft es alle Seiten. Die Übersicht, die Antwortseite oder sich einen Thread anschaut. Inwiefern ein Screenshot da schneller sein soll ist mir nicht klar. Du schaust dir doch in dem Moment, wo du mir Antwortest genau das an, was ich meine und die Übersicht hast du wahrscheinlich vorher auch gesehen.
Meillo hat geschrieben:Ist die Sichtweise klar geworden?
Ich helfe seit etlichen Jahren in Foren und Newsgroups bei HTML/CSS und Javascript Problemen und kann dort verstehen, wenn es um Darstellungsfehlern in diversen Browsern geht, dass ein Screenshot ein adäqutes Mittel ist um einen Fehler für andere deutlich zu machen, aber in dem von mir angesprochenen Problem nicht.

Grundsätzlich sind das die Angaben im Stylesheet (http://debianforum.de/forum/style.php?id=6&lang=de). Leider sind Links dort sehr verstreut über alle möglichen Klassen. Hier hätte man bei der Erstellung etwas mehr darauf achten sollen, dass Links ja eine Funktion haben und daher optisch auffindbar sein sollten. Jetzt ist das Problem, dass es eben keine Konsistenz gibt. Es gibt Links die sind normal grau, fett grau, normal mangenta, fett mangenta, fett grün, fett rot. Was halt bdeutet, dass Links gesucht werden müssen

struppi
Beiträge: 300
Registriert: 02.12.2011 14:12:09

Re: Darstellungsverbesserungen

Beitrag von struppi » 20.04.2012 15:24:43

Ach so, noch ein Nachtrag.

Ich weiß nicht, ob es so klingt, aber ich erwarte jetzt nicht, dass das sofort abgestellt wird.

Eigentlich war mein Thread nur als Hinweis für die Forenbetreiber gedacht, da mir das aufgefallen war, als ich mich genauer mit dem Forum beschäftigt habe (ich bin ja noch nicht so lange angemeldet) und dabei eine Reihe von Links entdeckt habe, die ich bisher nicht gesehen habe.

Ich kenne das Problem auch, dass man irgendwann "betriebsblind" wird. Jemand der das Forum tagtäglich sieht und benutzt, dem mag das gar nicht auffallen, aber es erschert unter Umständen Neulingen den Umgang mit dem Forum.

Mein Vorschlag mit den blauen Links, ist auch nicht so Ernst gemeint. Aber das ist, wie gesagt, ein Problem das viele Webdesigner haben, dass sie versuchen Links zu verschönern und das blau als häßlich auf ihrer Seite empfinden, dabei aber vergessen, dass Links eine wichtige Funktion auf Webseiten haben und daher auch entsprechend auffindbar sein sollten.

Wenn das bei einer passenden Gelegenheit in Betracht gezogen wird, ist es auch ok, es ist ja nicht so, dass damit das Forum grundsätzlich nicht benutzbar wäre.

Benutzeravatar
feltel
Webmaster
Beiträge: 10366
Registriert: 20.12.2001 13:08:23
Lizenz eigener Beiträge: MIT Lizenz
Wohnort: Leipzig, Germany
Kontaktdaten:

Re: Darstellungsverbesserungen

Beitrag von feltel » 23.04.2012 19:16:17

Ich hab in dem Fred ne ganze Weile nichts weiter geschrieben, da ich ehrlich gesagt nicht dazu gekommen bin, mich damit weiter zu befassen. Ich danke auf jeden Fall für die konstruktive Kritik und will schauen, wie ich die Vorschläge zeitnah umgesetzt bekomme.

struppi
Beiträge: 300
Registriert: 02.12.2011 14:12:09

Re: Darstellungsverbesserungen

Beitrag von struppi » 03.08.2012 09:11:51

Mir sind bei durchlesen des Threads ein paar Sachen aufgefallen
chb hat geschrieben:Ich will mich hier inhaltlich tunlichst nicht einmischen ... aber -
@struppi, wenn für Dich der (weitläufig verbreitete) Usus einer Darstellung a la
a:link, a:visited, a:active {text-decoration:none;} (=Verweise ohne Unterstreichung) und farblicher Unterscheidung besuchter /nichtbesuchter Verweise aus irgend einem Grund halt ungünstig ist,
Auch wenn ich das unterstrichene vielleicht erwähnt habe, geht es in erster Linie um das Unterscheiden!

Links lassen sich nicht unterscheiden, auch die farbliche Hervorhebnung von Links bringt nichts, wenn diese farbliche Herorhebnung auch für andere Zwecke verwendet wird. Genau wie es nichts bringt Links zu unterstreichen, wenn es auch anderen Text gibt, der unterstrichen ist.
feltel hat geschrieben: Eigentlich müssten die Links immer magenta sein, da sie der CSS-Klasse postlink angehören und diese so definiert ist:
Auch h3 Überschriften sind Magenta und von daher von manchen Links kaum zu unterscheiden.

Die Klasse .postlink kommt nicht zum tragen, weil ihre Spezifität geringer ist als a:link und dort ist die Farbe grau definiert.

Allgmein ist das css sehr umfangreich, aber auch sehr durcheinander. Es werden unzählige Link Varianten gestaltet, aber selbst die Grunddefinition a:link ist zweimal vorhanden (Zeile 629 und 2852). Das könnte man wirklich besser machen.

Wenn man sieht, dass es auf der Seite eigentlich nur 2 Grundfarben gibt, dann wundert man sich schon, dass so viele "color:" Deklaration im CSS sind.

Aber was sehr positiv auffällt, die Fehlerkonsole bleibt was leer, was in Anbetracht des Umfangs des CSS schon fast ein Wunder ist. Von dem Aspekt hat hier jemand sehr sauber gearbeitet.

Da ich im Moment ein bisschen Zeit habe, kann ich ja mal das CSS etwas anpassen, wenn eine Chance besteht, dass die Änderungen einfliessen könnten?

struppi
Beiträge: 300
Registriert: 02.12.2011 14:12:09

Re: Darstellungsverbesserungen

Beitrag von struppi » 18.11.2016 11:00:44

Da ohne Screenshot für manche nicht sichtbar ist, was ich meine hier mal mit 4 Jahre verspätung eine Animation, die zeigen soll was ich meine:

Bild

Wie gesgt, das ist eine Frage der Usability. Vor allem gegenüber neuen Besucher. Wer die Seite jeden Tag nutzt, für den spielt das vermutlich keine Rolle.

Benutzeravatar
TRex
Moderator
Beiträge: 8038
Registriert: 23.11.2006 12:23:54
Lizenz eigener Beiträge: MIT Lizenz
Wohnort: KA

Re: Darstellungsverbesserungen

Beitrag von TRex » 18.11.2016 12:43:28

Und wie kann man das verbessern, wenn der Browser die eingestellten Farben ignoriert?

Edit: komplett am Thema vorbei, sorry.
Jesus saves. Buddha does incremental backups.
Windows ist doof, Linux funktioniert nichtDon't break debian!Wie man widerspricht

Benutzeravatar
whisper
Beiträge: 3156
Registriert: 23.09.2002 14:32:21
Lizenz eigener Beiträge: GNU Free Documentation License
Kontaktdaten:

Re: Darstellungsverbesserungen

Beitrag von whisper » 18.11.2016 13:03:19

Struppi hat recht, das könnte eindeutiger sein. So ein CSS ist ja nun kein Hexenwerk, allerdings ist man nach mehrjähriger Benutzung Betriebsbind, was das betrifft. Also mich stört es nicht, weil es so eingeschliffen ist.

ViNic

Re: Darstellungsverbesserungen

Beitrag von ViNic » 09.07.2017 04:12:39

whisper hat geschrieben: ↑ zum Beitrag ↑
18.11.2016 13:03:19
Struppi hat recht, das könnte eindeutiger sein. So ein CSS ist ja nun kein Hexenwerk, allerdings ist man nach mehrjähriger Benutzung Betriebsbind, was das betrifft. Also mich stört es nicht, weil es so eingeschliffen ist.
Arbeit mit CSS sollte man nicht unterschätzen, auch wenn der Einstieg "einfach" erscheint. Wenn es einfach wäre, könnte es jeder machen. Gutes CSS braucht auch Übung und Erfahrung. Sonst hätte man die Probleme des Forums schon längst erledigt (Keine Kritik an eggy. Der macht es schon gut.)

Radfahrer

Re: Darstellungsverbesserungen

Beitrag von Radfahrer » 18.07.2017 13:02:02

Bei mir sind Links weder farblich hervorgehoben, noch unterstrichen. Das passiert erst, wenn ich mit der Maus drüber gehe.

Aber ganz allgemein möchte ich mal was zum Design sagen. Mir ist das alles zu sehr grau in grau. Und was mich wirklich nervt, sind die kaum vorhandenen Abgrenzungen der Beiträge voneinander. Wenn man einen Beitrag liest, rutscht man fast automatisch darüber hinweg und liest dann schon den nächsten Beitrag oder die Signatur des letzten.Besonders für Menschen mit einer Sehschwäche ist das sehr störend. Ich habe schon alle Signaturen abgeschaltet, das verbessert die Geschichte ein wenig. Aber eigentlich ja nicht Sinn der Sache.

Mag sein, dass Kontrastarmut und blasse Farben im Moment gerade hipp sind... Barrierefrei ist das aber nicht gerade. Schade.

Ein Beispiel für ein, meiner Meinung nach, sehr schönes Forendesign ist das E-Reader-Forum.
Hier ein Beispiel:
https://www.e-reader-forum.de/sonstiges ... ndstuecke/

Benutzeravatar
Lord_Carlos
Beiträge: 5578
Registriert: 30.04.2006 17:58:52
Lizenz eigener Beiträge: GNU Free Documentation License
Wohnort: Dänemark

Re: Darstellungsverbesserungen

Beitrag von Lord_Carlos » 18.07.2017 13:19:05

Musste dieser alter Thread ausgegraben werden? Wir haben doch wegen dem umbau schon mehrere Feedback threads.

Code: Alles auswählen

╔═╗┬ ┬┌─┐┌┬┐┌─┐┌┬┐╔╦╗
╚═╗└┬┘└─┐ │ ├┤ │││ ║║
╚═╝ ┴ └─┘ ┴ └─┘┴ ┴═╩╝ rockt das Forum!

Radfahrer

Re: Darstellungsverbesserungen

Beitrag von Radfahrer » 18.07.2017 13:29:14

Upps.... gar nicht gemerkt, dass der schon so alt ist.

struppi
Beiträge: 300
Registriert: 02.12.2011 14:12:09

Re: Darstellungsverbesserungen

Beitrag von struppi » 26.08.2017 13:37:13

Naja, auch wenn er alt ist betrifft das leider auch das aktuelle Design.

Links sind als solche nicht erkennbar und müssen vom Anwender entweder erraten oder gesucht werden. Was schade ist, weil dadurch sicher der eine oder andere nützliche Funktionen des Forums übersieht.

Nachtrag: Wobei ich gerade sehe eine Art von Links hat zumindet einen Rahmen unten, was aussieht wie unterstrichen (in der Übersicht in den Erläuterungstexten - die Klasse .postlink)

DeletedUserReAsG

Re: Darstellungsverbesserungen

Beitrag von DeletedUserReAsG » 26.08.2017 14:11:10

Naja, auch wenn er alt ist betrifft das leider auch das aktuelle Design.
Dann sollte das auch in den aktuellen Thread.

struppi
Beiträge: 300
Registriert: 02.12.2011 14:12:09

Re: Darstellungsverbesserungen

Beitrag von struppi » 19.09.2017 12:19:24

Es ist glaube ich hoffnungslos. Ich bin der einzige, der mehr Links benutzt als die, die man sowieso schon kennt.

Daher habe benutze ich mittlerweile eine Greasemonkey Skript. Ist zwar nicht schön aber ich sehe alle Links die es auf der Seite gibt.

Code: Alles auswählen

// ==UserScript==
// @name        debianforum
// @namespace   debianforum
// @description links
// @include     https://debianforum.de/*
// @version     1
// @grant       none
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

addGlobalStyle('a { text-decoration:underline !important;color:blue !important;  }');

Benutzeravatar
Meillo
Moderator
Beiträge: 8782
Registriert: 21.06.2005 14:55:06
Wohnort: Balmora
Kontaktdaten:

Re: Darstellungsverbesserungen

Beitrag von Meillo » 19.09.2017 12:48:58

struppi hat geschrieben: ↑ zum Beitrag ↑
19.09.2017 12:19:24
Es ist glaube ich hoffnungslos. Ich bin der einzige, der mehr Links benutzt als die, die man sowieso schon kennt.
Vermutlich verwenden die meisten tatsaechlich normalerweise nur die Links, die sie schon kennen. Aber du hast schon recht, es sind weit mehr Links vorhanden als man optisch erkennen kann. Ein gutes Beispiel finde ich den Beitragszaehler unter dem Username auf der rechten Seite von Posts. Die Zahl ist ein Link zu den Beitraegen des jeweiligen Users. Das ist schon praktisch. Ich hab bislang immer den Umweg ueber das Userprofil genommen, bis ich jetzt, angestossen durch deinen Post, in meinem Vimperator/Pentadactyl mal `f' gedrueckt hat, was alle Links auf der Seite highlighted.

Ich finde es also nicht ganz abwaegig, sich zu wuenschen, dass Links optisch besser unterscheidbar sind.
Use ed once in a while!

cosmac
Beiträge: 4573
Registriert: 28.03.2005 22:24:30

Re: Darstellungsverbesserungen

Beitrag von cosmac » 19.09.2017 13:37:34

Für diesen Zweck funktioniert beim Firefox auch das klassische userContent.css. Das ist eine Datei im Unterverzeichnis chrome im Profilverzeichnis (beides muss man wahrscheinlich neu anlegen). Der Inhalt ist normales CSS, allerdings eingeklammert in einem Block, der die Domain angibt (Sonst gelten die privaten Regeln auf allen Seiten). Die künstlerische Gestaltung ist nicht so einfach, auch, weil man den Firefox für jede Änderung neu starten muss. Ich hab' mal eine Mischung aus klassischem Netscape- und Debianforum-Stil probiert ;)

Code: Alles auswählen

@-moz-document domain(debianforum.de) {
   a:link { color:#444499 !important; text-decoration:underline !important; }
   a:visited { text-decoration:none !important; }
   a:hover { color:#DD4444 !important; }
}
Beware of programmers who carry screwdrivers.

rendegast
Beiträge: 15041
Registriert: 27.02.2006 16:50:33
Lizenz eigener Beiträge: MIT Lizenz

Re: Darstellungsverbesserungen

Beitrag von rendegast » 19.09.2017 13:44:27

Ich benutze hier seit langem in userContent.css

Code: Alles auswählen

:link, :visited { text-decoration: underline !important; }
(nicht so spezifiziert wie bei cosmac)
Die Einstellungen im ff52 diesbezüglich scheinen sich nur im Augenkrebs-Design der Seitenfarbenvorgabe / high-contrast zu zeigen.
mfg rendegast
-----------------------
Viel Eifer, viel Irrtum; weniger Eifer, weniger Irrtum; kein Eifer, kein Irrtum.
(Lin Yutang "Moment in Peking")

Antworten