Die folgenden Tests beziehen sich nur auf das Zeitungsportal und sind zusätzlich zu den bereits in Frontend Testplan formulierten Tests auszuführen.
Diese Seite befindet sich noch im Aufbau! |
General:
Header: (DDBNEXT-3204)
- 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
- SM: Other Logo
- XS: Person icon is only visible in the menu
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
Menü: (DDBNEXT-3205)
- 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
Footer: (DDBNEXT-3206)
- 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 differently
Startpage: (DDBNEXT-3207)
- Available via url ".../newspaper"
- 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
Three tiles: (DDBNEXT-3208)
- Underneath: Three tiles "Zeitung über Titel auswählen", "Zeitung über Ort auswählen", "Zeitung über Jahr auswählen"
- "Titel auswählen" is linked to the Select by title page via button with mouse-over-effect
- "Ort auswählen" is linked to the Select by place page via button with mouse-over-effect
- "Datum auswählen" is linked to the Select by date page via button with mouse-over-effect
- XS: The tiles are placed vertically
Graph: (DDBNEXT-3209)
- The element visualizes all available newspaper issues of the Zeitungsportal in a line diagram
- 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
"Heute vor 100 Jahren": (DDBNEXT-3210)
- The element depicts the cover of a newspaper issue published exactly 100 years ago
- If there are more than one newspaper issues published on this date the cover displayed is selected by chance
- If there are no newspaper issues published on this date the cover of the chronologically next newspaper issue is displayed
- On top today's date is displayed; on the bottom the title of the newspaper is displayed
- With the blue buttons the user can browse through the different days, alway one day back resp. one day after
- When browsing through different days, the date and title of the selected newspaper is displayed.
- By clicking on "Anzeigen" button the user gets to the viewer page of the respective newspaper issue
- XS: The image should also be swipeable with the same function as the buttons
- Klicking "Nach oben"-Button (on the bottom on the right with mouse-over) leads to top of the page.
Select by title page: (DDBNEXT-3216)
- This page shows all newspapers available in the Zeitungsportal sorted alphabetically ascending
- "Tabs" and filter block on top are sticky
- For performance reasons only some newspapers should be loaded initially, more newspapers should be loaded if the user scrolls down
- Elements for each newspaper
- Thumbnail
- Title
- Erscheinungsverlauf
- Erscheinungsfrequenz
- Verbreitungsort
- "Volltext" icon if the newpaper has at least one issue with full texts
- Thumbnail and title are linked to the newspaper page
- On mouse over the title is underlined
- XS: Metadata elements are displayed only after clicking on "Mehr anzeigen" [in the XD-prototype the Erscheinungsbild is displayed, but the will probably not work because the titles are too long]
- On the left side the active character filter is displayed, initially "Alle"
General filters
- On top we see three "tabs", the active "tab" is blue; 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 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
Select by place page: (DDBNEXT-3217)
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, search field) do not refer to the title but to the Verbreitungsort.
Select by date page: (DDBNEXT-3218)
General centuries page
- This page shows all years - arranged by centuries - with at least one newspaper issue in the year
- "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
General year page
- This page shows all dates - arranged by months - with at least one newspaper issue
- "Tabs" block on top is sticky
- Dates without any newspaper issue 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 page
- If the user clicks on a date, e.g. 03.02., he gets to the list page
- 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
General list page
- This page shows all Newspaper issues of the date
- "Tabs" block on top is sticky
- Elements for each newspaper
- Thumbnail
- Title
- Date of issue
- "Mehr Informationen zu dieser Zeitung" link
- "Volltext" icon if the newspaper has at least one issue with full texts
- On mouse over the title is underlined
- Thumbnail and title are linked to the viewer page of the newspaper issue
- "Mehr Informationen zu dieser Zeitung" is linked to the newspaper page
- The active year and date are displayed on top as removable filters
- If the user clicks on the date filter he gets back to the years page
- If the user clicks on the year filter he gets back to the centuries page
Newspaper page: (DDBNEXT-3219)
Block newspaper information
- 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...
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
- 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]
Block "Vorgeschlagene Ausgaben dieser Zeitung"
- 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
- Responsive: Issues should be swipeable
Search results page: (DDBNEXT-3211)
Header:
- 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:
- 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)
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 alphabetically ascending
- The user can narrow down the list by entering characters into the search field; the list adapts immediately
- 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 "-" 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)
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