Feature: Foto-Carousels

Hinweis zur Terminologie: Dieses Beispiel verwendet Fachbegriffe aus dem zugrunde liegenden semantischen Datenmodell, etwa PublishedWork und Carousel. Dieses Modell ist hier jedoch nicht als weiteres Blog-Beispiel enthalten.

Zusammenfassung

Ein Carousel ist ein für Besucher sichtbares PublishedWork, das eine bewusst geordnete Abfolge von Fotos enthält. Es ermöglicht dem Fotografen, zusammengehörige Bilder als ein zusammenhängendes Werk mit einem öffentlichen Namen, einem Titelfoto, einem lokalisierten Titel und einer lokalisierten Beschreibung zu veröffentlichen.

Ein Carousel ist keine Serie. Ein Carousel wird als einzelner Portfolioeintrag geöffnet und betrachtet; eine Serie stellt mehrere PublishedWorks zusammen und kann sowohl Carousels als auch eigenständige Werke enthalten.

Ziele

• Eine zusammengehörige Abfolge veröffentlichen, ohne jedes enthaltene Foto als eigenen Galerieeintrag darzustellen.
• Einen gemeinsamen künstlerischen Titel und eine gemeinsame Beschreibung für die Abfolge bewahren.
• Fotospezifische Darstellungen, Aufnahmedaten, das Jahr und die Klassifizierung der Personensichtbarkeit bewahren.
• Carousel-Veröffentlichungen bereits vor dem Öffnen erkennbar machen.
• Eindeutige, barrierefreie Bedienelemente für die Navigation auf Foto- und PublishedWork-Ebene bereitstellen.
• Carousels in Serien aufnehmen, als neue Veröffentlichungen hervorheben und über die Suche auffindbar machen. Dabei verwenden sie dieselbe öffentliche Routenstruktur wie eigenständige Werke.

Domänenregeln

• Ein Carousel ist genau ein PublishedWork vom Typ Carousel.
• Es enthält eine geordnete Liste von Fotos. Für eine reguläre Veröffentlichung sind mindestens zwei Fotos vorgesehen; die Ausnahme für Wiederherstellungsfälle ist unter “Sonderfälle” beschrieben.
• Sein Titelfoto ist eines der enthaltenen Fotos und wird in der Galerie sowie beim Teilen verwendet.
• Alle enthaltenen Fotos haben denselben für Besucher sichtbaren Titel und dieselbe Beschreibung wie das Carousel.
• Jedes enthaltene Foto behält seine eigenen Vorschau- und Detailbilder, Aufnahmedaten, sein Jahr und seine Klassifizierung der Personensichtbarkeit.
• Ein enthaltenes Foto wird nicht zusätzlich als eigenständiges PublishedWork veröffentlicht.
• Ein Foto gehört im aktuellen Produkt zu höchstens einem Carousel.
• Eine optionale Serienzugehörigkeit und der Neu-Status gehören zum PublishedWork des Carousels, nicht zu den einzelnen enthaltenen Fotos.

Darstellung in der Galerie

Ein Carousel erscheint genau einmal in der Galerie und verwendet dabei sein Titelfoto. Seine Kachel:

• zeigt den lokalisierten Titel des Carousels;
• ist sichtbar als Carousel gekennzeichnet;
• vermittelt die Anzahl der Fotos sowohl visuell als auch in der barrierefreien Linkbezeichnung;
• zeigt den Neu-Status, wenn das PublishedWork des Carousels hervorgehoben ist.

Die Auswahl der Kachel öffnet die Detailseite des Carousels beim ersten Foto. Enthaltene Fotos erhalten keine eigenen Galeriekacheln oder Besucherrouten.

Darstellung im Detail

Die Detailseite des Carousels:

• zeigt jeweils ein Foto;
• wählt beim direkten Öffnen oder beim Öffnen über die Galerie beziehungsweise die Werk-Bedienelemente das erste Foto aus; für den fortlaufenden Rückwärtswechsel gilt die unten beschriebene Ausnahme;
• zeigt den gemeinsamen lokalisierten Titel und die gemeinsame Beschreibung des Carousels;
• ergänzt den Titel um das Aufnahmejahr des sichtbaren Fotos, sofern dieses bekannt ist;
• zeigt die Aufnahmedaten des sichtbaren Fotos;
• zeigt einen Personenhinweis nur, wenn das sichtbare Foto einen erfordert;
• zeigt eine lokalisierte Position wie 2 von 6;
• bietet Bedienelemente für das vorherige und nächste Carousel-Foto.

