Benutzer Diskussion:Mathetes/Portal Basel

Anmerkungen zum Drüberschauen

Vorbemerkungen

• Das Portal ist so noch nicht einsatzfähig, da farbige Linien (zur besseren Diskussion) enthalten sind und ich die Syntax des Codes noch nicht überprüft habe. Es dient momentan ausschließlich der Überprüfung und Diskussion des Layouts.

• An einigen Punkten habe ich das Layout im oberen Bereich (hauptsächlich zwischen den beiden gelben Linien) leicht geändert. Diese Änderungen stehen selbstverständlich zur Diskussion, haben aber teilweise Auswirkungen darauf, was hinsichtlich Layout machbar ist und was nicht.

• Das größte Problem beim Gestalten von Portalen sehe ich darin, dass Layout und Inhaltsmenge so zusammenpassen müssen, dass sich ein harmonisches Ganzes ergibt. Layout und Inhaltsmenge müssen aufeinander abgestimmt werden. Das bedeutet: Wenn ein Layout bestehen bleiben soll, darf sich die Inhaltsmenge nicht beliebig ändern. Oder: Wenn die Inhaltsmenge sich stark ändert, wird vielfach eine Anpassung des Layouts erforderlich.
  Das Ganze wird dadurch erschwert, dass Bildschirmauflösung, Schriftgröße und -weite sowie Zeilenabstand nicht festgelegt sind, sondern je nach Benutzer unterschiedlich (Einflussfaktoren: Grafikkarte und Bildschirm, Betriebssystem, Web-Browser, installierte und eingestellte Standardschriftart und -größe). Für den Einen ist das Allgemeinwissen, für den Anderen mindestens teilweise neu. Deshalb schreibe ich das sicherheitshalber hierher, weil ich nicht weiß, wer das alles liest und welche Vorkenntnisse mitgebracht werden.

Waagrechte Linien bzw. Zwischenräume

Im Portal gibt es momentan zwei gelbe waagrechte Linien. Sie dienen ausschließlich der besseren Diskussion und sollen entweder entfernt oder weiß werden.

Zunächst einmal: vielen Dank für die Bearbeitung und die Zeit und Mühe, die Du hier ganz offensichtlich reingesteckt hast! --Wladyslaw Disk. 00:26, 17. Sep 2006 (CEST)

Fragen:

1. Soll die obere gelbe Linie
   1. als weiße Linie erhalten bleiben?
   2. komplett entfernt werden (d. h. kein Zwischenraum)? <---
2. Soll die untere gelbe Linie
   1. als weiße Linie erhalten bleiben?
   2. komplett entfernt werden (d. h. kein Zwischenraum)? <---
3. Sollen weiter unten jeweils über den schwarzen waagrechten Balken weiße Linien (also ein Zwischenraum) sein, oder soll der schwarze Balken jeweils direkt an das darüber liegende Element ohne Zwischenraum angebunden sein?

Schlage vor, dass ein kleiner Zwischenraum bleibt.

Senkrechte Linie bzw. Zwischenräume

Im Portal gibt es momentan zwei türkisfarbene senkrechte Linien. Sie dienen ausschließlich der besseren Diskussion und sollen entweder entfernt oder weiß werden.

Fragen:

Sollen die türkisfarbenen Linien

1. als weiße Linie erhalten bleiben? <--- hier bin ich mir nicht ganz schlüssig, was besser aussieht: weiß oder schwarz, tendiere aber zu schwarz
2. komplett entfernt werden (d. h. kein Zwischenraum)?

Empfehlungen für Problemzonen

Kopfbereich: Fotos

Die vier Fotos oben rechts machen den Kopfbereich interessant und ansprechend. Sie haben jetzt - mit etwas "Getrickse" - ziemlich genau dieselbe Höhe, jedenfalls für meine Augen. Das Nachtbild sticht jedoch trotzdem (für mich negativ) heraus, weil die rechteckige Form nicht erkannt wird: Der schwarze Himmel geht nahtlos in den schwarzen Hintergrund über. Aus meiner Sicht passt dieses schöne Bild deshalb nicht zu den anderen drei.

Empfehlung: Dieses Bild weglassen (nur drei Bilder) oder ein anderes schönes Bild wählen, dass am Rand kein (oder kaum ein) Schwarz hat.

Empfehlung: Will man außerordentlich gut sein, empfehle ich, die hier verwendeten Fotos zu bearbeiten und dabei per Software gleich groß zuzuschneiden. Evtl. kann man die Fotos auch per Software "zusammenkleben", so dass nur noch ein Bild eingebunden werden muss.

