Versions Compared

Old Version 4

changes.mady.by.user Troeger, Kai

Saved on

compared with

New Version Current

changes.mady.by.user Dacko, Andrzej

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • The header has a width of 100 %
  • The header is sticky
  • The logo is linked to the start page of the Zeitungsportal
  • In the middle of the header is a search field (with the exception of the start page)
  • Text in the search field: "Suche in historischen Zeitungen"
  • The button in the search field has a mouse over effect
  • A search leads to the search results page (objects must be ingested und indexed, first)
  • The person icon is visible only if the user is logged in.
  • The icons are always visible. Color blue for logged in and grey for logged out. (DDBNEXT-3204)
  • XS, SM: Other Logo
  • XS: Person icon is only visible in the menu

Menü: (DDBNEXT-3205)

Above the header a grey element on top (Ein Portal der Deutschen Digitalen Bibliothek) is linked to the home page of the DDB. The element is visible on all pages and disappears when scrolling down (DDBNEXT-3403)

Menü: (DDBNEXT-3205)

  • The menu opens with a click on the menu The menu opens with a click on the menu icon
  • Animation: The menu slides over the content from the right margin
  • The content is greyed out if the menu is opened
  • The menu has the same items as in the current DDB
  • All menu items are linked to the DDB sites not to Zeitungsportal sites
  • The person icon should be linked to the "Meine DDB" favorites page
  • Mouse over menu items are underlined
  • Active menu items are blue (same colour as the arrow)
  • The menu closes with a click on the x-icon
  • XS: Person icon is only visible in the menu
  • XS: The menu must be scrollable

...

  • The footer has a width of 100 %
  • The menu has the same items as in the current DDB
  • All menu items are linked to the DDB sites not to Zeitungsportal sites
  • The DDB logo is linked the DDB start page
  • The social links are the same as in the DDB portal just with different icons
  • On mouse over menu items should be underlined.
  • SM, MD: Only the first two menu items are visible by default; further items can be faded in by clicking on "Mehr";
  • XS: The menu items are arranged differentlyIn the viewer only the first two menu items are visible by default; further items can be faded in by clicking on "Mehr"; on other page types the menu items are arranged differently


Startpage: (DDBNEXT-3207)

  • Available via url ".../newspaper" and via "ddb-dzp.de"
  • On top we see the claim, a subtitle, a key visual and a search field
  • There is no searchbar in the header of the startpage
  • The content is centered horizontally like in the entire DDB Portal
  • A picture on the right and the title "Geschichte aus erster Hand"
  • The year figures in the subtitle should come from the search index so that the year of the oldest and the latest available newspaper issue are displayed
  • Text in the search field: "Suche in historischen Zeitungen"
  • The button in the search field has a mouse over effect
  • SM, XS: The elements are placed differently
  • XS: The button in the search field is just a magnifier icon, no text

...

  • The element visualizes all available newspaper issues of the Zeitungsportal in a line diagram
  • Centered headline: "The graph shows the issues available in the Zeitungsportal"
  • The user can select a certain year by moving the slider over the line
  • The selected year and the number of newspaper issues of the year are displayed in the slider
  • By clicking on the button in the silder the user is linked to a search results page with all issues of the respective year
  • SM: The timeline is horizontally scrollable
  • XS: The timeline is not displayed

...

  • On top we see three "tabs", the active "tab" is redblue; the other tabs are linked to the Select by place/by date page
  • XS: The "tabs" are replaced by a dropdown
  • Below the "tabs" is a register and a search field
  • Initially "Alle" is highlighted; if the user clicks on a character the list is filtered an and the character is displayed on the left side
  • The user can narrow down the list by entering characters into the search field; the list adapts immediately

...

