51
ONE USER EXPERIENCE SPECIFICATIONS DOCUMENT ONEaccess Platform Design David Cheong Shravanthi Reddy Jenny Chen Maxwell Dubs UX Designer/Project Manager UX Designer/Visual Designer UX Designer/Product Designer UX Designer/Information Architect ACCESS

Spec Doc One Access

Embed Size (px)

Citation preview

Page 1: Spec Doc One Access

ONEUSER EXPERIENCE SPECIFICATIONS DOCUMENT

ONEaccess Platform DesignDavid CheongShravanthi ReddyJenny ChenMaxwell Dubs

UX Designer/Project ManagerUX Designer/Visual DesignerUX Designer/Product DesignerUX Designer/Information Architect

ACCESS

Page 2: Spec Doc One Access

1

Chapter 01Chapter 02Chapter 03

Overview

Chapter 04Chapter 05

Annotated WireframesHigh Fidelity MockupsStyle Guide

Information Architecture

Table of Contents

Page 3: Spec Doc One Access

2

Overview

Project Goal

Link to Prototype

Goal is to perform a teardown of the current platform’s workflow and to design a better experience for the buy-side admin users.Goal is to perform a teardown of the current platform’s workflow and to design a better experience for the buy-side admin users.

https://invis.io/UE7QVKEK6#/167899264_Seats_To_Allocatehttps://invis.io/UE7QVKEK6#/167899264_Seats_To_Allocate

Page 4: Spec Doc One Access

3

Page 5: Spec Doc One Access

4

Page 6: Spec Doc One Access

5

Page 7: Spec Doc One Access

6

Page 8: Spec Doc One Access

List of requested events

Side Icons: Allocate, Request Access, Detail, and Share

Condense the content on the page in order for the administrator to view particular events

User could ask for help here

Discovery Feed Page

Event Cards

Filters

Customer Service

1

2

2

3

4

4

3

1

Action: Click Event card expands into a modal and the iconson the side gets enlarged on the side

01.00.00

7

Discovery Feed

Page 9: Spec Doc One Access

Action: Click Diffierent event types will drop down from the “Event Type” tabScroll up and down to view all event types

Action: Click Filter out events through a specific timeframe

Event Type

Timeline

2

1

01.01.00

1

2

8

Discovery Feed - Filter Opened

Page 10: Spec Doc One Access

Action: Click Check off boxes next to particular event types that the admins want to save

Condense the content that the user is able to view on the particular page

Sticky moves as user moves down the side navigation to add more filtersFilters apply with excel, share, and calendar features

Event Type Filters Stored Filters1 2

01.02.00

1

2

9

Discovery Feed - Filter Selected

Page 11: Spec Doc One Access

Action: Click Able to use the filters as default whenever the user visits the Discovery page

Stored Filters1

01.03.00

1

10

Discovery Feed - Filter Named

Page 12: Spec Doc One Access

The filter is saved and visibily shown to the user at all times in the Discovery page

Saved Filter1

01.04.00

1

11

Discovery Feed - Filter Saved

Page 13: Spec Doc One Access

List of new events from the fund manager(s) to be sent to the broker for approval

Incoming New Requests

Requested By

1

2Communicates to the user where the request is coming from

02.00.00

1

2

12

Incoming Requests

Page 14: Spec Doc One Access

Similar to the current features of the oneaccess website with “Add to Outlook”, “Priority Request”, and “Request Access”

Fill in information of the attendees and the meeting type for the recipeint of the request

Action: Click then drop down The companies that the fund managers are interested in meeting at the conference

Native Oneaccess features

Request Access Modal 31

2

02.01.00

1

3

2

Company to Attend

13

Request Access Modal

Page 15: Spec Doc One Access

Action: Click Send the event to a team member who may be interested in the event

Share

Share

1

2

02.02.00

1

2

Similar function to section 02.01.00

14

Share Event Modal

Page 16: Spec Doc One Access

Action: Click User is able to view who is attending the event and the user specific list of actions.

Event Information 1

02.03.00

1

2

15

Event Details Modal

Page 17: Spec Doc One Access

Communicates to the user immediatley how many more seats need to be allocated

Seats Allocated

Event Cards

1

2Action: Click Event card expands to a modalRefer to section 03.01.00

03.00.00

1

2

16