Bereiche "Willkommen im Portal der Stadt Basel" und "Bild des Monats"

Ich habe diese beiden Abschnitte in eine Tabellenzeile gelegt, d. h. sie sind gleich hoch, egal welchen Inhalt die beiden Abschnitte haben.

Empfehlung: Damit keine unschönen Lücken entstehen bzw. diese so gut wie möglich vermieden werden, kann man zwei Maßnahmen ergreifen:

1. Bildgröße und Textmenge im linken Bereich entsprechend wählen: Beispielsweise könnte man ein oder zwei Sätze zu Basel schreiben, die man je nach Erfordernis ein- oder ausblendet.
2. Bildgröße und Textmenge im rechten Bereich entsprechend wählen

Bereich "Bild des Monats"

Die Schrift in diesem Bereich ist in Negativ-Darstellung, weiß auf schwarz. Wahrnehmungsphysiologen haben erkannt, dass sich Schrift in Negativ-Darstellung (hell auf dunkel) schlechter lesen lässt als in Positiv-Darstellung (dunkel auf hell). Das hängt aber auch von der Schriftgröße bzw. vom Schriftgewicht (fett, dünn) ab.

Empfehlung: Ich rege an, die Schrift nicht zu klein oder ggf. Fettschrift zu wählen.

Empfehlung für den Portal-Code

Der Portal-Code wirkte auf mich von Anfang an etwas unübersichtlich. Das liegt daran, dass alle Inhalte außer den neuen Artikeln zwischen den Anweisungen für das Layout stehen. Dadurch wird das Ganze auch sehr lang und mühsam zu bearbeiten. Jeder Bearbeiter muss wenigstens Inhalt und Layout-Anweisungen auseinanderhalten halten können.

Empfehlung: Ich schlage vor, den Inhalt der meisten Tabellenzellen (Bereiche) auszulagern in "Vorlagen". Diese Inhalte sind dann einzeln bearbeitbar und der Code für die Portal-Seite wird entscheidend geringer und damit übersichtlicher. (Bei einem anderen Portal mit viel Inhalt habe ich damit gute Erfahrungen gemacht.)

Diskussion: Kritik, Anregungen, Fragen, ...

Fehlende Umrandung

Habe mich dafür entschieden, die Hintergrundfarbe beim Bild des Monats auf weiß zu setzen und nur den administrativen Teil und die Schnellstartbox mit grau zu hinterlegen. Jetzt fehlt aber bei diesen beiden rechts die Umrandung. Was habe ich denn da kaputt gemacht? --Wladyslaw Disk. 10:21, 18. Sep 2006 (CEST)

Der Bereich "Bild des Monats" hatte bisher keine Umrandung, da er ja schwarz war und die Umrandung deshalb nicht aufgefallen wäre. Beim Schnellstart war ein Syntax-Fehler der Grund, ein überflüssiges Anführungszeichen (s. hier). -- Mathetes 17:18, 18. Sep 2006 (CEST)

Plausible Erklärung. Danke für die Korrektur. Ich muss mich mit diesem Programmcode für die Tabellen doch noch etwas intensiver auseinandersetzen. --Wladyslaw Disk. 11:36, 19. Sep 2006 (CEST)

Für mich war zu Beginn und ist auch jetzt immer wieder hilfreich die Website de.selfhtml.org. Für die Formatierung mit CSS, speziell "style", empfehle ich de.selfhtml.org/navigation/css.htm#direktformatierung. -- Mathetes 16:57, 19. Sep 2006 (CEST)

Überschriftengröße

Die Überschriften "Willkommen im Portal der Stadt Basel" und "Artikel des Monats September" sind größer als die anderen Überschriften. Das wirkt auf mich unausgeglichen und wie ein Versehen. Aus meiner Sicht ist das ein Layout-Fehler. Meines Erachtens sollten alle Überschriften gleicher Ebene gleich groß sein. Hat es einen Grund, dass die Überschriften unterschiedlich groß sind? -- Mathetes 17:18, 18. Sep 2006 (CEST)

Was soll daran unausgeglichen sein, den Willkommensgruß größer zu gestalten als die Uberschriften der einzelnen Bereiche im Portal? Und da der Artikel des Monats eben hervorgehoben werden soll von allen anderen Artikeln wirkt sich das auch in der Überschrift aus. --Wladyslaw Disk. 11:31, 19. Sep 2006 (CEST)