This page works similar to the "Select by title page", only that the list is sorted by the Verbreitungsort alphabetically ascending and within the Verbreitungsort by the newspaper alphabetically ascending.
If the newspaper has more than one Verbreitungsort it appears repeated in the list.
The filters (register, (no example-object exists, yet. Please add link to it, if you find one)
The filters (register, search field) do not refer to the title but to the Verbreitungsort.

...

  • This page shows all years - arranged by centuries - with at least one newspaper issue in the yearcentury
  • "Tabs" block on top is sticky
  • Years without any newspaper issue are greyed out
  • Years with at least one newspaper issue are white and clickable; on mouse over the year background colour is blue
  • If the user clicks on a year, e.g. 1834, he gets to the year page
  • XS: Centuries are displayed only on demand

...


Block Verfügbare Ausgaben

  • This block works similar to the Select by date pages only that the calendars only refer to issues of the active news
  • Centuries view
    • Here we see all years - arranged by centuries - with at least one issue of the active newspaper in the century
    • Only centuries are displayed with at least one year with issues
    • Years without any issue are greyed out
    • Years with at least one issue are white and clickable; on mouse over the year background colour is blue
    • If the user clicks on a year, e.g. 1834, the block changes to the year view
  • Year view
    • Here we see all dates - arranged by months - with issues of the active newspaper
    • Dates without issues are greyed out
    • Dates with at least one newspaper issue are white and clickable; on mouse over the date background colour is blue
    • The active year is displayed on top as a removable filter
    • If the user clicks on the filter he gets back to the centuries view
    • If the user clicks on a date, e.g. 03.02., he gets to the viewer page of the newspaper issue
    • If the user clicks on a date, e.g. 03.02., and there are more than one issues for the date, he gets to a list view of the respective date
  • XS: Centuries are displayed only on demand
  • XS: Different calendar design; users can browse through the months or go directly to a specific month; in the dropdown months without newspaper issues should be greyed out [same calendar like on the Select by date pages; no correctly visualized in the XD-prototype]

...

  • Here we see five randomly selected issues of the newspaper by thumbnail, "Ausgabe vom:" + date and a "Zur Ausgabe"-button
  • By clicking on the thumbnail or the button "Zur Ausgabe" the user goes to viewer page of the issue - ada: particular thumbnails are still linked with the viewer
  • XS: Responsive: Issues should be swipeableswipeable 


Search results page: (DDBNEXT-3211)

Header:

  • Im Header der Suchergebnisliste erscheint links die Anzahl der Ergebnisse, rechts ein Sortierfeld, das nach 5 unterschiedlichen Kriterien sortieren kann. Letzteres löst nach einer vorgenommenen Änderung eine sofortige neue Suche aus.
  • Oberhalb kann man einen Button "Suche speichern" klicken, der zum persönlichen Bereich führt. Ist man nicht eingeloggt erscheint ein entsprechender Hinweis.

Trefferobjekt:

  • In der rechten Spalte werden die Treffer angezeigt inkl. Vorschaubild, Titel und Datum, Volltext-Icon (falls vorhanden), Favorit-Icon
  • Jeden Treffer kann man über das Icon rechts zu den persönlichen Favoriten hinzufügen. Ist man nicht eingeloggt erscheint ein entsprechender Hinweis. Ist das Objekt bereits favorisiert wird das Icon invers dargestellt.

Footer:

  • Unterhalb der Suchergebnisliste kann man direkt zu den nächsten 4 weiteren Suchergebnisseiten navigieren, sowie einzeln über "Zurück" und "Weiter". Die aktuelle Seitenzahl wird blau hinterlegt dargestellt.
  • Bei Klick auf "Gehe zu" erscheint unterhalb des Textes eine schwarze Box, in der man jeweils per Button zu "Erste Seite" und "Letzte Seite" springen kann. Zudem kann man im Text "Seite XY von xyz" per Direkteingabe oder per Pfeiltasten die Seitenanzahl XY eingeben und mit dem ">"-Button daneben auf diese Suchergebnisseite navigieren.
  • Ganz rechts kann man die Anzahl der angezeigten Treffer pro Suchergebnisseite per Dropdown auf "10, 20, 50, 100" pro Seite einstellen. Eine vorgenommene Änderung löst eine sofortige neue Suche aus.

Filter:

  • Die linke Spalte enthält die Filter für Zeitraum, Zeitung, Verbreitungsort, Datengeber und Sprache.
    XS: Der Filterblock wird erst nach Klick auf "Ergebnisse filtern" angezeigt
  • Zeitraumfilter: (DDBNEXT-3213)
    Der Graph zeigt die Anzahl der aktuellen Treffer auf einem Zeitstrahl an. (Nicht in XS-Darstellung)
    Unterhalb sind die Datumsgrenzen in separaten Feldern für Tag, Monat und Jahr dargestellt und mit den aktuellen Grenzwerten gefüllt.
    Links und rechts direkt unterhalb des Graphen kann man mittels der anklickbaren blauen Punkte die Grenzen des Jahreszahlenintervalls innerhalb des aktuellen Intervalls neu wählen. Dabei wird auch die entsprechende Jahreszahl in dem Feld unterhalb sofort angepasst.
    Beim Klick auf den unterhalb angezeigten "Anwenden"-Button wird das gewählte Intervall als Filter gesetzt und eine sofortige neue Suche gestartet. 
     
  • Die weitere Filter verhalten sich identisch: (DDBNEXT-3214)
    Max. 4 Einträge werden direkt angezeigt, jeweils mit einer Trennlinie sowie ein +-Button links und die Anzahl der Treffer rechts neben dem Namen. Sie sind nach Trefferanzahl sortiert.
  • Klickt man auf den +-Button wird dieser Wert als Filter gesetzt und eine sofortige neue Suche gestartet. Das "+" wird zu einem blau hinterlegtem "-", über dessen Klick man den Filter wieder löschen kann.
  • Sind mehr Einträge vorhanden erscheint darunter ein "Alle anzeigen"-Button. Ein Klick darauf öffnet eine Lightbox, die max. 10 Einträge (in ebensolcher Darstellung) enthält. Sind mehr vorhanden wird eine Paginierung eingeblendet, über die man auf weitere Trefferseiten gelangt. Oberhalb der Trefferliste wird ein Suchschlitz eingeblendet, über den man die Trefferliste ab Eingabe des ersten Zeichens filtert.
  • The bar with x Ergebnisse and Sortieren nach is sticky
  • Above the bar is a "Suche speichern"-button. If it is pressed and the user is not logged in, a lightbox appears. If the user is logged in it leads to the personal area.
  • Options for the Sortieren nach dropdown are:
    • Relevanz (default)
    • Neueste zuerst
    • Älteste zuerst
    • A bis Z
    • Z bis A


Hit list: (DDBNEXT-3212)

  • Hits are displayed with thumbnail, title, date of the issue, a text snippet of the first hit in the issue, a fulltext-icon (optional) and a bookmark-icon.
  • Thumbnail and title are linked to the viewer page of the newspaper issue
  • On mouse over titles are unterlined
  • Below the snippet we see a link "x Treffer in dieser Ausgabe" with further hits in the newspaper issue
    • x is the number of hits in the issue
    • On click a lightbox opens with all hits grouped by the pages they appear on
    • The list is scrollable if necessary
    • On click a hit the user gets directly to respective page of the viewer page of the newspaper issue
  • On the right margin of every hit a bookmark icon is displayed
    • On mouse over the icon is inverted; tooltip: Zu Favoriten hinzufügen
    • For issues the user already has bookmarked also the inverted icon is used; tooltip: Als Favorit gespeichert
    • [Logged in users] On click the icon a lightbox is displayed with the same functionality as in the entire DDB; only text and design are different
    • [Not logged in users] On click the icon a lightbox opens with the following text: "Bitte loggen Sie sich in Ihrem Benutzerkonto ein, um Zeitungsausgaben zu Ihrer Favoritenliste hinzuzufügen. Wenn Sie noch kein Benutzerkonto haben, können sie sich hier registrieren."
  • If full texts are available for the newspaper issue a full text icon is displayed besides the bookmark icon; tooltip: "Volltext verfügbar"
  • XS: No snippet


Footer:

  • Pagination and go to: the same widget is used as in the entire DDB; only with different design (5 pages; "Zurück" is greyed out if there is no functionality, i.e. on page one)
  • The selected pagenumber and mouse-over are displayed as white text in a blue box
  • By clicking on "Gehe zu" a black box underneath the text appears. Within the box the user can navigate directly to first/last page by clicking "Erste Seite"/"Letzte Seite". In the text "Seite XY von xyz" the user can enter the pagenumber XY in white box by arrowbuttons or entering directly. A search is triggered by clicking ">" or pressing "enter" on the keyboard
  • In the right "Ergebnisse pro Seite" and a dropdown are displayed. Changing the value per dropdown results in an immediate search
  • Options for the "Ergebnisse pro Seite"-dropdown:
    • 10 
    • 20 (default)
    • 50
    • 100
  • XS: Different pagination design


Filter:

  • The left column contains filters for Zeitraum, Zeitung, Verbreitungsort, Datengeber and Sprache
  • XS: The filterblock is displayed by clicking on "Ergebnisse filtern" (if no filter is already set) or "Aktive Filter anzeigen" (if a filter is set)

Active filters: (DDBNEXT-3215)

  • An additional box "Aktive Filter" is displayed on top of the filter block if a filter is selected
    The user can delete single filters or all filters by clicking on "Alle Filter löschen". A new search is started immediately
  • XS: If the user has applied a filter the text on top is "Gefilterte Ergebnisse anzeigen"

  • XS: If the user has applied a filter and closes the filter block the text on top changes to "Aktive Filter anzeigen"

Zeitraumfilter: (DDBNEXT-3213)

  • The line diagram shows the distribution of newspaper issues for the active search request
  • With the dots on the left and right side the user can delimit the hits; minimum period users can delimit hits is one year
  • The line diagram itself is not clickable
  • The dropdowns also show the distribution of newspaper issues for the active search request
  • The first line of dropdowns shows the date of the oldest matching newspaper issue; the second line the date of the newest matching newspaper issue
  • Line diagram and dropdowns are always synchronized; if the user moves the dots the dropdown values change and vice versa. The synchronization happens immediately
  • To apply the settings for the hit list, the user must click on "Anwenden"
  • XS: The filter block is displayed only after clicking on "Ergebnisse filtern"
  • XS: The line diagram is not displayed
     

Besides of the time filter there are four other filters with equal functionality: (DDBNEXT-3214)

  • Zeitung
  • Verbreitungsort
  • Datengeber
  • Sprache
  • For button mouse over see start page
  • Initially four values for each filter are displayed
  • The values are sorted descending by the number of matching issues for the respective values
  • The values have a maximum lenghth of three lines; if they are longer an ellipsis is added
  • If there are more than four values for a filter additionally a button "Alle anzeigen" is displayed
  • If the user clicks on a value the value is added to "Aktive Filter", the icon changes to "-" (inverted blue) and a search is immediately triggered.
  • By clicking on the value or the "-" icon of an active filter the filter is deleted (not in the XD-Prototype) and a search is immediately triggered.

General lightbox

  • If the user clicks on the "Alle anzeigen" button a lightbox with all values of the filter opens
  • Initially 10 values are displayed
  • The values are sorted by the amount of hits for each item
  • The user can narrow down the list by entering characters into the search field; the list adapts immediately Search field currently not implemented
  • The user can browse through the list with the standard pagination widget
  • If the user clicks on a value the lightbox closes, the value is added to "Aktive Filter", the value is displayed on top of the value list of the filter, the icon changes to "-"
  • In the same way the active filter is also displayed in the lightbox list (in case the user opens the lightbox again) - ada: after selecting an item from lightbox selected item is displayed in the filter area and no lightbox option is provided any more Ist ein Filter ausgewählt, erscheint oberhalb der linken schwarzen Box ein weitere abgetrennte Box "Aktive Filter". Sie zeigt die ausgewählten Filter in einzelnen Buttons an, über die man per Klick die Filter wieder löschen kann. Zudem besteht die Möglichkeit über den Button "Alle Filter löschen" sämtliche Filter zu löschen. In beiden Fällen wird eine sofortige neue Suche ausgelöst.


Viewer page: (DDBNEXT-3245)

  • The object page shows an issue of a newspaper
  • The same header and footer are used as on all Zeitungsportal pages
  • XS, SM: The left sidebar is initially folded
  • An ns-disclaimer should be displayed for all ns-objects (at least all newspapers from 1939-1945) - ada: an example would be