...
- 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 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 In 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
...
- 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. (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
...
- Elements
- Title of the newspaper
- Erscheinungsverlauf
- Erscheinungfrequenz
- Verbreitungsort
- Sprache
- ZDB-ID
- Info icon
- Search field
- This starts a search filtered by the active newspaper and goes directly to a search results page
- If no fulltexts exists, a tooltipp is displayed in mouse-over
- ZDB Information (optional) → Example: Berliner Tageblatt; Example non-existing: Bekanntmachungen...
- ZDB Logo
- Short text
- Two external links to the ZDB base on the IDN number; syntax:
- XS: More metadata is displayed by clicking on "Mehr anzeigen"
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 swipeable Responsive: Issues should be swipeable
Search results page: (DDBNEXT-3211)
...
- 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 changes to 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 displayedDer 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.
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
...
- " 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 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 "-" and the value is greyed out
- In the same way the active filter is also displayed in the lightbox list (in case the user opens the lightbox again)
- 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 immediatelySearch 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