Der gemeinsame Titel und die gemeinsame Beschreibung werden nicht so wiederholt, als handele es sich bei jedem Foto um unterschiedliche Inhalte. Auch individuelle, nicht sichtbare Fototitel werden nicht eingeführt.

Zwei Navigationsebenen

Carousel-Seiten stellen bewusst zwei getrennte Gruppen von Bedienelementen bereit.

Bedienelemente für PublishedWorks

Die Bedienelemente für das erste, vorherige, nächste und letzte Werk navigieren zwischen den PublishedWorks im gesamten Portfolio. Sie wechseln niemals nur um eine Position innerhalb des Carousels.

Bedienelemente für Carousel-Fotos

Die Bedienelemente für das vorherige und nächste Foto navigieren ausschließlich innerhalb des aktuellen Carousels. Beim ersten beziehungsweise letzten Foto sind sie deaktiviert und wechseln niemals zu einem anderen PublishedWork. Eine sichtbare Positionsanzeige vermittelt den Fortschritt innerhalb der Abfolge.

Die Bedienelemente haben unterschiedliche lokalisierte barrierefreie Bezeichnungen, sodass Besucher erkennen können, ob eine Aktion den Portfolioeintrag oder das Foto innerhalb dieses Eintrags wechselt.

Fortlaufende Tastatur- und Wischgestennavigation

Bei der Navigation mit der Pfeiltaste nach links oder rechts sowie mit horizontalen Wischgesten verhält sich das Carousel wie ein zusammenhängender Abschnitt des Portfolios:

• Eine Vorwärtsbewegung wechselt zum nächsten Carousel-Foto.
• Beim letzten Foto öffnet eine weitere Vorwärtsbewegung das nächste PublishedWork.
• Eine Rückwärtsbewegung wechselt zum vorherigen Carousel-Foto.
• Beim ersten Foto öffnet eine weitere Rückwärtsbewegung das vorherige PublishedWork.

Ist das benachbarte PublishedWork ebenfalls ein Carousel, beginnt der Vorwärtswechsel bei dessen erstem Foto und der Rückwärtswechsel bei dessen letztem Foto. Die Abfolge lässt sich so in beiden Richtungen fortlaufend durchlaufen.

Die Escape-Taste führt zurück zur Galerie. Die Gestenerkennung bleibt auf den Bildbereich beschränkt und bevorzugt vertikales Scrollen, sofern die Bewegung nicht eindeutig horizontal ist.

Dieses Überschreiten der Grenzen gilt nur für die Navigation per Tastatur und Wischgeste. Sichtbare Carousel-Bedienelemente bleiben auf das Carousel beschränkt, und sichtbare PublishedWork-Bedienelemente bleiben auf Werkebene.

Ladeverhalten

• Jedes Carousel-Foto folgt demselben Ladeverhalten mit zuerst geladenem Vorschaubild und anschließendem Detailbild wie ein eigenständiges Foto.
• Die Navigation zu einem anderen Foto setzt den Lade- und Fehlerstatus für dieses Foto zurück.
• Die Bilder der unmittelbar benachbarten Carousel-Fotos werden vorgeladen, damit sie beim Wechsel möglichst ohne zusätzliche Wartezeit erscheinen.
• An den Grenzen eines Carousels kann das beim Wechsel sichtbare Foto des benachbarten PublishedWorks vorgeladen werden. Bei einem benachbarten Carousel ist dies je nach Navigationsrichtung das erste oder letzte Foto.

Verhalten in Serien

• Ein Carousel kann zu einer Serie gehören.
• Unabhängig von der Anzahl seiner Fotos belegt es in dieser Serie eine Position und zählt als ein PublishedWork.
• Wenn es einer Serie zugeordnet ist, wird seine Serienzugehörigkeit auf der Detailseite angezeigt und verlinkt.
• In der Serienübersicht bleibt es als Werk mit mehreren Fotos erkennbar.

Auffindbarkeit und Teilen

• Das Carousel besitzt in jeder Sprache eine stabile PublishedWork-URL.
• Der lokalisierte Titel und die lokalisierte Beschreibung des Carousels beschreiben die Seite.
• Das Titelfoto ist das primäre Vorschaubild beim Teilen in sozialen Medien.
• Suchmetadaten können alle enthaltenen Fotos mit der Seite des Carousels verknüpfen. Dabei steht das Titelfoto zuerst; die übrigen Fotos folgen in ihrer Carousel-Reihenfolge. Jedes Foto wird nur einmal aufgeführt. Die Reihenfolge bei der Betrachtung des Carousels bleibt davon unberührt.
• Enthaltene Fotos erzeugen keine eigenen PublishedWork-Einträge in der Sitemap.

