Polaris Site Mockups

Last Updated: 5-29-2025

Current Main Site Templates

Record Display Pages

Journal Article: PsycInfo Record - Non-APA - Full Text From Publisher - Version 4 - Shows the Explore buttons for "Topic Mapper", "Citation Mapper", "Author Mapper" and "Journal"; Also, shows the "Notification Digest" button which launches a modal of the notification email content; Updated "sidebar" layout as of 3-2024Current Final Design
Book Record: Explore Table of Contents - Version 1 - Shows the Explore buttons for "Topic Mapper", "Citation Mapper", "Author Mapper", and "Table of Contents" (modal); Note: Much of the data on this page (e.g., References, Related Content carousel, "views" modal, etc.) is fake data; Updated "sidebar" layout as of 3-2024Current Final Design
Dissertation: Explore Dissertation Abstracts - Version 1 - Shows the Explore buttons for "Topic Mapper"Note: The Related Content carousel is fake data; Updated "sidebar" layout as of 3-2024Current Final Design

Notification Center/Homepage

Notification Content Page

Explore All Notifications Screen

Explore Journals Screen

Explore Journals - Version 10Current Final Design

Discover PsycInfo

Discover PsycInfo - Version 8 - "Full Info" Design with Fancy Tabs - Journals, Books, Dissertations, and Authors sectionsCurrent Final Design
Discover PsycInfo - Version 8 - "Empty States" Design with Fancy Tabs - Journals, Books, Dissertations, and Authors sectionsCurrent Final Design

Browse (Your - All) Journals Screen

Browse Journals - Version 3Current Final Design

Browse (Your - All) Books Screen

Browse Books - Version 1Current Final Design

Browse (Your - All) Dissertations Screen

Browse (Your - All) Authors Screen

Browse Authors - Version 1Current Final Design

Topic Mapper Screen

Citation Mapper Screen

Citation Mapper - Panel Designs - Version 4 - Dismissable alert to show that results have been pre-filtered for data sets - Publication Years filter already applied with most recent 200 citations/references (along with "Filters Applied" badge showing by default)Current Final Design

Author Mapper Screen

Author Mapper Screen - Panel Designs - Version 4 - Author Dropdown Button would be shown for 2+ authorsCurrent Final Design
Author Mapper Screen - Panel Designs - Version 4 - Single Author - Shows a Single Author display (only 1 author from the original Record Display record, or a Single Author shown in the visualization area from the user clicking on an author outside of the original author list)Current Final Design

Author Info Screen

Search Results Page

Search Results Page - Version 4Current Final Design

Mockup Versions & POCs

Addition of GetFTR Updates and/or Retraction Buttons

Record Display Example: Journal Article: PsycInfo Record - Non-APA - View PDF - Version 4 - 12-2024 update with adding in a "Document Status" right rail card (with GetFTR "Updates" and/or "Retractions" buttons) on desktop that stacks underneath the Explore card on mobile
Record Display Example: Journal Article: PsycInfo Record - Non-APA - "Updates" or "Retraction" button underneath "View PDF" button - Version 4 - "Updates" or "Retraction" button would go under the "View PDF" button (on both desktop and mobile)Current Final Design

Search Results Page

Search Results Page - Version 1 - Initial designs for natural language search results page, with "Recent Publication" markers on a top desktop row of cards, and including Recent Searches and Trending Searches modals; Note: For the sake of the demo, once a filter or sort is applied, then the double-API results set would change into a single result set
Search Results Page - Version 2 - Iterations to the V1 designs with commenting out the Recent Searches and Trending Searches buttons/modals, changes to the autocomplete design, and a new side-by-side (8-4) design with "Results" and "Recent Publications" containers that are affected by a single sort/filter/pagination; Also, a design for applying a filter ("Barry Stein") that will result in an empty results set for "Recent Publications", and a "no results page" mocked up if you type in the word "gibberish" into the search bar; Note: A single sort, filter, search within, and pagination controls would work for both containers
Search Results Page - Version 3 - Iterations to the V2 designs, including changing the desktop layout to 15 cards for the "Most Relevant Publications" container and 5 cards for the "Recent Publications" container, taking out the typeahead functionality for the top search bar, a design for applying a filter ("Columns") that results in an empty results set for "Most Relevant Publications", showing if a user types in a query of "top rated articles about anxiety for 2010" to only show a result in the "Most Relevant Publications" container since no "Recent Publications", showing if a user types in a query of "recent articles about animal psychology" to only show a result in the "Recent Publications" container since no "Most Relevant Publications", showing if a user types in a query of "ways to commit suicide" showing a "No Results Page" with a "sensitive query" alert, changes to the search within results input placeholder, exposed the "Search Within Results" field label and added help text to help distinguish its search functionality from the top search bar, and styled the top search bar a light blue to help distinguish that search from the Search Within Results search bar (the input field has a white background on mobile)
Search Results Page - Version 4 - Equal Height Cards - Extra JavaScript for equal height cards within the rows of each results container (Note: This specific mockup is now outdated - using V4 below now)
Search Results Page - Version 4 - Iterations to the V3 designs, including changing the desktop layout to 10 cards for the "Most Relevant Publications" container and 10 cards for the "Recent Publications" container in a 2 cards by 2 cards on desktop display; Note that there is an info icon in the mockup that will launch an instructions modal when clicked to explain the different search scenarios based on filtering, paginatioin, and queries - we can try to repurpose this design for "Search Tips" on the actual pageCurrent Final Design