Irgendwie überzeugt mich das nicht ganz. Mit der größeren Schriftgröße bei der Begrüßung habe ich kein Problem, wohl aber beim Artikel des Monats. Warum dann nicht auch für das Bild des Monats? Und für "Diskussion & Mitarbeit"? Und "Schnellstart"? Und ...? Wenn jemand Nummerierung bei Abschnittsüberschriften eingestellt hat, dann kriegt er auch 1 und 2 vor den jeweiligen Abschnittsüberschriften angezeigt. Es ist also nicht nur die Größe, die (mich) stört, sondern vor allem, dass es sich um Abschnittsüberschriften handelt, die mit === Überschrift === festgelegt sind. Bearbeiten kann man Abschnitte auch dann, wenn sie auf Unterseiten ausgelagert sind (s. übernächster Punkt dieser Diskussionsseite). -- Mathetes 17:06, 19. Sep 2006 (CEST)

Habe anstatt der Überschrift nun die Schriftgröße einfach vergrößert. --Wladyslaw Disk.

Sieht m. E. deutlich besser aus. -- Mathetes 18:13, 19. Sep 2006 (CEST)

Was hälst Du von der Möglichkeit, nur im Einleitungstext statt der serifenlosen Schrift eine mit Serifen zu nehmen? Ich bin auch kein Freund von vielen verschiedenen Schriften auf einer Seite aber mit zwei verschiedenen Schriften hat man die Variation sehr dosiert eingesetzt. Bin mir aber trotzdem noch unschlüssig und würde gerne Deine Meinung dazu wissen. --Wladyslaw Disk. 18:57, 19. Sep 2006 (CEST)

Habe einfach mal eine Version mit Serifenschrift im Einleitungstext geschaffen. Gefällt mir nicht so gut. Ein Effekt, den ich festgestellt habe, ist, dass die Serifenschrift kleiner ist als die serifenlose Schrift. Das kann aber mit den installierten und eingestellten Schriftarten zu tun haben bzw. auch browser- und betriebssystemabhängig sein. Schau's Dir mal an.
Die Formatierung der Überschrift des Einleitungstextes habe ich auf den moderneren Standard mit CSS abgeändert. Schau Dir auch das mal an. Die Schriftgröße kannst Du gerne so einstellen, wie Du möchtest. -- Mathetes 19:34, 19. Sep 2006 (CEST)

Zwischenraum zwischen Tabellenzellen

Der waagrechte Zwischenraum zwischen den Tabellenzellen ist - gemäß der Umsetzung Deiner Wünsche - teilweise vorhanden, teilweise nicht. Das wirkt auf mich wie ein Versehen, jedenfalls unsystematisch. Aus meiner Sicht ist das ein Layout-Fehler. Mein Vorschlag: entweder waagrechte Zwischenräume überall oder Verzicht darauf überall. Bei Verzicht schlage ich vor, den senkrechten schwarzen Balken und die schwarzen Balken (entweder) gleich breit (oder deutlich unterschiedlich) zu machen. -- Mathetes 17:18, 18. Sep 2006 (CEST)

Der Verzicht bzw. das belassen von Zwischenräumen richtet sich danach, gewisse Boxen in eine Einheit zu fassen und andere eher davon abzugrenzen. Die große Box mit den Sehenswürdigkeiten, Bauten, Sport in Basel etc. sollte sich optisch von der Geografie und der "Basler Umgebung" sowie der "Basler Persönlichkeiten" abheben. --Wladyslaw Disk. 11:29, 19. Sep 2006 (CEST)

Ich behalte große Zweifel, ob das so sinnvoll ist. Es gibt für diesen Zweck ja die dickeren schwarzen Balken. Da braucht es m. E. nicht noch einer zusätzlichen Abgrenzungsebene. Ich finde, das ist zu kompliziert für den Betrachter, wenn er Deine Überlegungen nicht kennt. -- Mathetes 17:16, 19. Sep 2006 (CEST)

Ich finde dicke schwarze Balken zur Trennung einfach nur hässlich. Stattdessen die Box etwas abzuheben, indem man sie einfach etwas von der anderen absetzt ist doch nicht kompliziert für einen Betrachter. Das grafische Absetzen ist ja nicht willkürlich gewählt worden sondern hat die Absicht gewisse Sinnabschnitte zu bilden. --Wladyslaw Disk. 17:37, 19. Sep 2006 (CEST)

Was hältst Du davon, diese dicken schwarzen Balken durch dünne (1 oder 2 Pixel) zu ersetzen bzw. einfach die Umrandung zur Trennung zu nehmen? Ich hatte halt die dicken schwarzen Balken dringelassen, weil ich versprochen hatte, den Gesamteindruck in etwa so zu lassen, wie er war. Zumindest ein Versuch wäre es wert. Man kann ja revertieren, wenn's nicht gefällt. -- Mathetes 18:13, 19. Sep 2006 (CEST)

