Feedback zu meinem Showcase und den Projekten

Gemeinschaft
1

Ich benutze seit einiger Zeit eine Discourse-Instanz zur Verwaltung von Kundenprojekten und habe beschlossen, sie mit mehr öffentlichen Inhalten anzureichern, Fallstudien und Ressourcen zu teilen. Dies ist noch in Arbeit (nur für Desktop-Ansicht gestaltet, die meisten Themen haben nur minimalen Inhalt), aber ich habe das Gefühl, dass ich schon zu lange darauf geschaut habe, um noch gute Urteile fällen zu können. :smile:

Ich würde mich über Feedback freuen:

  • im Allgemeinen: Ist es intuitiv? Macht es Sinn, was ich teile? Glauben Sie, ich sollte etwas anderes teilen oder andere Schwerpunkte setzen?

  • Bearbeiten: Habe diese Komponente neu geschrieben, um die genannten Probleme zu lösen technisch gesehen: Eine zentrale Layout-Komponente, die ich verwende, ist ein modifizierter Sidebar/Header-Flow. Ziel ist es, immer nur eine primäre Navigationsleiste anzuzeigen, entweder den Header oder die Sidebar. Die einfache Komponente befindet sich unter Manuel Kostka / Discourse / Helpers / Sidebar Flow · GitLab und ich habe zwei Ansätze für den Flow gewählt:

  • den Header über der Sidebar als transparent neu deklarieren und ein Grid zuweisen, um den Sidebar-Toggle und das Logo mit der Sidebar-Breite auszurichten

  • einen Style-Hack verwenden, um den Sidebar-Hintergrund zu erweitern (einen vollständigen Seiten-drop-shadow deklarieren und ihn dann mit einem clip-path begrenzen)

Ich habe mich für diesen Ansatz entschieden, weil ich bisher die schönste Animation mit den Standard-Slide-Animationen erzielt habe. Es ist also nur die Sidebar, die hineingeschoben wird, ihr Hintergrund ist nach links und zum Header erweitert, und der transparente Header liegt darüber.

Nachteile sehe ich darin, dass die Neudeklaration des Headers als Grid nicht gut mit anderen Komponenten zusammenarbeitet, die im Header gerendert werden. Und ich habe noch keinen Weg gefunden, den Clip-Path-Hack in Safari zum Laufen zu bringen. Daher wäre ich gespannt, ob einige der CSS-Zauberer hier bessere Ideen haben! :face_with_monocle:

Danke an alle! :hugs:

7 „Gefällt mir“
2

Ziemlich einfaches Block- -Layout. Das erfordert keine Intuition, nur Scrollen ;)\n\nInhalt, der noch fehlt, bestimmt den Rest.\n\nMit Discourse erstellt -Block ist auf meinem iPad sehr kaputt.

2 „Gefällt mir“
3

Ja, größtenteils, es ist eine einfache und sauber aussehende Website. Mir gefällt die Hauptstimmung, sie ist ziemlich ruhig.

Das Einzige, was ich wirklich erwartet habe, ist eine Möglichkeit, Kontakt aufzunehmen.

Einige weitere Anmerkungen:

Fangen wir mit einem Schocker an :-/ Manchmal sieht die Seite bei mir unter Safari auf dem Mac so aus:

Screenshot 2024-07-16 at 09.52.42
Screenshot 2024-07-16 at 09.52.421888×1577 83.3 KB

Ich glaube, es gibt einige Styling-Elemente, die mit Javascript anstelle von CSS gemacht werden, und das scheint eine Race Condition beim Laden zu verursachen?

Ich habe erwartet, dass dieser Button zu einer Übersicht über Ihre Kunden führt.

Screenshot 2024-07-16 at 10.03.56
Screenshot 2024-07-16 at 10.03.56214×173 3.72 KB

Vielleicht umbenennen in “Kunden-Login”? Und ich würde auch erwägen, ihn in den Header zu verschieben. Derzeit befindet er sich im prominentesten Bereich Ihrer Website, fast wie der Haupt-CTA.

Das Öffnen des Menüs lässt die gesamte Seite springen und entfernt die beiden oberen Elemente. Das wirkt etwas unintuitiv?

Das Öffnen des Menüs bei “Über uns” und “Themen” entfernt tatsächlich den gesamten Inhalt:

Screenshot 2024-07-16 at 10.00.50
Screenshot 2024-07-16 at 10.00.501577×1572 76.6 KB

Ich denke, die “Built with Discourse”-Anzeige könnte als etwas irreführend angesehen werden, wenn Sie nicht Teil des Aufbaus waren.

Keiner Ihrer Links gibt einen klaren Hinweis darauf, dass es sich um Links handelt. Ein kleines bisschen :hover-Styling würde Wunder wirken.

Ich denke, eine kurze Beschreibung, was das ist, wäre großartig:

Screenshot 2024-07-16 at 10.01.38
Screenshot 2024-07-16 at 10.01.381221×429 25.5 KB

Und noch mehr Kleinkariertheit: Ich würde den Zeitzonen zu den Zeiten hinzufügen und idealerweise auch “Montag” zu den Daten.

3 „Gefällt mir“
4

Ich hatte diese Erwartung ebenfalls, obwohl es Sinn machte, dass es für den Kundenzugang bestimmt war, sobald ich darauf klickte.

Bas’ weiteres Feedback ist ebenfalls zutreffend, aber generell gefällt mir dieses Layout und ich kann mir vorstellen, dass bestimmte Benutzergruppen und Anwendungsfälle es sehr ansprechend finden würden.

3 „Gefällt mir“
5

Vielen Dank für Ihr Feedback!

Ja, es ist tatsächlich der Haupt-CTA, da die Plattform ausschließlich für Kunden gedacht war, die sich für das Projektmanagement anmelden. Ich muss vielleicht die Idee, eine öffentliche Präsentation hinzuzufügen, überdenken. Oder zumindest, wie die beiden Aspekte angeordnet werden.

Sie soll nur Projekte enthalten, die ich umgesetzt habe. Ich schätze, es wäre klar, wenn ich sie jeweils mit einem Fallstudien-Thema verlinke.

Das liegt beides an dem CSS-Hack mit clip-path, der bisher in Safari noch nicht funktioniert.

Insgesamt ist es wahrscheinlich immer noch zu experimentell, um es zu verwenden. Vielleicht sollte ich versuchen, den Seitenleisten-Fluss zuerst in einem dedizierten Theme auszuarbeiten. Das ist schließlich die wichtigste Implementierungsherausforderung, die ich hier lösen möchte: ein Vollbildlayout zu erstellen, das die Seitenleiste nicht am linken Fensterrand fixiert, sondern einen flüssigeren Fluss hat.

3 „Gefällt mir“