Veröffentlichungsverhalten

Der Veröffentlichungsprozess muss Folgendes festlegen können:

• die geordnete Zugehörigkeit der Fotos;
• das Titelfoto;
• den stabilen öffentlichen Namen;
• den deutschen und englischen Titel sowie die deutsche und englische Beschreibung;
• die optionale Serienzugehörigkeit und Position innerhalb der Serie;
• ob das Carousel vorübergehend als neu hervorgehoben wird;
• die Personensichtbarkeit für jedes enthaltene Foto.

Der Veröffentlichungsprozess kann ein Carousel ableiten, wenn die Asset-Namen von mindestens zwei Fotos dieselbe Basis besitzen, auf die unmittelbar vor dem Suffix ihrer Darstellung ein numerischer Index folgt. Die abgeleitete Reihenfolge richtet sich aufsteigend nach diesem numerischen Index, das erste Foto ist das standardmäßige Titelfoto und die gemeinsame Basis ist der standardmäßige öffentliche Name. Die Ableitung liefert lediglich Vorschläge: Veröffentlichungstext, Datenschutzklassifizierung und Zusammenstellung müssen weiterhin geprüft werden.

Sonderfälle

• Ein Carousel mit fehlenden Fotoreferenzen zeigt die gültig referenzierten Fotos in ihrer zusammengestellten Reihenfolge. Wenn sich das Titelfoto nicht auflösen lässt oder keine der Fotoreferenzen gültig ist, ist das PublishedWork nicht verfügbar. Für verfügbare Carousels beziehen sich Fotoanzahl, Positionsanzeige und Navigation auf die aufgelösten Fotos.
• Ein Carousel mit nur einem Foto kann zu Wiederherstellungszwecken technisch darstellbar sein. Für eine reguläre Veröffentlichung sollte jedoch ein eigenständiges Werk verwendet oder die Abfolge um die fehlenden Fotos ergänzt werden.
• Am Anfang des Portfolios sind die Werk-Bedienelemente für das erste und vorherige Werk deaktiviert; am Ende gilt dies für das nächste und letzte Werk. Per Tastatur oder Wischgeste ist jeweils nur der Wechsel über die entsprechende Portfoliogrenze gesperrt. Die Navigation innerhalb des Carousels bleibt möglich.
• Das Jahr und der Personenhinweis können wechseln, während der gemeinsame Titel und die gemeinsame Beschreibung unverändert bleiben.

Akzeptanzkriterien

• Ein Carousel erscheint genau einmal als erkennbarer Galerieeintrag mit einer Fotoanzahl. Bei regulären Veröffentlichungen enthält es mindestens zwei Fotos.
• Beim direkten Öffnen oder beim Öffnen über die Galerie beziehungsweise die Werk-Bedienelemente beginnt es mit dem ersten Foto und zeigt jeweils ein Foto. Der fortlaufende Rückwärtswechsel aus einem benachbarten Werk beginnt beim letzten Foto.
• Titel und Beschreibung werden von der gesamten Abfolge gemeinsam verwendet.
• Jahr, Aufnahmedaten, Ladestatus und Personenhinweis richten sich nach dem sichtbaren Foto.
• Interne Bedienelemente navigieren nur innerhalb des Carousels und sind an dessen Grenzen deaktiviert.
• PublishedWork-Bedienelemente navigieren immer zwischen Portfolioeinträgen.
• Die Pfeiltasten nach links und rechts sowie Wischgesten durchlaufen zuerst die Fotos und wechseln an den Grenzen der Abfolge zu benachbarten PublishedWorks.
• Die aktuelle Position ist lokalisiert und wird als Text ausgegeben.
• Ein Carousel besitzt eine öffentliche Route. Wenn es einer Serie zugeordnet ist, belegt es darin genau eine Position.
• Suche und Teilen verwenden den Text und das Titelfoto des Carousels, während alle enthaltenen Bilder in den Seitenmetadaten berücksichtigt werden können.
• Enthaltene Fotos werden nicht zusätzlich als eigenständige Werke veröffentlicht.

Nicht Bestandteil dieses Features

• Automatische Wiedergabe als Diashow.
• Öffentliche Titel oder Beschreibungen für einzelne Fotos innerhalb eines Carousels.
• Navigation per Wischgeste in der Galerieübersicht.
• Die Verwendung eines Fotos in mehreren Carousels.
• Ein Carousel, das andere Carousels oder Serien enthält.

Referenzen

Beispielsweise Semantisches Datenmodell, hier nicht weiter ausgeführt.