Top Navigation and Top Nav Search Bar Explorations

Top Navigation POC - V1 - Standard BS4 navigationIdeas
Top Navigation POC - V2 - Middle main links; Search field expanderIdeas
Top Navigation POC - V3 - Mobile accordion-style navigation; Top toggled search containerIdeas
Top Navigation POC - V4 - Current header with Settings cog icon link and with search icon slideout design; Note: Not displaying correctly on iPhone 16 Pro Max
Top Navigation POC - V5 - Current header with Settings cog icon link and with simple search input design on desktop and magnifying glass icon search button toggle on mobile - close search field icon within search input field
Top Navigation POC - V6 - Current header with Settings cog icon link and with simple search input design on desktop and magnifying glass icon search button toggle on mobile - toggling a show/hide search field button
Top Navigation POC - V7 - Current header with Settings cog icon link and with simple search input design on desktop and magnifying glass icon search button toggle on mobile - toggling a show/hide search field button - visual tweaks from V6 - Mobile "SEARCH" button
Top Navigation POC - V8 - Current header with Settings cog icon link and with simple search input design on desktop and magnifying glass icon search button toggle on mobile - toggling a show/hide search field button - visual tweaks from V7 - mobile magnifying glass button
Top Navigation POC - V9 - Current header with Settings cog icon link and with simple search input design on desktop and magnifying glass icon search button toggle on mobile - toggling a show/hide search field button - mobile "SEARCH" button - visual tweaks from V8 including moving the mobile search input in-between the menu and "close search field" buttons
Top Navigation POC - V10 - Current header with Settings cog icon link and with simple search input design on desktop that goes on hamburger menu row on mobile (<991px)
Top Navigation POC - V11 - Current header with Settings cog icon link and with simple search input design on desktop that goes on hamburger menu row on mobile (<991px) - Autocomplete variant design with search icon in the input field
Top Navigation POC - V11 - Dark Mode - Current header with Settings cog icon link and with simple search input design on desktop that goes on hamburger menu row on mobile (<991px) - Autocomplete variant design with search icon in the input field - Dark Mode test with additional CSS for html, body, and search field to toggle between user's light and dark mode computer settings - Note the accessible placeholder text colors in the light and dark modes Ideas
Top Navigation POC - V12 - Autocomplete V1 - Autocomplete showing NLP typeahead along with recent searches and "clear all searches" button
Top Navigation POC - V12 - Autocomplete V1 - Autocomplete Overlay - Autocomplete showing NLP typeahead along with recent searches and "clear all searches" button - POC with modal-backdrop overlay shown when autocomplete field is focused Ideas

Side Navigation Explorations

Side Navigation POC - V1 - Search Overlay - Left side slideout menu - search icon then overlay designIdeas
Side Navigation POC - V2 - Search Slideout - Left side slideout menu - light blue search fieldNot Made Yet

Author Mapper Designs

