Versions Compared

Old Version 13

changes.mady.by.user Dacko, Andrzej

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.
  • 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

...

  • 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
  • XS: 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


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" (there is no picture on the right, maybe in DDB)
  • 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 (cursor changes from default to pointer)
  • "Ort auswählen" is linked to the Select by place page via button with mouse-over-effect (cursor changes from default to pointer)
  • "Datum auswählen" is linked to the Select by date page via button with mouse-over-effect (cursor changes from default to pointer)
  • XS: The tiles are placed vertically

...

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

...

  • This page shows all newspapers available in the Zeitungsportal sorted alphabetically ascending
  • 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 white and underlined; the other tabs are linked to the Select by place/by date page
  • XS: The "tabs" are replaced by a dropdown links
  • 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 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 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

...

...

  • 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.
  • Pagination: 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 page number is displayed in a blue border box
  • Options for the Sortieren nach dropdown are:
    • Relevanz
    Options for the Sortieren nach dropdown are:
    • Relevanz (default)
    • Neueste zuerst
    • Älteste zuerst
    • A bis Z
    • Z bis A
  • 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


Hit list: 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
  • 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
  • no functionality, i.e. on page one)
    • The selected page number is displayed in a blue border box


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)

...

  • 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 immediatelyXS: If the user has applied a filter the text on top is "Gefilterte Ergebnisse anzeigen"is started immediately

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

...

  • For button mouse over see start page
  • Initially up to 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.

...

  • The object page shows an issue of a newspaper
  • The same header and footer are is used as on all Zeitungsportal pages. A custom footer is used specifically for this page.
  • 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