Polaris Site Mockups
Last Updated: 5-29-2025
Note: This is the "new" location for all Polaris mockups, previously part of the Round 6
mockups.
When the timing makes sense, the global elements (e.g., header, footer, main menu, etc.) and newly added features are updated on all "Current Final Design" mockups.
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
Center Homepage - Version 16 - User With ProfileCurrent
Final
Design
Notification Content Page
Notification Content Page - Version 5Current Final
Design
Explore All Notifications Screen
Explore All Notifications - Isotope Design - Version 3Current Final
Design
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
Dissertations - Version 1Current
Final
Design
Browse (Your - All) Authors Screen
Browse
Authors - Version 1Current
Final
Design
Topic Mapper Screen
Topic
Mapper - Panel Designs - Version 5Current Final
Design
Citation Mapper Screen
Citation
Mapper - Panel Designs - Version 3Current
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
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
Author
Info -
Version 3 - Disambiguated Author - Without Filter VisualizationsCurrent
Final
Design
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
Related Content Card Designs - GetFTR Button Examples in
CardsCurrent
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 16 - User With Profile - Max Load of Carousels and
Cards - 4-4-4 "fully modular"
designCurrent
Final
Design
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 13 - User with
Profile - Redesign - Twitter "swap button" design
Notification Center Homepage - Version 13 - User with
Profile - Redesign - jQuery Easing and jQuery Color design
Notification Center Homepage - Version 10 - User with
ProfilePrevious
Final
Design
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 7 - User Without Profile - SOME Interaction with the
Platform - 4-4-4 "fully modular"
designCurrent
Final
Design
Notification
Center Homepage - Version 6 - User Without Profile - MINIMAL Interaction with
the
Platform - 4-4-4 "fully modular"
designCurrent
Final
Design
Notification
Center Homepage - Version 5 - User Without Profile - 4-4-4 "fully modular"
design
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
Notification
Center Homepage - Version 2 - User Without Profile - 4-4-4 "fully modular"
design
Notification
Center Homepage - Version 1 - User Without Profile - 9-3 designIdeas - Not
Using
Following Journals
Browse Journals - V3 - With follow filterMerged
Into
Version 3
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
Explore
Journals - V10 - With checkbox buttonCurrent
Final
Design
Explore
Journals - V10 - With CSS "swap" buttonIdeas - Not
Using
Explore
Journals - V10 - With CSS3 "Follow" buttonIdeas - Not
Using
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 6 - "Full Info" Design with Fancy
Tabs
- Journals and Books sections only
Discover PsycInfo - Version 6 - "Empty States" Design with Fancy
Tabs
- Journals and Books sections only
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
PsycInfo - Version 8 - "Empty States" DesignCurrent
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
Dissertations - Version 1Current
Final
Design
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 - Disambiguated Author - Without Filter VisualizationsCurrent
Final
Design
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 4 - Slick Carousel POC
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 -
Version 2 - Intro modalTo Be
Reviewed
Sign-up Form -
Version 3 - FAQ sidebarTo Be
Reviewed
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
GetFTR Record Display "Change Your Institution" Design - V1 -
Kebab
MenuIdeas: To
Be
Reviewed
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)
Explore All Notifications - Isotope Design - Version 3Current
Final
Design
Explore All Notifications - Isotope Design - Version 2 -
Hamburger menu addedPriority 4 of
4
Explore All Notifications - Isotope Design - Version 1Priority 4
of
4
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
Journal
Article: PsycInfo Record - Non-APA - Full Text From
Publisher - Version
4 - Older Layout Before SidebarPrevious
Final
Design
Journal
Article: PsycInfo
Record - Non-APA - Full Text From Publisher - Version
3 - Hamburger menu addedPriority 1 of
4
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
PSN-2666 -
Abbreviated Record Display with Top Warning Alert (for
institutional users who lost access to PsycInfo; See
PSN-2666)Priority 4 of
4Current Final Design
PROG-1138 - Use Case 1 - True Recipient of Alert with PI
Entitlements - GDPR Boxes - Version 3Priority 4
of
4Current Final Design
PROG-1138 - Use Case 1 - True Recipient of Alert with PI
Entitlements - GDPR Boxes - Version 3 - Invalid Code EntryPriority 4
of
4Current Final Design
PROG-1138
-
Use Case 1 - True Recipient of Alert with PI
Entitlements - GDPR Boxes - Version 3 - Expired CodePriority 4
of
4Current Final Design
PROG-1138 - Use Case 1 - True Recipient of Alert with PI
Entitlements - No GDPR Boxes - Version 3Priority 4
of
4Current Final Design
Miscellaneous Page, Section, & Component Explorations
Main Hamburger Menu VariantsBeing
Worked
On - May Not Be Current
Related Content Card DesignsBeing
Worked
On - May Not Be Current
Multiple Toasts POCIdeas
Loaders
POCIdeas
Article Tools Modal
Designs - Note: Delivered with Round 2 of the mockupsPriority 1
of
4
Abbreviated Record Display Example (PI Journal Article)Part of
Priority 1 of 4
Record
Display Page Change - Top Author List DesignsPart of
Priority 1 of 4
Notification
Center Homepage - Version 14 - User with
Profile - POC with "search bar card" sectionIdeas
PsycInfo Branding Guidelines
PsycInfo Branding Guidelines - Web ComponentsBeing
Worked
On
Email Designs
2-Column Combo Feature-Notification-Citation Alert Email Designs
Polaris Combo Email - Version 1To Be
Reviewed
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 -
Single cited workCurrent
Final
Design
Polaris Ads
Email Template - Notifying Authors of Citation of Their Work - Version 2 -
Multiple cited worksTo
Be
Reviewed
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
Changelog (changes affecting mockups already delivered)
7-23-2021 and forward - Changes to Round 6 Mockups
- Updates to the apaiuxpubs.css stylesheet, which is hosted locally.
- Updates to the customScripts.js page, also hosted locally.
- Possible new images added.
7-22-2021
- Updated the apaiuxpubs.css stylesheet, which is hosted locally. Specifically, adjusting the z-index CSS for the hamburger menu, language switcher, modals, etc. to avoid any conflicts with display.
- Note: Cache-busting the apaiuxpubs.css now with a date attribute added to the filename.
5-18-2021 - Changes to Round 6 Mockups
- Updated the apaiuxpubs.css stylesheet, which is hosted locally.
5-12-2021 - Changes to Round 6 Mockups
- Changes to the Notification Center - All Updates Isotope Page (V1) with
making the filters plural, changing the search placeholder text, and adding a
"Show
Abstract" toggle button as a POC to see
how search will pick up the Abstract metadata (whether displayed or not) - Also
consider a POC for a "show more" Abstract and/or using
.sr-only
ordisplay: none;
for the Abstracts in the cards. - Updated the Notification Content Page - Version 2 the same purple button styling as the new "cards" Notification Center/Homepage design, as well as with the search-plus icon. Also, make the "Load More" button purple instead of red.
- Changed the "scroll to active panel" accordion script on in the customScripts.js file to scope it out, since the changes for behavior for an accordion within a modal (the "View Past Notifications" modal) made the Show Abstract/Hide Abstract collapse toggles to stop working on the Cited By modal.
5-6-2021 - Changes to Round 6 Mockups
- Changed all of the "Full PsycInfo® Record" accordion panel titles on the Record Display mockups to "Full APA PsycInfo® Record" per feedback from the PI Stakeholder meeting on 4-27-2021.
4-26-2021 - Changes to Round 6 Mockups
- Changed all of the "Verify Identity" modals per feedback from the Polaris PI Value Migration meeting on 4-26-2021.
4-22-2021 - Changes to Round 6 Mockups
- Changed the footer on the mockups from "Privacy Policy" to "APA Privacy Policy"; Changed the Verify Identity modals to have "APA Privacy Policy" instead of "APA Privacy Statement", as well as changing the "APA Terms of Use" link to the internal Terms of Service page within psycinfo.apa.org (note that the internal Terms of Service page is an internal page, so no target-blank in these anchors and therefore no external link icon).
4-21-2021 - Round 6 Mockups
- Updated the apaiuxpubs.css stylesheet, which is hosted locally.
- TBD if these changes will be needed: Updated the customScripts.js "scroll to active panel for accordion" script with a modification to prevent that behavior on modals with a .noscroll-accordion class (using for the "Past Notifications List" POC modal). This page may be hosted locally.
- Took out all the internal CSS for the Notification Center Homepage - Version 4 that dealt with the first design with datatables on the page, as there's no need for this CSS moving forward.
- Took out all the internal CSS for the Explore All Notifications - Isotope Design - Version 2 and integrated that CSS at the end of apaiuxpubs.css - to revisit later to make sure no other pages inadvertently affected by moving these once-internal style rules to the main external stylesheet.
4-7-2021 - Round 5 Mockups
- Updated the apaiuxpubs.css stylesheet, which is hosted locally.
- Added an author with "et al." underneath the Record Display title on the Record Display MVP mockup.
- Fixed up the author string formatting on the Notification Content Page (V1) and the Notification Center/Initial Homepage (V3) (the formatting is now consistent with the Notification Center - All Updates Isotope Page (V1) and the Related Content Card Designs mockups.
- Added a "Terms of Service" link on the footers, which goes to a redesigned TOS page.
- Took out all instances of the GTM script and noscript from the mockups so that no test data from the mockups goes into the test site. We need to revisit the code approach for GTM (e.g., the dynamic code approach, or the "regular" code to put on the site through Angular).
3-24-2021 - Round 4 Mockups
- Updated the apaiuxpubs.css stylesheet, which is hosted locally.
- In the customScripts.js file, the demo function for the header language swticher
CSS
selector was changed from
.dropdown-menu li a
to.language-switcher li a
due to a conflict with the isotope filter and sort buttons also using.dropdown-menu
and all the functionality conflicting. - Changed all the links in the top logo (for the time being) to the notification-center-3.html page (the "initial" homepage template being built out) - We may decide to use the actual isotope explorer page as the homepage.
- Removed all instances of
<!-- APA APPS FONTS --><link rel="stylesheet" href="./fonts/type.css" />
from the<head>
of all pages, as we are using all Google fonts and no need to reference a local font directory. - Very slight formatting changes for the article metadata displays on the Notification Content Page - V1.
- Just for the demo, changed the display to say "You've Viewed 20 of 20 Records" after clicking the "Show All" link on the Notification Content Page - V1.
- Changed the top alerts on Record Display Top Displays #5 and #7 to match the Verify Identity Use Case #4.
Delivered with Round 5 of the Mockups (4-7-2021)
Verify Identity/Confirm Access Designs
PROG-1138 - Use Case 3 - True Recipient of Alert with expired PI
Entitlements (see PROG-1127 re: lapsed subscriptions) - Version 1Priority 4
of
4Current Final Design
PROG-1138 - Use Case 4 - True Recipient of Alert without PI
Entitlements (see PROG-1127 re: no subscription) - Version 1Priority 4
of
4Current Final Design
No Access - Who Are You? Page - Where Are You From (WAIF) -
Version
1Priority 4
of
4Current Final Design
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
13. PsycInfo Record - Non-APA - Top Display - Non-English
Language
(NEL) - Version 1Part of
Priority 1 of 4Previous
Final
Design
14. PsycInfo Record - Non-APA - Top Display - Individual and
Corporate Authors - Version 1Part of
Priority 1 of 4Current Final Design
15.
PsycArticles
Record - APA - Top Display - CHORUS - Accepted Manuscript - Article is Available
Now
- Version 1Part of
Priority 1 of 4Current Final Design
16.
PsycArticles Record - APA - Top Display - CHORUS - Accepted Manuscript - Article
is
Not Available Now / Available at a Future Date -
Version 1Part of
Priority 1 of 4Current Final Design
17.
PsycArticles Record - APA - Top Display - No Authorship Indicated -
Version 1Part of
Priority 1 of 4Current Final Design
Other/Misc
Terms of Use
for
APA Databases - Version 1Current Final Design
Session
Timeout
Warning Modal - Version 1Current Final Design
Session Timeout Modal - Version 1Current
Final
Design
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
Notification Content Page Mockups
Notification Content Page - Version 1Priority 3
of
4
Delivered with Round 2 of the Mockups (2-26-2021)
Record Display Mockups - Full Page
PsycInfo Record
- Non-APA - Full Text From Publisher - MVPPriority 1
of
4
Record Display Mockups - Variant Top Sections
2. PsycArticles
Record - APA - User Has PA Entitlement - Top Display
- Version 1Part of
Priority 1 of 4Current Final Design
3.
PsycBooks Book Record - APA - User Has PB
Entitlement - Top Display - Version 1Part of
Priority 1 of 4Current Final Design
4.
PsycBooks Book Chapter Record - APA - Top Display - User Has PB
Entitlement - Top Display - Version 1Part of
Priority 1 of 4Current Final Design
5.
PsycBooks Book Chapter Record - APA - Top Display - User Does NOT Have PB
Entitlement - Top Display - Version 1Part of
Priority 1 of 4Current Final Design
6.
PsycInfo Record - Non-APA - Open Access - Top Display - Version 1Part of
Priority 1 of 4Current Final Design
7.
PsycInfo Record - Non-APA - Open Access - User Does NOT Have PI Entitlement -
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
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
PROG-1138 - Use Case 2 - Forwarded Recipient of Alert -
Version
1 - NOT SURE IF NEEDED AS USE CASE 1 MIGHT BE SAME TEMPLATE
DESIGNPriority 4
of
4
PROG-1138
-
Use Case 1 - True Recipient of Alert with PI
Entitlements - Version 1 - Invalid Code EntryPriority 4
of
4
PROG-1138 -
Use Case 1 - True Recipient of Alert with PI
Entitlements - No GDPR Boxes - Version 1Priority 4
of
4
PROG-1138 -
Use Case 1 - True Recipient of Alert with PI
Entitlements - No GDPR Boxes - Version 2Priority 4
of
4
PROG-1138 - Use
Case 1 - True Recipient of Alert with PI
Entitlements - GDPR Boxes - Version 2Priority 4
of
4
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/Initial Homepage - Datatable Within
Page - Datepicker example with month-day-year pickers
-
Version 1Priority 4 of
4
Notification Center/Initial Homepage - Fullscreen
Datatable
Modal Launched from Button -
Version 2Priority 4 of
4
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
Preference
Management Center Form -
Version 1 - With "Frequency" field