Seats to Allocate

Page 18: Spec Doc One Access

Action: Click on box Stores in updated information and status after seat/meeting type has been allocatedRefer to section 03.02.00

Action: Click on calendars and time tabs User changes the time and date of the meetingRefer to section 03.02.00

If user does not click on the “Use Home” box then they would have to type in the new address below

Status changes once the user finishes with their allocation task from “To Do” to “Confirmed”

Action: Click on box If the location is held at the company’s headquarters then user the information below auto populates Refer to section 03.02.00

Attendees Date/Time

Location

Location

Status Editing Allocation

1 3

45

4.1

4

5

5

3

2Action: Click Statuses drops down from the tab and the user chooses the new meeting typeRefer to section 03.02.00

03.01.00

1

2

17

Allocate Seats Modal

Page 19: Spec Doc One Access

AttendeesDescription: Refer to section 03.01.00 Description: Refer to section 03.01.00

Edit Allocation

1

2

3

Description: Refer to section 03.01.00

03.02.00

1

2

3

4

Date/Time Description: Refer to section 03.01.00

Location 4

18

Allocate Seats Modal - Selected Team Member

Page 20: Spec Doc One Access

Action: Click User is able to view events on a specific day

Filter events by Day 1

2Refer to section 03.01.00

04.01.00

12

Event Cards

19

Calendar - Day View

Page 21: Spec Doc One Access

Action: Click User is directed to allocated modal in reference to the event that they clicked on the calendar

Filter events by Day 1

Refer to section 03.01.00

04.02.00

1

20

Calendar - Week View

Page 22: Spec Doc One Access

All upcoming events that has already been allocated

Action: Click Ability to view all upcoming events by day-week-month

Event Inventory 1

2Similar to “Agenda” within “Firm Calendar” in the current Oneaccess website but organized by event cards in a list view

04.00.00

1

2

Card View

3

3 Timeline Filter

Reference to 04.03.0021

Calendar - Month View

Page 23: Spec Doc One Access

Action: Click Navigates user to section 04.04.00

Add Interaction 1

04.03.00

1

22

Inventory - Card View

Page 24: Spec Doc One Access

Similar to the existing interaction pageMoved the “cancel” and “save” button to bottom Removed “Add another interaction”

1 2Action: Click on “Add”There will be a drop down for user to fill in further information

Refer to section 04.05.00

04.04.00

1

Add New Attendees Create Interaction

2

Refer to section 04.05.00

23

Create New Interaction Modal

Page 25: Spec Doc One Access

Organizes all upcoming events in a list format

Moved “saved” and “cancel” on the bottom

Card View 1

2Similar to agenda within “Firm Calendar” in the current Oneaccess website but organized by event cards

04.05.00

1

2

Card View

3

3

Save New Interaction

24

Create New Interaction Modal - Add Attendee

Page 26: Spec Doc One Access

To Do

Rates

1

2

3

2

Signals the user that this event has not yet been rated

Event Cards

Action: Click Opens up a modal to give ratingRefer to section 05.01.00

05.00.00

1

Prioritizes the events that needs feedback/rating

25

Rate Event Page

Page 27: Spec Doc One Access

Rate Upload File 1 2

2

Action: Click User is able to upload any documentation to reinforce their feedback

05.01.00

1

Action: Click User chooses how many stars is given for a particular event determined by service & satisfaction of the sales team (broker)

26

Rate Event Modal

Page 28: Spec Doc One Access

Filters the page by the user’s selected timeline

Filters are all located here and within this page “User” is an option that the user could filter by like the

Time Interval 1

2Surfaced the view option to the surface compared to the drop down in the current Oneaccess

05.02.00

1 2

View By

3

3

User

27

Resource Summary Page

Page 29: Spec Doc One Access

1

2

06.00.00

1 2 3

3

4

4

Variable Column User is able to select a variable group out of 8 variable groups in this column. In this instance, “My Brokers” has been selected and in the next column a list of brokers has been populated.

Value Weighting Column User is able to input corresponding values for individual variables. This will change the dollar value of the variable.

Customize Column Radio buttons to select which variables user wants to customize. Only one can be selected from each variable group at a time. This information populates in Custom Calibration box on the right side.

Broker Column This is a list of brokers that the user has designated as his or her brokers. This list may change to any of the 8 variables depending on which the user has selected in the Variable Column. 28

