EAL Database Redesign - Current Designs
Last Updated: 9-5-2025
These mockups may still be in the design phase - please discuss with IUX about the status of the designs. Note that all of these screens will be "admin screens" - used internally at APA.
Main Screens
- Homepage - Search
Screen - Consolidated search screen to search by Person, Board/Committee Group,
or Council of Representatives GroupCurrent Final Design
FOR THE DEMO:
- PERSON SEARCH: If you type in "smi" (not case sensitive) in the "Last Name" field, the Person Search Table will show. Note the bolding of the string that didn't match the inputted search query (everything other than "smi" in the Last Name field, similar to how Google does their search autocomplete). If you type in "xxx" (not case sensitive) in the "Last Name" field, a "no persons found" alert will show.
- B/C SEARCH: Choose the "View Details" button to see the results table. Note that a "No members found in the group(s) you searched for." alert is shown at the bottom of the mockup, which would show in place of the results table if applicable.
- COUNCIL OF REPRESENTATIVES SEARCH: Choose the "View Details" button to see the results table. Note that a "No members found in the group(s) you searched for." alert is shown at the bottom of the mockup, which would show in place of the results table if applicable.
- Profile screen - Listed info from SF; Editable profile photo and additional emails - This design shows all the relevant info from Salesforce for the user, along with the ability to add additional email addresses or add/update the profile photo for the user. The user can also edit the person's Board/Committee and Council info or remove them from the groups.Current Final Design
- Board/Committee - Landing/List PageCurrent Final Design
- Board/Committee - "Members in Group" Page Specific Board/Committee Page (APA Fellows Committee) - Two Database Lookup; For the "Add a New Member Into Group" lookup, this mockup shows first a search of just the EAL Database, and if no results, then a search of Salesforce.Current Final Design
FOR THE DEMO:
- For the Person Record ID field, if you type in "123" a result will show. Then, select "Select" and the "Term Details" section will show. If you type in "321" you will get a "No members found with your search" alert, and the "try another way of searching" link will then choose the "No" radio button option for the other search methods.
- For the "Add a New Member Into Group" modal, if you type in "xxx" (not case sensitive) in the "Last Name" field, you will first see a "no results" alert for the EAL Database. If you type in "smi", you will see some results that you can select, and also an alert with an option to search Salesforce. When you choose to search Salesforce, you are presented with a combo-field form where at least one field is required. If you type in "bob" in the First Name field, you will see some possible results pulled from a search against the EAL database which you can select and an alert to "add a new person". If you type in "zzz" (not case sensitive) and then search, you will not see any results, and also are presented with the alert with an "add a new person" button.
- Council of Representatives - Landing/List PageCurrent Final Design
- Council - "Members in Group" Page - Specific Council Group Page (Board of Directors) - Two Database Lookup; For the "Add a New Member Into Group" lookup, this mockup shows first a search of just the EAL Database, and if no results, then a search of Salesforce.Current Final Design
FOR THE DEMO:
- (Same as the B/C "Members in Group" Page)
- Reports screenComing Soon
- Admin screenComing Soon
- Profile screen - Disabled form fields - This screen shows disabled form fields for profile information coming from Salesforce. The user is not able to edit any of the fields other than updating the profile photo and adding or updating any additional email addresses for the person. The user can also edit the person's Board/Committee and Council info or remove them from the groups.Ideas - Not Using
- Profile Screen - Multiple email fields; Single address field; Single phone field; "Add to B/C" and "Add to Council" modals - Second version which LOB reviewedIdeas - Not Using
- Profile Screen - Two Address fields side-by-side; Phone Type dropdown next to input field - First version which LOB reviewedIdeas - Not Using
- Profile Screen - Checkboxed select list sections - Treating the "Gender" and "Degree" fields as dynamic checkbox > required select list sections; Also, address "card" within accordion panel, not fully worked out yetIdeas - Not Using
- Board/Committee - Specific Board/Committee Page (APA Fellows Committee) - Single Database Lookup - For the "Add a New Member Into Group" lookup, this mockup shows a single search including both the EAL Database and Salesforce, with alerts to the user about selecting a Salesforce result. The user would have to contact LOB Support in order to add a new person to the EAL system.Ideas - Not Using
FOR THE DEMO:
- For the Person Record ID field, if you type in "123" a result will show. Then, select "Select" and the "Term Details" section will show. If you type in "321" you will get a "No members found with your search" alert, and the "try another way of searching" link will then choose the "No" radio button option for the other search methods.
- For the "Add a New Member Into Group" modal, if you type in "smi" (not case sensitive) in the "Last Name" field, a datatable will show. Then, if you select a row, a "Term Details" section will show. If you type in "xxx" (not case sensitive) and then search, you will get the "No persons found with your search." alert.
- Homepage - (Board/Committee) Search Screen - "Currently Serving" column filter design with "yes" (should be default), "no", and "all", later changed to a checkbox design; Different top search section with radio button design for "Currently Serving" and "Is a Chair" fieldsIdeas - Not Using
- Members in Board/Committee Group Page - "Currently Serving" column filter design with "yes" (should be default), "no", and "all", later changed to a checkbox designIdeas - Not Using
- Board/Committee Landing Page - With "Currently Active" as a column filter ("yes" and "no") - later changed to checkboxes as in legacy siteIdeas - Not Using
- Homepage - Search Screen - Tabbed search design; Multiple B&C cards on B&C search results - Note the local storage JS for users going back to the active tab with history -1Ideas - Not Using
- Homepage - (People) Search Screen - Datatable design for the "People" search with ability to select table rows and construct an email distribution list which can be copied to the user's clipboard or used to send an email through a contact form within the interface; Note this also has an older top navigation section with extra linksIdeas - Not Using
- Search page with checkboxes to select datatable rowsIdeas - Not Using
- Search page with single select B/C search field - Note that this mockup shows a results table based on a choice in the select list, or shows a "no results" alert based on a choice in the select listIdeas - Not Using
Profile Screen
Board/Committee Screens
Homepage - Search Screen
Misc Screens
- Boilerplate template - AdminCurrent Final Design
Email Templates
- Coming soon...