Author Mapper Screen - Panel Designs - Version 1 - Initial design modeled after the Citation Mapper; No author/tab defaulted as active/selected
Author Mapper Screen - Panel Designs - Version 2 - Iterations to V1: First/lead author defaulted to active/selected; Author band tabs in "Last Name, First Name etc." format; "Publications" first side menu panel similar to Topic Mapper with "Load More" functionality; "Filters" checkboxes for "Show First Authorship" and/or "Show Co-authorship"; Updated "Legend" modal specific to Author Mapper
Author Mapper Screen - Panel Designs - Version 3 - Iterations to V2: Author dropdown button instead of tabs; New "Analyze & Filter" side menu panel with modal launched with filters; Legend updates
Author Mapper Screen - Panel Designs - Version 4 - Iterations to V3: "Analyze & Filter" side menu panel with remove filter buttons; "Publications Year" image in side menu opens up larger (interactive) modal version when clicked; The Author Dropdown Button would be shown for 2+ authors; Note that the Author Dropdown Button is hidden when the mobile menu is open (screen widths <767px); Note: For the demo, click on the "Doe, John" node to see how the Author Mapper would look like when an author is chosen outside of the original author listCurrent Final Design
Author Mapper Screen - Panel Designs - Version 4 - Single Author - Similar to V4 for showing a Single Author display (only 1 author from the original Record Display record, or a Single Author shown in the visualization area from the user clicking on an author outside of the original author list; Note that this Single Author display section would "swap out/hide" the Author Dropdown button section (logic to be built into the screen display); Note that the Single Author section is hidden when the mobile menu is open (screen widths <767px); Note: For the demo, click on the first breadcrumb to go back to the default Author Mapper viewCurrent Final Design
Record Display Page - Explore Visibility - Version 7 - Changes include "Author Mapper" Explore button and Twitter-X share (modal) and follow (footer) iconsWinning Design - Integrated into Record Display Design

Record Display Pages - Navigation Between Notification Email Items

Record Display Page - Navigation Between Notification Email Items - Version 1 - Next Article Flyout - Note: Using a library called EQCSS for flyout effect
Record Display Page - Navigation Between Notification Email Items - Version 2 - Previous Record Button - Notification Content Page Button Dropdown - Next Record Button
Record Display Page - Navigation Between Notification Email Items - Version 3 - Split-Button Design for Notification Content Page and Contents
Record Display Page - Navigation Between Notification Email Items - Version 4 - Notification Content Modal with Categories and Pagination Controls (if necessary)Winning Design - Integrated into Record Display Design
Record Display Page - Navigation Between Notification Email Items - Version 5 - Notification Content Modal with Pill Tabs with Badges with Counts and Pagination Controls (if necessary)Ideas: To Possibly Implement Later

Record Display Pages - Making Explore Options More Prominent

Record Display Page - Explore Visibility - Version 1 - Primary button styles for the "Explore" buttonsWinning Design - Integrated into Record Display Design
Record Display Page - Explore Visibility - Version 2 - Rearranged row of main full text CTA with 1-4 "Explore" buttons and article tools at bottom of record card
Record Display Page - Explore Visibility - Version 3 - Right sidebar on desktop POC with full-text button, "Explore" buttons, and "Tools" button group - 8-4 grid with primary "Explore" buttons
Record Display Page - Explore Visibility - Version 4 - Right sidebar on desktop POC with full-text button, "Explore" buttons, and "Tools" button group - 9-3 grid with .btn-sm "Full Text From Publisher" and Primary .btn-sm "Explore" buttons
Record Display Page - Explore Visibility - Version 5 - Right sidebar on desktop POC with cards with headings for "Explore" and "Tools" sections - 9-3 grid with .btn-sm "Full Text From Publisher" and .btn-pubs-8 and Primary .btn-sm "Explore" buttons
Record Display Page - Explore Visibility - Version 6 - Right sidebar on desktop POC with cards with headings for "Explore" and "Tools" sections - 9-3 grid with .btn-sm "Full Text From Publisher" and .btn-pubs-8 and Primary .btn-sm "Explore" buttons; "Tools" buttons have been redesigned to be "regular" .btn-pubs-8 buttons (not in a button group) with no tooltips and more descriptive button text to match the corresponding modal title, only displaying on desktop set to not show <991px - also, the Floating Actioni Button for Record Tools has been modified to show at the <991px breakpoint since the Tools are not shown under this breakpoint (was <776 on the current Record Display page), and therefore the "back-to-top" button appearance has also been changed to show >991px (as opposed to >991px on the current Record Display page); Also, updated the "Twitter" share and follow icons to the "Twitter X" icons
Record Display Page - Explore Visibility - Version 7 - Similar to V6, but with the "full text" CTA back in the main record card, and also integrating in the "Notification Digest" button which launches a modalNew Record Display Design as of 3-2024

Notification Center/Homepage Designs - Users with Profiles

Notification Center Homepage - Version 15 - User With Profile - 4-4-4 "fully modular" design - with POCs for "Authors Your Are Following" and "Trending Journals" cards
Notification Center Homepage - Version 14 - User with Profile - Note that this was the Version 13 mockup with the "single" journal followed demo
Notification Center Homepage - Version 13 - User with Profile - Redesign 3 - Journals Followed Card Design - Multiple Journals Followed - Card design for "followed journals" in carousel, with unfollow confirmation prompt which removes the specific cardWinning Mockup Design - Showing Multiple Journals Followed
Notification Center Homepage - Version 13 - User with Profile - Redesign 3 - Journals Followed Card Design - Single Journal Followed - Card design for "followed journals" in carousel, with unfollow confirmation prompt which removes the specific cardWinning Mockup Design - Showing Single Journal Followed
Notification Center Homepage - Version 13 - User with Profile - Redesign 2 - Journals Followed Datatable - "Unfollow" button design that triggers confirmation modal that when confirmed delete the particular row; "Journal Title" with A>Z sort as first row and "Latest Publication Date" as third datatable column
Notification Center Homepage - Version 13 - User with Profile - Redesign 1 - Journals Followed Datatable - Checkbox button design with toggled Follow and Following buttons - would make sense in the design if the datatable showed all journals (followed and unfollowed") so that a user could interact with both actions; "Date Followed" as first column in datatable datatable column and DESC (most recent first) sort
Notification Center Homepage - Version 9 - Hamburger menu addedPriority 4 of 4
Notification Center Homepage - Version 7 - Similar to Version 6, but with a bigger middle cardPriority 4 of 4

Notification Center/Homepage Designs - Users Without Profiles

Notification Center Homepage - Version 4 - User Without Profile - Drag & Drop POC - 4-4-4 "fully modular" design with "Dragula" drag and drop functionality and "screen options" customization with hide/show of cards; Similar to V3, but with updates from 10-10-2023 PI Platform Dev meeting with "Screen Elements" redesignPOC - TO CONSIDER LATER
Notification Center Homepage - Version 3 - User Without Profile - Drag & Drop POC - 4-4-4 "fully modular" design with "Dragula" drag and drop functionality and "screen options" customization with hide/show of cards

Following Journals

Browse Journals - V3 - With follow filter checked by default - Browse Journals screen with "Filter & Analyze" section toggled open on page load and journals followed checkbox checked by defaultShowing Filtered View

Favoriting/Bookmarking of Items

Favorites - Version 1 - Similar to the Explore All Notifications screen, but only showing content that the user has favorited on the site, with a sort option of "Date Favorited" with a defaulted sort from most recent to least recently favoritedBeing Worked On
Notification Center/Homepage - Version 12 - Includes "Favorites" carousel section and updated main menu with "Your Favorites" menu optionBeing Worked On
Notification Content Page - Version 5 - Favorites - Includes Favorite stars for each list item and updated main menu with "Your Favorites" menu optionBeing Worked On
Explore All Notifications - Isotope Design - Version 4 - Favorites - Includes "Your Favorites" filter checkbox and updated main menu with "Your Favorites" menu optionBeing Worked On
Explore All Notifications - Isotope Design - Version 4 - Favorites View Defaulted - If we want a view of Explore All Notifications with a pre-checking the "Show Favorites" checkbox, this mockups shows that, triggered if the URL has #favorites hashBeing Worked On

Discover PsycInfo

Discover PsycInfo - "Full Info" Design - Version 1 - Tabbed design of Discover Journals V2 and adding a "Discover Books" tab; Note": This mockup shows what this screen would look like for a subscribed user with known engagement (a "full" user)Previous Final Design
Discover PsycInfo - Version 2 - Accordion design of Discover Journals V2 and adding a "discover books" panelIdeas - Not Using
Discover PsycInfo - "Full Info" Design - Version 3 - Tabbed design with Trending Journals and Trending Books carousels
Discover PsycInfo - Empty States Design - Version 1 - Note the main hamburger menu shows what a user would see without a Polaris profile
Discover PsycInfo - Empty States Design - Version 2 - Similar to V1, but with the addition of "Browse All" carousels for "Trending" content
Discover PsycInfo - Empty States Design - Version 3 - Similar to V2 "Browse All" carousels for "Trending" content, and with a simplified empty state message
Discover PsycInfo - Empty States Design - Version 4 - Similar to V3 but with a new "Browse All" bottom card section
Discover PsycInfo - Version 5 - "Full Info" Design with Fancy Tabs - Similar to V3 but with a new "Browse All" bottom card section; Card dynamic text POC with Journals, Books, and Dissertations "tabs"
Discover PsycInfo - Version 5 - "Empty States" Design with Fancy Tabs - Similar to V3 but with a new "Browse All" bottom card section; Card dynamic text POC with Journals, Books, and Dissertations "tabs"
Discover PsycInfo - Version 7 - "Full Info" Design with Fancy Tabs - Journals, Books, and Dissertations sections
Discover PsycInfo - Version 7 - "Empty States" Design with Fancy Tabs - Journals, Books, and Dissertations sections
Discover PsycInfo - Version 8 - "Full Info" Design with Fancy Tabs - No defaulted "Journals" tab - Based off of V7 and adding in "Authors" section and changing mobile design from stacked fancy tabs to a "Please Select" dropdown
Discover PsycInfo - Version 8 - "Full Info" Design with Fancy Tabs - Defaulted "Journals" tab - Refined author card design; Note the defaulted "Journals" tab is only on desktop devices, on mobile devices there is a "Please Select" dropdown (switching happening at the 544px breakpoint)Current Final Design

Discover Journals

Discover Journals - Version 1 - Personalized "Discover Journals"; This screen would be a link in the main menu and from the homepage results screen coming from the "Discover Journals" screen design
Discover Journals - Version 2 Replaced by Discover PsycInfo

Browse (Your - All) Authors

Browse Authors - Version 1Current Final Design

Browse (Your - All) Dissertations


Browse (Your - All) Books

Browse Books - Version 1 - Similar to Browse Journals V3 - Three filters for "Publication Years", "Topics", and "Authors/Editors"Current Final Design
Browse Books - Version 2 - NOT USING - Similar to Browse Books V1; Using "Chapters" as a Document Type filter (which the team decided not to have on this screen)

Browse (Your - All) Journals

Browse (Your - All) Journals V1 - Journals search and browse screen that is used to show "your" journals, "recommended" journals, and "all" journals; This screen would also serve as a pre-filtered results screen coming from the "Discover Journals" screen for filtering "your" (the user's) journals, which were journals from articles already sent to the user based on their topical interests, and a view for "recommended" journals, which are journals not yet sent to the user via email notifications, and finally a view to show "all" journals (currently covered in PsycInfo vs. all)
Browse (Your - All) Journals V3 - Without Journal badge or Journal Articles pre-selectedCurrent Final Design
Notification Center/Homepage - Version 11 - Includes "Discover Journals" sectionIdeas

Explore Table of Contents (Books Record Display)

Explore Table of Contents - Version 1 - Newer sidebar designCurrent Final Design
Explore Table of Contents - Version 1 - Adding an Explore "Table of Contents" button to the books record display page to launch a modal showing linkable chapters to PI recordsPrevious Final Design

Author Info Screen

Author Info - Version 2 - Filter boxes move into "Explore Author" modal at <991px
Author Info - Version 3-old - Button List Group Design - Button List Group pattern for the Co-Authors filterbox
Author Info - Version 3 - With Filter Visualizations - Filter boxes move into a "horizontal scroller" design at <767px - with filter visualizations
Author Info - Version 3 - Disambiguated Author - Without Filter Visualizations - With "first author" filter checkbox and multiple Affiliations
Author Info - Version 3 - Without Filter Visualizations - Single Publication - Showing an author with a single publication and disambiguation links in an alert box

Explore Journals Designs

Explore Journals - Version 1Previous Final Design
Explore Journals - Version 2 - Alternate design #1 with accordion - will use this design as a basis for V3 soon which will contain a "journal metadata" card and "PsycInfo metrics" card along with visualizations
Explore Journals - Version 3 - Alternate design #2
Explore Journals - Version 4 - Alternate design #3 - "Coverage" and "Topics" modal visualizations (TBD); Accordion design for "PsycInfo Metrics" sectionTo Be Reviewed
Explore Journals - Version 5 - POC with adding "Filter & Analyze" section - Five visible horizontal sections
Explore Journals - Version 6 - POC with adding "Filter & Analyze" section - left sidebar accordion filters all expanded open with mobile accordion defaulted to collapsed
Explore Journals - Version 7 - POC with adding "Filter & Analyze" section - left sidebar accordion filters able to be collapsed, with mobile "Analyze & Filter" button that launches a full-screen modal which also shows the active filters. A "filters applied" or "filters not applied" design is then used on the mobile screen after the modal is closed (similar pattern to the Topic/Citation mappers when filters are applied)
Explore Journals - Version 8 - POC with adding "Filter & Analyze" section - V5 desktop view with horizontal "analyze filters" and with V7 mobile modal filters (not yet implemented in this version); Other changes as mentioned in IUX-1039
Explore Journals - Version 9 - V8 with modifications
Explore Journals - Version 10 - V9 without "Journal Articles" checked by defaultCurrent Final Design

Visual Search & Browse Designs: Initial Designs (Topical-based)

Visual Search & Browse - Version 1 - Tabbed card format, with typeahead for each tabbed section and A>Z browse buttons
Visual Search & Browse - Version 2 - Responsive image map journey design - Split-button design for Journals and link design for Articles with drag-and-drop functionality
Visual Search & Browse - Version 3 - Responsive image map journey design - Isotope design for Journals and Articles
Visual Search & Browse - Version 5 - Horizontal scroller POC
Visual Search & Browse - Version 6 - Horizontal scroller POC with revisions - Classification Code wheel into journals OR articles for that classification with the ability to drilldown to classification sub-level(s) while giving users the options to go directly to articles or first to journals at any point

Sign-up Form & Preference Management Center Form Designs

Sign-up Form - Version 1Current Final Design
Sign-up Form - REFER design - Version 1 - Has empty Institutional Email field; Modeled after the Salesforce formCurrent Final Design
Sign-up Form - REFER design - Version 3 - Email Not Valid - Underneath Institutional Email field alert - Note: Type in "invalid-email@domain.edu" into the Institutional Email field to show onkeyup error messageCurrent Final Design
Preference Management Center Form - Version 3 - User refinement designs - "Wizard" design
Preference Management Center Form - Version 4 - User refinement designs - "Tabs" design (responsive, horizontal scrolling tabs)
Preference Management Center Form - Version 5 - "Refine by Topic" design - Collapsible section within main card
Preference Management Center Form - Version 6 - "Refine by Topic" design - Top expandable chevron card design; Removed headingsIdeas: To Be Reviewed
Preference Management Center Form - Version 7 - "No headings" design with making the "Opt out of this Service" textbutton link be a more visible "unsubscribe from this service" button; Modal changes after pressing "unsubscribe"
Preference Management Center Form - Version 8 - Similar to V7, but with new section for alerting users for email alerts when their works are citedCurrent Final Design
Preference Management Center POCs - User refinement designs (receiving PubMed content); Adding Terms - changing font size design; Disambiguate Interest modal; Refine by Topic modal - adding terms; Interests field spellcheckerIdeas: Being Worked On
Sign-up Form Confirmation Screen - Version 1 - Shown when you click the "Sign Me Up" button at the bottom of the Sign-up form and pass the form validationCurrent Final Design
Update Preferences Successful Screen - Version 1 - Shown when you click the "Save Changes" button at the bottom of the Preference Center Management form to update your preferencesCurrent Final Design
Opt-out From All Alerts - Version 1 - Shown when you click the "Opt Out" link at the bottom of the Preference Center Management form, then "Confirm" on the confirmation modal
Unsubscribe From All Alerts - Version 2 - Shown when you click the "Unsubscribe" link at the bottom of the Preference Center Management form, then "Confirm" on the confirmation modalCurrent Final Design
Unsubscribe From All Alerts - Version 3 - Similar to V2, but differences than deliverable after seeing the production design (4-4-2023); Note that this mockup has no main hamburger menu and more accessible link text to the PsycInfo Preferences Center than the live versionLive Version but Different Than Deliverable
Resubscribe to Your Alerts - Version 1 - Noticed this page on 4-4-2023 in production so making a mockup to stay in sync; Note that this mockup has no main hamburger menu and more accessible link text to the PsycInfo Preferences Center than the live versionLive Version but Never Initially Designed

Record Views Modal Designs

Record Views Modal Designs - Includes a "dynamic" POC for the Time Period options - Note that there will be logic for when the "Views" links shows on the Record Display screen (when there is at least 1 view to report), and also logic within the visualization such as the "From Release Date" Time Period option changing to "Last 5 Years" if there is data for the record before when data is available in 2016Current Final Design
Topic Mapper and Citation Mapper Design - Record Display Page - Version 6 - Similar to V3 with the "Topic Mapper" and "Citation Mapper" buttons, but with the addition of a "Record Views" button and modalIdeas: To Be Reviewed

Topic Mapper Designs

Topic Mapper - Panel Designs - Version 1 - First design with responsive side panel
Topic Mapper - Panel Designs - Version 2 - Slideout menu is defaulted closed on all devices
Topic Mapper - Panel Designs - Version 3 - Slideout menu defaulted open on large devices and closed on small devices
Topic Mapper - Panel Designs - Version 4 - Slideout menu defaulted open on large devices and closed on small devices - Final icons design
Topic Mapper - Panel Designs - Version 5 - Similar to Version 4, but also with new Publications Filter design to handle a single year vs. year range, a modal for the Top Documents export, and changing the visualization tools from vertical to horizontal display on screen widths <767pxCurrent Final Design

Citation Mapper Designs

Citation Mapper - Panel Designs - Version 3 - Also, good example of a datepicker with 2 year fields with validation logic on the "filters" tabCurrent Final Design
Citation Mapper - Panel Designs - Version 4 - Dismissable alert to show that results have been pre-filtered for data sets - Publication Years filter already applied with most recent 200 citations/references (along with "Filters Applied" badge showing by default)Current Final Design

Capturing User Feedback


GetFTR Designs


Highlighting New Features

Highlighting New Features - POC - Version 8 - Bootstrap Tourist on All Devices - Simplified and responsive design: No backdrop; Single sentence field (no title, only body content); Icons instead of text buttons; Note: Prev/Next icons are hidden with CSS for this page, as it's showing a single calloutCurrent Final Design
Highlighting New Features - POC - Version 9 - Bootstrap Tourist on All Devices - Light Theme - Same as V8, but with a "light theme" popover design to be used when tour steps go over the top image banner of some templatesCurrent Final Design

Notification Content Page Mockups

Notification Content Page - Version 4 - Hamburger menu added and bottom alert updatedPriority 3 of 4
Notification Content Page - Version 3 - Showing max of 25 results for each content type with a "Show All" button to load anything leftPriority 3 of 4

Explore All Notifications Designs (Isotope Screen)


Record Display Pages

Dissertation: Explore Dissertation Abstracts - Version 1 - Shows the Explore buttons for "Topic Mapper" and "Dissertation Abstracts"; Note: The Related Content carousel is fake data; Also, the Explore "Dissertation Abstracts" button is currently commented out since we are not sure if we are going to have that functionalityPrevious Final Design

Verify Identity/Confirm Access Designs

PSN-2666 - Notification Center Homepage - Version 10 - Lapsed Subscription Warning Alert (for institutional users who lost access to PsycInfo; See PSN-2666)Priority 4 of 4Current Final Design

Miscellaneous Page, Section, & Component Explorations

PsycInfo Branding Guidelines

Email Designs

2-Column Combo Feature-Notification-Citation Alert Email Designs

Personalized Content Weekly Emails (MC)

Polaris Professional - Version 24 - Redesigned top section - minimal with heading and smaller sized "Try Now" buttons for feature section - "Author Mapper" and "Semantic Search" tilesCurrent Final Design
Polaris Professional - Version 23 - Redesigned top section - minimal with heading and smaller sized "Try Now" buttons for feature section - "Author Mapper" and "Analyze & Filter" tilesPreviously Delivered
Polaris Professional - Version 22 - Redesigned top section - minimal
Polaris Professional - Version 21 - Redesigned top section
Polaris Professional - Version 20 - Similar to V19, but with top feature section having an image and updated footer follow link for Twitter-X and footer APA copyright link
Polaris Professional - Version 19 - Top feature section about receiving and configuring receiving PubMed content; PubMed results in notification; 8-2024: Made items have ol numberingPreviously Delivered
Polaris Professional - Version 16 - White theme; Blue background header; Ad on top; Note: Also in the "uxteam" folder mockups - moving this into the Polaris mockups for reference; 8-2024: Made items have ol numberingPreviously Delivered

Ads, Promos, & Misc Emails

Polaris Ads Email Template - Notifying Authors of Citation of Their Work - Version 2 - Multiple cited works - "View in Browser" full displayTo Be Reviewed
Polaris Ads Email Template - Version 4 - Note: Also in the "uxteam" folder mockups - moving this into the Polaris mockups for referencePreviously Delivered


Delivered with Round 5 of the Mockups (4-7-2021)

Verify Identity/Confirm Access Designs

Record Display Mockups - Variant Top Sections - (Continued)

13. PsycInfo Record - Non-APA - Top Display - Non-English Language (NEL) - Version 2 - Reversed design with English title first and non-English title after in lighter fontCurrent Final Design

Other/Misc

Delivered with Round 4 of the Mockups (3-24-2021)

(older versions of the Verify Identity modals/pages and the Notification Center [datatables and isotope designs])

Delivered with Round 3 of the Mockups (3-10-2021)

Cited By Modal Designs

Cited By Modal Design - 20 Citations or LessPriority 2 of 4Current Final Design
Cited By Modal Design - 21 Citations or MorePriority 2 of 4Current Final Design

Notification Content Page Mockups

Delivered with Round 2 of the Mockups (2-26-2021)

Record Display Mockups - Full Page

Record Display Mockups - Variant Top Sections

1. PsycInfo Record - Non-APA - Top Display - Version 1Part of Priority 1 of 4Current Final Design
9. Dissertation Record - Top Display - Version 1Part of Priority 1 of 4Current Final Design
10. Open Access Record - APA - Top Display - Version 1Part of Priority 1 of 4Current Final Design
11. "Free to read" Record - APA - Top Display - Version 1Part of Priority 1 of 4Current Final Design

Home - Temporary Page

Home - Temporary PagePriority 1 of 4Current Final Design

Past Mockup Versions & Tests

Record Display Page Designs

Homepage Ideas

Cited By Design Ideas

Cited By Modal Designs - V1 - 1 Citation; Large Modal SizePriority 2 of 4
Cited By Modal Designs - V2 - > 1 and ≤ 5 Citations; Large Modal SizePriority 2 of 4
Cited By Modal Designs - V3 - > 5 Citations; Fullscreen Modal SizePriority 2 of 4

Explore All Notifications Designs

Notification Content Page Designs

Verify Identity/Confirm Access Designs

Highlighting New Features

Highlighting New Features - POC - Version 2 - Bootstrap Tourist on All Devices - Note that the Bootstrap Tourist uses Local Storage by default so users will only see the tour once, until they "End Tour" which sets a flag in the Local Storage of the browser. You can delete the local storage by opening the browser console and going to "Storage", find the "Local Storage" option in the left pane, then right-click and "Delete All" for the mockup file. To "restart" the tour at any time, you can press the top-right info icon.
Highlighting New Features - POC - Version 3 - Top, Dismissable Alert on Small Devices - Bootstrap Tourist on Large Devices - Note that on devices with a viewport width <767px, a top, dismissable alert will be displayed, while on devices with a viewport width >767px, the Bootstrap Tourist will be initiated and the top-right "restart tour" info icon will be displayed. When testing this on a browser, you will have to clear out the Local Storage for the Bootstrap Tourist at each breakpoint when checking, as there is a media query approach to initializing the Bootstrap Tourist script only on larger devices.
Highlighting New Features - POC - Version 4 - Bootstrap Tourist on All Devices - Simplified and responsive design: No backdrop; Single sentence field (no title, only body content); Icons instead of text buttons
Highlighting New Features - POC - Version 5 - Bootstrap Tourist on All Devices - Simplified and responsive design (as in Version 4), but with button inside Topic Mapper popover to another page where a tour could be; Note: Another option would be to have a tour that traverses across pages
Highlighting New Features - POC - Version 6 - Bootstrap Popover Shown by Default for All Devices - Simplified and responsive design (as in Version 4), and with button inside popover to another page where a tour could be; Note: This design is not using the Bootstrap Tourist script
Highlighting New Features - POC - Version 7 - New Features Carousel Modal - Note: Cookies could be used to control display for returning usersIdeas

Notification Content Page Mockups

Notification Content Page - Version 2 - Showing 5 results per content type by default, then a "Load More" button incrementing showing 5 more results, with a "Show All" link as wellPriority 3 of 4

Notification Center/Homepage Designs

Notification Center Homepage - Version 4 - Previous winning design, but then changed to the "cards" designPriority 4 of 4
Notification Center/Initial Homepage - Launches Isotope V1 Design - Version 3 - Old Styling for Latest NotificationPriority 4 of 4
Notification Center Homepage - Version 5 - 2-column, 3-card design with "View Your Notifications" accordion current year panel open by default and ordered with this card and the other 2 cards stacked on the right side of the grid on desktopPriority 4 of 4
Notification Center Homepage - Version 6 - 3-Card design with "View Your Notifications" accordion current year panel collapsed by default and ordered with "Your Current Topical Research Interests" > "View Your Notifications" > "Refer Your Colleages" on desktop (with native Bootstrap mobile stacking)Priority 4 of 4
Notification Center Homepage - Version 8 with Double-Coded Accordion - Not using, found a better way to double-code just the "Refer a Colleague" section instead of the accordion - keeping this file as reference for removing items from the DOM with JSPriority 4 of 4
Notification Center Homepage - Version 8 with Double-Coded "Refer Your Colleagues" Card - Similar to Version 5, but with a collapsed accordion and re-ordered cards; This design is better double-coding than the accordion double-coded design, since it's double-coding a "static" cardPriority 4 of 4

Topic Mapper and Citation Mapper Designs

Capturing User Feedback

Capturing User Feedback - Feedback Form in a Modal - V1 - Three Textareas - Designing for the description within PROG-1170; Also includes POCs for placement of the button/link (within a card, right-middle fixed positioning, within the FAB shown on the Record Display page <767px, and a footer link), and with right-side toast after feedback form submission
Capturing User Feedback - Feedback Form in a Modal - V2 - Top Banner Confirmation - Attach screenshot, follow up with user fields, and top success alert banner after feedback form submission
Capturing User Feedback - Feedback Form in a Modal - V3 - Toast Confirmation - Same as V2, but with right-side toast after feedback form submission
Capturing User Feedback - Feedback Form in a Modal - V4 - Usabilla Design - Usabilla-type form design with right-side toast after feedback form submission

Sign-up Form & Preference Management Center Form Designs

Sign-up Form - EMAIL BLAST design - Version 1 - Has readonly Institutional Email field