Empfehlungen

Was hältst Du von meinen Empfehlungen für Problemzonen bzw. für den Portal-Code? -- Mathetes 17:18, 18. Sep 2006 (CEST)

Du meinst damit die Auslagerung des Portalcodes in kleinere Einheiten analog den "Neuen Artikel". Grundsätzlich sinnvoll, habe aber zur Zeit andere "Baustellen". Wie genau geht das technisch? Mach ich eine Unterseite auf die Art Portal:Basel/Unterseite und verlinke ich das dann? --Wladyslaw Disk. 11:27, 19. Sep 2006 (CEST)

Die Auslagerung des Portal-Codes ist der zweite Teil dessen, was ich meinte. Ja, genau, das geht wie bei "Neue Artikel". Da ist das schon realisiert. Du kannst es von dort direkt abschauen. Deine Beschreibung ist richtig.
Ich hatte weiter oben noch "Empfehlungen für Problemzonen" gegeben. Das ist der erste Teil dessen, was ich meinte.
Ich bin eigentlich gar nicht auf dieser "Baustelle" zu Hause. Ich gebe Dir gerne Tipps, beantworte auch gerne Deine Fragen und mache mal etwas, was mir als zunächst zu schwierig für Dich erscheint, aber Du bist der eigentliche Bauherr. -- Mathetes 17:30, 19. Sep 2006 (CEST)

Ich versuche die Veränderungen noch einzubauen. Mit Sicherheit die sinnvollste Vereinfachung für alle die auch am Portal mal was verändern wollen. Drei Fragen dazu: (1) Wenn ich das in unserem "Spielwiesen-Portal" verändere und wir später das veränderte Portal auf das bestehende kopieren dann muss ich doch im Code wieder was verändern oder siehst du eine Möglichkeit das zu vermeiden? (2) Die einzelenen kleineren Boxen auszulagern sieht eher unproblematisch für mich aus. Was aber schlägst Du vor für die große Box in der Mitte? Die als Ganzes auslagern oder die einzelenen Teile? Sähe irgendwie doof aus, wenn da überall Bearbeitungs-Buttons stehen, finde ich. (3) Die Bilder werden doch genauso in die ausgelagerte Unterseite verschoben, oder? --Wladyslaw Disk. 17:42, 19. Sep 2006 (CEST)

P.S. Frage (1) habe ich mir grade selbst beantwortet. Blick in den Code reichte dafür aus ;-) --Wladyslaw Disk. 17:46, 19. Sep 2006 (CEST)

Die Auslagerung von Teilen des Portal-Codes war mit das erste, was ich im Portal:Freikirchen gemacht habe. Schau mal zurück auf einen Stand von Ende März/Anfang April oder früher und vergleiche mit jetzt. Die "Spiel-Version" findest Du übrigens hier. (Wir stehen noch vor dem Review. Ob wir es nach dem Review irgendwann als informatives Portal zur Kandidatur stellen, weiß ich noch nicht.)

zu (1): Wenn Du die Unterseiten gleich unter Portal:Basel einrichtest, brauchst Du nichts zu ändern. Aber Du darfst gerne die Unterseiten auch in meinem Benutzerraum erstellen (wenigsten das erste Mal würde ich Dir das raten). Du musst dann halt die Seiten später verschieben und im Portal-Code die Einbindung der Unterseiten entsprechend ändern. (Jetzt sehe ich, dass Du Dir die Frage schon selbst beantwortet hast. Ich lass meine Antwort aber jetzt trotzdem stehen. :-))

zu (2): Da gibt es zwei Tabellenzellen: links und rechts. Die würde ich in jedem Fall getrennt auslagern, sonst wird's schwierig. Bedenke: Es gibt eine große Tabelle vom Portal-Kopf bis runter zum letzten Kasten.

zu (3): Die Bilder bindest Du ganz normal ein. Da brauchst Du gegenüber dem jetzigen Stand nichts ändern.

Versuch einfach mal, wie weit Du kommst. Wenn nicht alles gleich auf Anhieb klappt - hat es bei mir auch nicht -, dann kann ma ja revertieren. Und es ist nur eine Spielwiese. Wenn Du noch Fragen hast, lass es mich wissen. -- Mathetes 18:13, 19. Sep 2006 (CEST)

Auch wenn die Auslagerung der einzelnen Boxen noch fehlt (ich versuche es in den nächsten Tagen einzubilden), habe ich den bisherigen Stand schon mal auf die richtige Portalseite kopiert. --Wladyslaw Disk. 11:15, 22. Sep 2006 (CEST)