kleine Fotogallerie

rtf

PC-Selbstbauer(in)
Hallo zusammen,

ich habe mir eine kleine Fotogallery auf meiner Homepage zusammengebastelt und wollte eure Einschätzung dazu haben.

Ein bisschen zum Code.

Dieser ist einfach gehalten und bei neuen Bildern, bzw. neue Themen benötige ich nur einen neuen Ordner zu erstellen, damit dieser gleich auf der Seite zu sehen ist. Das gleiche ist ebenfalls bei den Bilder. Für neue Bilder brauche ich den Code also nicht mehr anpassen. Bei der eigentliche Gallerie habe ich mich bei Fotorama bedient. Einen schlicht gehaltenen Slider, der trotzdem einiges an Parametern mitbringt, die man zu und ab schalten kann. Beim responsive design muss ich noch ein bisschen dran arbeiten, dort ist die Auflistung der "Themenübersicht" noch nicht wie genwünscht.

Jetzt zu euch. Ich bitte euch, schaut euch die Seite an und gebt mir euer Feedback. Ich bin offen für jegliche Kritik und Verbesserungsvorschläge. Fals ihr Fehler findet meldet sie mir bitte auch, damit ich daran arbeiten kann.

Hier der Link zur Seite. Photos - Steviesblog

Vielen Dank im voraus:daumen:

Grüße
rtf
 
Hallo,

bitte das Folgende nicht negativ sehen. Ich bin schlecht darin, Dinge, die mir eher negativ auffallen, positiv zu umschreiben. Und da ich mich für meine eigene Seite vor gut einem Jahr selber um eine Gallerie gekümmert habe, mögen auch einige Punkte dabei sein, die mich zwar stören, für Dich aber akzeptabel oder gar gewollt sind.

Das die Bezeichnungen nicht durchgänging einsprachig sind (Spain, Bulgarien) stört für die Gallerie nicht. (Fehlende) Angaben zum Autor und Nutzungsrechten haben mit der Gallerie auch nichts zu tun.

Getestet habe ich unter WIn 10 mit dem aktuellen Firefox mit 100% Skalierung. Sowie auf einem älteren Android 7.1.2 Tablet mit Chrome:

* Hauptseite:

  • das Hintergundbild der Startseite lädt recht lange. 5 MB für ein Hintergrundbild, welches zu großen Teilen verdeckt wird? Aber vieleicht hat ja jeder der Besucher bei Dir eine LTE-Flatarte oder einen >= 100 MBit VDSL-Anschluss und ein performantes Anzeigegerät.
  • das responsive Design stimmt nicht:
  • - Die Vorschaubilder in der größten Größe ändern ihr Seitenverhältnis, wenn das Fenster noch größer wird. Das gesamte "Hauptmenü" wird bei 2560x1440 sogar höher wie der Bildschirm (Browser blendet eine Scrollbar ein)
  • - die Größenänderung zu kleineren Bildern geschieht erst viel zu spät, wenn das rechte der drei Bilder schon nur noch halb zu sehen ist
  • dass die dynamische Vergrößerung eines Menübildes beim Maus Over nur für Desktop-Browser (oder besser gesagt für Mausbedienung) sinnvoll ist, stört vermutlich weniger oder ist gar so gewollt. Bei Touch-Devices gibt es das Event einfach nicht.