Weighting

Page 30: Spec Doc One Access

Custom Calibration

Export to Excel

1

2

06.01.00

2

1

Calculates the dollar value per interaction point on a variable Populates as user choose and customize individual variables

Exports value weighting and custom calibration to excel

29

Weighting - Customization

Page 31: Spec Doc One Access

Notifies users that the request that they sent to the broker has been accepted and the amount of contacts they have saved/stored who they could reach out to for any upcoming events

Access Aproved Request From All Brokers

Request From All Brokers Add Contact

1

2

4

4

3

2

Action: Click User fills in new contact information hereRefer to section 06.01.00

Action: Click User is able to view how many requests are currently pending or been approved

Action: Click A new modal opens up asking the user permission to proceed to avoid any mishaps Refer to 06.02.00

06.00.00

1

3

30

Broker Coverage

Page 32: Spec Doc One Access

Contact Information

Active or Inactive

1

2

2

Action: Click User checks off the box if they want specific sales contact to be accessed for upcoming events

Reference to section 06.04.00

06.01.00

1

User fills in new sales contact information

31

Broker Coverage - Adding Contacts

Page 33: Spec Doc One Access

Request Access Modal 1

06.02.00

Action: Click Warns the user before they request to all brokers on their list

32

Broker Coverage - Requesting Access to All Brokers Warning

Page 34: Spec Doc One Access

Action: Click Select the sales person and their contact information auto populates within the tabs on the right

Sales Contact

Edit Information

1

2

2

Fill in new information and click on edit

06.03.00

1

33

Broker Coverage - Editing Contacts

Page 35: Spec Doc One Access

The number of active contacts is determined by user’s decision to make them either active or not

Refer to section 06.01.00

Active Contacts 1

06.04.00

1

34

Broker Coverage - Contacts Count

Page 36: Spec Doc One Access

In terms of functionality, this is similar to the current “Watchlist” on Oneaccess

Watchlist

My List & Tickers

1

2Designed two sections for tickers and lists to communicate to the user what they have saved in an organized format

07.00.00

1

2

35

My Account - Watchlist

Page 37: Spec Doc One Access

2

1

2

1

My Interest

My Interest

“My Event Types”, “My Sectors”, and “My Locations” are all stored here

07.01.00

Stores all user’s preferences within the box and save it for future use to filter out content

36

My Account - My Interests

Page 38: Spec Doc One Access

2

1

21

Profile Settings

Daily Digest

Similar to the current Oneaccess

07.02.00

Similar functions to the current Oneaccess

37

My Account - Account Settings

Page 39: Spec Doc One Access

08.00.00

38

Discovery Feed

Page 40: Spec Doc One Access

08.01.00

39

Discovery Feed - Filter Opened

Page 41: Spec Doc One Access

08.02.00

40

Discovery Feed - Filter Selected

Page 42: Spec Doc One Access

08.03.00

41

Discovery Feed - Filter Named

Page 43: Spec Doc One Access

08.04.00

42

Discovery Feed - Filter Saved

Page 44: Spec Doc One Access

09.00.00

43

Allocate Interactions

Page 45: Spec Doc One Access

09.01.00

44

Allocate Interactions - Modal 1

Page 46: Spec Doc One Access

09.02.00

45

Allocate Interactions - Modal 2

Page 47: Spec Doc One Access

09.03.00

46

Allocate Interactions - Modal 3

Page 48: Spec Doc One Access

09.04.00

47

Allocate Interactions - Modal 4

Page 49: Spec Doc One Access

09.05.00

48

Allocate Interactions - Modal 5

Page 50: Spec Doc One Access

09.06.00

49

Allocate Interactions - Modal 6

Page 51: Spec Doc One Access

50

HEX: CEAA35 HEX: 506683 HEX: 3B4D62 HEX: FBFBFB

Allocation

External Link

Flag as Priority

Search

Add Sales Contact

Calendar

Allocation

Export to Excel

Requested

Help

Change inAllocation

Event Details Request Review Share

Colors

Icons

1. Headers2. Hi-lighted CTAs

1. Main navigation2. Side navigation3. Modal tabs

1. Event card body2. Modal body

1. Notification alert2. Location indicator on main navigation

10.00.00 Style Sheet