* Gallerie:

  • auch hier gilt wieder: die Bilder werden zwar skaliert dargestellt, aber immer in der vollen Größe geladen. Was für den Desktop (und eine gute Internet-Anbindung) gut ist, muss es für mobile Besucher nicht sein.
  • ansonsten gut zu sehen, dass die Bilder wohl per Lazy Load erst geladen werden, wenn sie angezeigt werden sollen. Wobei sie leider wirklich erst dann geladen werden und nicht bereits, wenn das vorherige Bild angezeigt wird. Aber besser so wie alle Bilder beim Start zu laden.
  • Hochformt wird nicht korrekt (?) unterstützt (Spanien, 3. Bild und folgende). Hochformatbilder werden um 90% gedreht angezeigt. Zeigt man das entsprechende Bild direkt (ohne Gallerie) im Browser an, so stimmt die Ausrichtung.
  • Was auch immer da falsch läuft, das vorletzte Bild von "Spanien" wird im Hochformat angezeigt, obwohl es im Querformat ist. Allerdings fällt hierbei positiv auf, dass die Gallerie (innner halb einer Bilderserie) mit unterschiedlichen Seitenverhältnissen umgehen kann. Erwas, das viele Scripte bis huete noch nicht können.
  • das Problem tritt mit Chrome unter Android 7.1 auch auf, liegt also nicht an FF
  • die Galerie ist fast das Ende des Internets :-) bzw. das Ende der Seite. Es gibt keine Tasten- oder Wischkombination, um die Gallerie zu beenden, oder schon nur ein offensichtliches "X". Man muss über das Menü und "Home" gehen. Der Zurück-Button vom Browser reagiert nur dann für mich logisch, wenn ich die Adressleiste genau verfolge.
    Das mag aber alles auch nur daran liegen, dass ich diese Hamburger-Menüs nicht wirklich mag, insb. nicht um aus einer Gallerie bzw. aus einer Unterseite zurück zur aufrufenden Seite zu gelangen. Postitiv ist aber, dass die Elemente alle recht groß dargestellt werden.
  • das halbtransparente Hamburger-Menü ist zwar auf dem PC gut zu lesen, auf meinem Android-Tablet aber nur sehr schwer (Schrift zu dunkel oder zu transparent).
  • mit einer langsameren Internetanbindung (54 MBit WLan mit 32 MBit Internet bei meinem Tablet, oder liegt es an der Performance des Tablets) denkt man manchmal,, dass die Seite oder der Browser abgestürtzt sei. Der Wechsel vom Hauptmenü zur Gallerei dauert viele Sekunden bis die Gallerieseite angezeigt wird.
  • In welcher Gallerie man sich gerade befindet, verrät einem nur die Adressleiste. Schön wäre es, wenn der entsprechende Menüeintrag hervorgehoben würde.
  • Sollte das Menü-Fenster länger werden wie die Bildschirmhöhe, so wird zwar eine Scrollbar eingeblendet (keine Ahnung, ob diese per Touch bedienbar ist, beim Smartphone im Querformat kann das ganz schnell geschehen). Der erste Menüeintrag wird über dem Hamburger dargestellt, was zumindest unschön aussieht.

Persönlich (für meine eigene Gallerie) würde mich stören, dass man wohl nicht von extern direkt auf einzelne Bilder verlinken kann, um diese dann in der Gallerie zu öffnen. Das stört mich nicht nur bei der Verlinkung in Foren sondern auch, falls die Seite irgendwann mal jemand über Google finden soll. Die Bilder haben ja auch keine angezeigte Nummer, aber vieleicht kann man bei Bedarf einen Text einblenden.

Und zum Schluss noch eine Anmerkung, die derzeit bei den gezeigten Bildern nicht stört/auffällt, mich aber oft massiv bei Gallerien mit Personenbilden stört: ich mag die Index-Anzeige als automatisch berechneten quadratischen Ausschnitt nicht.
 
Danke für die konstruktive Kritik und keien Sorge ich sehe das nicht negativ:)

die Namensgebung(Spain) habe ich angepasst.
Informationen zum Benutzer und Nutzungsrechte kommen später noch dazu.

'Hauptseite
  • das Background Bild habe ich angepasst und von 5 MB auf 333KB runterskaliert.

  • am responsive design bin ich noch bei und bearbeite das. Zurzeit wird 1920x1080 voll unterstützt, die anderen sind in Bearbeitung

  • die dynamische Vergrößerung ist bei Touch-Devices nicht zwingend.

'Gallerie

  • trotz das sich die Größe der Datei zwischen 100 und 300 KB bewegt, gebe ich dir recht. Bei einer langsamen Leitung hat man kein Spass damit. Hast du hier noch ein Tip wie ich es besser machen könnte?

  • Hochformat wird unterstützt und die Bilder in Spanien wurden soweit jetzt auch angepasst. Das lag nicht an der Gallerie, sondern vielmehr daran, dass das eigentliche Bild sowieso schon so ausgelegt war.

  • Ich werde bei den Bilder noch eine "zurück Botton" oder "Wisch" einfügen, um direkt wieder auf die Startseite zu kommen.

  • Das Menu kann ich leider nicht auf ein Tablet testen, ich besitze keins, versuche es aber so gut es geht anzupassen.

  • Wo man sich gerade in der Gallerie befindet ist ein guter Punkt, hier werde ich denke ich noch eine Überschrift einfügen.

  • Oversize der Menubar werde ich nocheinmal genauer überprüfen und anpassen.

Das mit den extern verlinken auf ein Bild ist für mich doch ein sehr guter Punkt, den du da anbringst. Das werde ich auch anpassen.

Bis dahin erstmal Danke für dein Feedback

grüße
rtf
 
Zurück