BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer...

29
BARCLAYS - MI Portal - POC The POC of MI Portal will be focused on Barclays Reporting and its the basic operation: View Report Category Different User Landing Report Details and Compare Search Reports Refine Search result with specific parameter Administration for Admin user Samita Bhandary DESIGN This document describes the specification of user interface, interaction and behavior at a level of POC that allows Barclays MI Portal to implement and develop precisely. This proposed portal, a hosted, web- based, software system provides Barclay's users, an intuitive, comprehensive, advanced, high efficiency tool to view their various reports in a simplistic manner. The primary purpose of this design document is to communicate the design of MI Portal to the programmers who builds the application as intended. DOCUMENT

Transcript of BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer...

Page 1: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

BARCLAYS - MI Portal - POC

The POC of MI Portal will be focused on Barclays Reporting and its the basic operation:

View Report CategoryDifferent User Landing Report Details and CompareSearch Reports Refine Search result with specific parameterAdministration for Admin user

Samita Bhandary

DESIGNThis document describes the specification of user interface, interaction and behavior at a level of POC that allows Barclays MI Portal to implement and develop precisely. This proposed portal, a hosted, web-based, software system provides Barclay's users, an intuitive, comprehensive, advanced, high efficiency tool to view their various reports in a simplistic manner.

The primary purpose of this design document is to communicate the design of MI Portal to the programmers who builds the application as intended.

DOCUMENT

Page 2: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

Table of Content

TC 01BARCLAYS - MI PORTAL - Table of Content

Samita Bhandary

User Flow

Associated Documents 02

Wireframe and Interaction Details

05

08

09

10

19 07 User Admin page

23

Visual design

04

14

17

Scope of the project 03

01 Home page - General/ Role based user - Tab view

01 Visual layout - Home

01 Home page - Specification

02 All Reports page

03 Report Detail page

05 Search Results page

1B Home page - Admin

02 Visual layout - Reports 24

06 Administration - Landing page 18

- 1.1 Home page - List view option 06

- 1.2 Home page - Extended panel view 07

04 Compare Report page 12

1A Home page - Analyst 15

- 4.1 Compare option 13

- 3.1 Report Detail - Full screen view 11

08 Report Admin page 20

- 4.2 Compare - action 16

03 Visual layout - specifiaction 25

04 Visual layout - specification 26

Table of content

Page 3: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

Associated Doc

AD 01BARCLAYS - MI PORTAL - Associated Document List

Samita Bhandary

Associated document

Notes

- Visual designs & content are for placements only (FPO) for all wireframes- Content are for placements only (FPO) for all visual designs

User Persona:URL of User Persona(s)A link to a User Persona document (e.g., PDF or Word) that is used in the spec.

UI Mockups:URL of mockups used in UI SpecA link to a directory that includes all mockup files (e.g., GIF or JPEG) used in the spec.

Functional Spec:URL of functional specA link to the latest Functional Spec on use.

Design Documents:URL of all design documents Links to all design documents.

Page 4: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

Scope

SC 01BARCLAYS - MI PORTAL - Scope

Samita Bhandary

Project scope

Single MI Portal:

1. Menu structure a. Menu Navigation supporting activities of different users b. Displaying Landing page on user logind. Favourite report, Recently view report and search for reports

2. Admin activitiesa. MI Portal admin – User admin, Report admin, User error handling, monitoring performance

4. User activitiesa. Login Generic Portal user- Guest User or a Role-based Userb. Users to Search, View, Run reports, analyse on reports, see ‘Favourite’ reports, request for access to particular report/s

5. Reportsa. Users can view reports, move reports in the Favorites listb. Users should be able to view 2 reports from the same or different BI systems simultaneously, preferably side-by-side

6. User connecta. Send request to Admin for access specific report

Out of Scope

Page 5: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

User Flow

UF 01BARCLAYS - MI PORTAL - User Flow

Samita Bhandary

User Logged in

My Favorite Report

Landing /Home page

Recently Viewed Report

Popular Report

Preferred Category Reports

All Reports page

Report Detail page

Search Results page

Search History page

Preference page

All User scenarios

Report Error page

Audit Report page

Administration page

User Specific scenarios

Compare Reports

User Admin

ReportAdmin

Performance

Issue Management

Page 6: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Wireframe and Interaction details

Page 7: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 01BARCLAYS - MI PORTAL - WIREFRAME - Home page - Tab view

Samita Bhandary ReviewerAuthor

Footer

SearchFind any report MI PORTAL Jonathan Mann

All Reports

Search History

Preferences

Report Error!

Home

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Unfavourite

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

This is a information type notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.

dd/mm/yyyy

dd/mm/yyyy

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

Recently Viewed Most PopularMy Favorite Reports

List Tab

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Report type icon 122 Views Name- ABC

Browse by history

Time- 00:00Name- ABCTime- 00:00

Name- ABCTime- 00:00

Page 8: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 1.1BARCLAYS - MI PORTAL - WIREFRAME - Home page - List view

Samita Bhandary ReviewerAuthor

Footer

Search

My Favorite Reports

Find any report

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Compare

Unfavourite

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Compare

Request access

MI PORTAL Jonathan Mann

Recently Viewed

Most Popular

All Reports

Search History

Preferences

Report Error!

Home

Add to Favorite

Load more....

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

This is a information type notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.

dd/mm/yyyy

dd/mm/yyyy

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

List Tab

Page 9: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 1.2BARCLAYS - MI PORTAL - WIREFRAME - Home page - extended panel view

Samita Bhandary ReviewerAuthor

Footer

Search

My Favorite Reports

Find any report

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Compare

Unfavourite

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

MI PORTAL Jonathan Mann

Most Popular

All Reports

Search History

Preferences

Report Error!

Home

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Recently Viewed

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

This is a information type notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.

dd/mm/yyyy

dd/mm/yyyy

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

List Tab

Page 10: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 01BARCLAYS - MI PORTAL - WIREFRAME - Specification

Samita Bhandary ReviewerAuthor

Footer

SearchFind any report MI PORTAL Jonathan Mann

All Reports

Search History

Preferences

Report Error!

Home

Specification

Header: Include Portal name with Logo, Search text box with search button, user login details with photo

Navigation: Left panel, collapsable. Dynamic menu items.Change menu based on scenarios and user role/ activity

Toolbar: use for breadcrumb, placing tab items and other msg or details

Panel: use for updates like; Alert, warning, other important info

Footer: TBD

AA

BB

C

C

D

D

E E

My Favorite Reports

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Compare

Unfavourite

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Compare

Request access

Recently Viewed

Most Popular

Add to Favorite

Load more....

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

This is a information type notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.

dd/mm/yyyy

dd/mm/yyyy

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

Panel: with different drop down options for different action to performed. N number of panel can appear in the page as per user interest.

Panel has default scroll, user scrolls down and panel will show extended view mode. The other panels will appear in accordian which expanded/collapsed options.

Next page view...

User also can change the display panel settings from the user preference page. The optional view will be Tab view mode.

E

E

Page 11: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 02BARCLAYS - MI PORTAL - WIREFRAME - All Reports/ Report Category

Samita Bhandary ReviewerAuthor

Footer

Search

Report top level category 1 (69 Reports )

Find any report

Sub Category A Report(s) Source System Last updated

Subgroup type A1 Subgroup type A2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type B1 Subgroup type B2 Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Actions

MI PORTAL Jonathan Mann

Report top level category 2 (198 Reports )

3294 Reports are currently available within 69 databases and under 29 categories.

All Reports

Search History

Preferences

Report Error!

Home69

198

Sub Category A (29)

Subgroup type A (22)

Subgroup type B (11)

Subgroup type C (2)

Subgroup type D (9)

Subgroup type E (20)

Subgroup type F (1)

Subgroup type G (7)

Subgroup type H (1)

Category group 2 (198)

Subgroup type A (22)

Subgroup type B (11)

Subgroup type C (2)

Subgroup type D (9)

Category group 3 (198)Category group 4 (198)

Actions

Open

Share

Compare

Add to Favourite

Subgroup type C1 Subgroup type C2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type D1 Subgroup type D2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type E1 Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type F1 Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type G1 Subgroup type G2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type H1 Subgroup type H2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Sub Category B Report(s) Source System Last updated

Subgroup type A1 Subgroup type A2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Sub Category C Report(s) Source System Last updated

Subgroup type A1 Subgroup type A2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Sub Category A Report(s) Source System Last updated

Subgroup type A1 Subgroup type A2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type B1 Subgroup type B2 Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Subgroup type C1 Subgroup type C2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type D1 Subgroup type D2 ... Lorem ipsum Lorem ipsum dd/mm/yyyy

Subgroup type D1 Subgroup type D2 Subgroup D3

Category group 1 (69)

Page 12: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 03BARCLAYS - MI PORTAL - WIREFRAME - Report Detail

Samita Bhandary ReviewerAuthor

Footer

Search

Monthly Sales summary 2014

Find any report MI PORTAL Jonathan Mann

!

Actions

Share

Compare

Add to Favorite

Monthly Sales summary 2014 Monthly Sales summary 2012 Monthly Sales summary 2011

Page 13: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 3.1BARCLAYS - MI PORTAL - WIREFRAME - Report Detail

Samita Bhandary ReviewerAuthor

Search

Monthly Sales summary 2014

Find any report MI PORTAL Jonathan Mann

!

Exit full screen

Monthly Sales summary 2014

Page 14: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 04BARCLAYS - MI PORTAL - WIREFRAME - Compare Reports

Samita Bhandary ReviewerAuthor

Footer

SearchFind any report MI PORTAL Jonathan Mann

!

Actions

Share

Compare

Add to Favourite

Monthly Sales summary 2014 Monthly Sales summary 2012 Monthly Sales summary 2011

Compare with similar reports

Monthly Sales summary 2014

Monthly Sales summary 2012

Monthly Sales summary 2013

Monthly Sales summary 2011

Compare Cancel

To compare with open report please drag and drop tab to one-another.

Monthly Sales summary 2014

Page 15: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 4.1BARCLAYS - MI PORTAL - WIREFRAME - Compare Reports

Samita Bhandary ReviewerAuthor

Footer

Search

Comparing Monthly Sales summary 2014 & Monthly Sales summary 2012

Find any report MI PORTAL Jonathan Mann

!

Monthly Sales summary 2014 Monthly Sales summary 2012 Monthly Sales summary 2011vs

Report heading Report headingActionsActions

Category group 1 Subgroup type D2 Subgroup D3

Page 16: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 05BARCLAYS - MI PORTAL - WIREFRAME - Search Results

Samita Bhandary ReviewerAuthor

Footer

Search

Search Result : 25 Reports found within 'Sales summary 2014'

Sales summary 2014

Report Name Category Source System Last updated

Lorem ipsum Sales summary Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Compare

Add to Favourite

MI PORTAL Jonathan Mann

Back to Home

Business Type (14)

Filter one or more parameters to refine your search result.

Refine search

Type A (0)

Type B (1)

Type C (2)

Type D (11)

Source system (25)

Oracle BPM (11)

Cognos (1)

Actuate (2)

Cloud (11)

Functional type (25)

Sales (11)

Purchage (1)

Financial (2)

Legal (11)

Lorem ipsum Sales summary 2014 Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary 2014 Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales Sales 2014 Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales 2014 Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary 2014 Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary 2014 Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales summary 2014 Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Sales Sales 2014 Lorem ipsum dd/mm/yyyy

Save result

Export List

Page 17: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 1ABARCLAYS - MI PORTAL - WIREFRAME - Home page - for Analyst

Samita Bhandary ReviewerAuthor

Footer

SearchFind any report MI PORTAL GrahamAnalyst

All Reports

Search History

Preferences

HomeThis is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

This is a information type notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.

dd/mm/yyyy

dd/mm/yyyy

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

Audit Report

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Compare

Unfavourite

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Recently Viewed Most PopularMy Favorite Reports

List Tab

Page 18: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 06BARCLAYS - MI PORTAL - WIREFRAME - Home page - for user Analyst - Audit Report

Samita Bhandary ReviewerAuthor

Footer

SearchFind any report MI PORTAL Jonathan Mann

All Reports

Search History

Preferences

Audit Report

Home

Audit Report

All Reports Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Identify reports based on the following parameters. (You can select one or more option and mark as Candidate to retired' reports

dd/mm/yyyy dd/mm/yyyyto6 Months or between

Save above paramerers as 'Candidate to retired' reports

[a]

[b] Accessed less than 100 times

Older than

[c] Less than

20 times or less than per Months

10 users has opend

Find reports Discard

[d] Duplicate keyword

Mark as

Candidate to Retired

Remove from portal

Duplicate

Archieve

User not Accessed

Page 19: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 4.2BARCLAYS - MI PORTAL - WIREFRAME - Compare Reports - for Analyst

Samita Bhandary ReviewerAuthor

Footer

Search

Comparing Monthly Sales summary 2014 & Monthly Sales summary 2012

Find any report MI PORTAL Jonathan Mann

!

Monthly Sales summary 2014 Monthly Sales summary 2012 Monthly Sales summary 2011vs

Report heading Report headingActions Actions

Share

Compare

Add to Favourite

Request to remove

Remove request to Admin

Save Cancel

This is a duplicate report, please remove this report.

Page 20: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 1BBARCLAYS - MI PORTAL - WIREFRAME - Home page - for Admin

Samita Bhandary ReviewerAuthor

Footer

SearchFind any report MI PORTAL

All Reports

Search History

Preferences

HomeThis is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

This is a information type notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is an error. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet.

dd/mm/yyyy

dd/mm/yyyy

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

This is a warning. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean

Administration

JoeAdmin

Report Name Category Source System Last updated

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

122 Views

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Actions

Open

Share

Compare

Unfavourite

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Lorem ipsum Lorem ipsum Lorem ipsum dd/mm/yyyy

Recently Viewed Most PopularMy Favorite Reports

List Tab

Page 21: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 07BARCLAYS - MI PORTAL - WIREFRAME - Home page - for user Admin

Samita Bhandary ReviewerAuthor

Footer

Search

Portal Performance - This week

Find any report

Name / Department Type of Issue Report Name Report Location

Peter Anderson / Finance Loading failure Monthly purchage report BI Server 23.34.67.123

Lorem ipsum Report is outdated or unused Daily sales report 2014 BI Server 23.34.67.123

Description text goes here Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio.

Report type icon

Aaron Mayes Incorrect location Lorem ipsum BI Server 23.34.67.123

Bill David Access requested Lorem ipsum BI Server 23.34.67.123

MI PORTAL Jonathan Mann

Message board (6 Un addressed)

All Reports

Search History

Preferences

Administration

Home

User Administration

Report Administration

Performance

Issue Management

ErrorSessionUsersTraffic

Usage Traffic Users Session Error

Response time Resource (in GHz/s) usages

Browser 1

60% on Browser

Browser 2

Sales 199 (12%)Human resource 182 (11%)Finance 109 (8%)

Avg page spent 3.2 minBounce rate 2.11%Concurrent user sessions 11

Report not opened 22Issue sent 23Issue replied 11Escalated problem 2

Christina Vallery Duplicate Report Lorem ipsum BI Server 23.34.67.123

Laura Smith General Information NA BI Server 23.34.67.123

Attachment

Issue Date

dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

dd/mm/yyyy

Actions

Mark as resolved

Open Report

Delete Message

Mark as In-progress

View all

Grant access to requester

Revoke access to requester

B I U H

View Detail

Reply

Dear Loren Ipsum,Thank you very much for contacting MI Reporting Portal Administration team. We have forwarded your case to a specialist to begin working to resolve your issue as soon as possible. In the mean time if you come across any other information that you would like to pass along, please feel free to reply to this email. Thanks again for your patience and understanding.

Regards,MI Portal Administration team

Load from Reply Template In Progress

Page 22: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 08BARCLAYS - MI PORTAL - WIREFRAME - Home page - for user Admin

Samita Bhandary ReviewerAuthor

Footer

Search

User Administration

Find any report MI PORTAL Jonathan Mann

All Reports

Search History

Preferences

Administration

Home

User Administration

Report Administration

Performance

Issue Management

Select department or user

Type a group or user name

Sub Category A (29)

Subgroup type A (22)

Subgroup type B (11)

Subgroup type C (2)

Subgroup type D (9)

Global Sales - Asia Pacific (2019)Credit card - EU & North America (750)Personal Investment (833)

RIsk and Fraud Department EU (639)

Report Access

Type a report to find the user /groups have give access to

Allan Osborne Head of Customer Service Barry Moore Assist. Customer Service

Mutual Fund EUBond and SharesSavings Customer Service - EU

Sub Category A (29)

Subgroup type A (22)

Subgroup type B (11)

Subgroup type C (2)

Subgroup type D (9)

Category group 1 (69)

Global Sales - Asia Pacific (2019)Credit card - EU & North America (750)Personal Investment (833)Global Sales - Asia Pacific (2019)Credit card - EU & North America (750)Personal Investment (833)

Commit Discard

Global Sales - Asia Pacific (2019)Credit card - EU & North America (750)Personal Investment (833)Global Sales - Asia Pacific (2019)Credit card - EU & North America (750)Personal Investment (833)Global Sales - Asia Pacific (2019)Credit card - EU & North America (750)Personal Investment (833)Global Sales - Asia Pacific (2019)Credit card - EU & North America (750)Personal Investment (833)Global Sales - Asia Pacific (2019)Credit card - EU & North America (750)Personal Investment (833)

Page 23: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer4.0

WIREFRAME

WF 09BARCLAYS - MI PORTAL - WIREFRAME - Home page - for user Admin

Samita Bhandary ReviewerAuthor

Footer

Search

Report Administration

Find any report MI PORTAL Jonathan Mann

All Reports

Search History

Preferences

Administration

Home

Report Administration

User Administration

Performance

Issue Management

Remote location Portal location

Search for report inside MI Portal

Commit Discard

BI Sales System (219 Reports)

Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)

Report name goes here with hyperlink (https://bi.server/)Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)

Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)

Cognos system (312 Reports)

Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)

Cognos system (312 Reports)

Oracle System (32 Reports)

Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)Report name goes here with hyperlink (209.12.90.183)

Report name goes here with hyperlink (209.12.90.183)

Sub Category A (29)

Subgroup type A (22)

Subgroup type B (11)

Subgroup type C (2)

Subgroup type D (9)

Sub Category A (29)

Subgroup type A (22)

Subgroup type B (11)

Subgroup type C (2)

Subgroup type D (9)

Category group 1 (69)

Action Action

Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)

Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)Report name goes here with hyperlink (209.12.90.183)Report name goes here with hyperlink (https://bi.server/)

Create Public Category

Undo move

Create Private Category

Please select and drag&drop reports to the selected category in right side...

Page 24: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Visual Design and specification

Page 25: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer3.0

Visual design

VD 01BARCLAYS - MI PORTAL - Visual Design - Home page

Samita Bhandary

Page 26: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer3.0

Visual design

VD 02BARCLAYS - MI PORTAL - Visual Design - Reports page

Samita Bhandary

Page 27: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer3.0

Visual design

VD 1ABARCLAYS - MI PORTAL - Visual Design - Specification

Samita Bhandary

Logo &Title

bg color: #fafafatext color: #333

bg color: #00afeftext color: #fff

nav bg: #e5f2f8border drop shadow:

color:#bababaopacity:75%

depth:3text color: #007eb6

size:16

text: #007eb6

bg color: #e5f2f8border drop shadow:

color:#bababaopacity:75%

depth:3

bg color: #ffftext color - header:

#00395d,body content: #333,

bg colort: #007eb6text: #fff

Overall Font: OpenSansborder color: #00afef

shadow: #000

bg color: #00afeftext color: #fff bg color: #f7f7f7

text color - header: #007db8,

Page 28: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

Version Author Reviewer3.0

Visual design

VD 1BBARCLAYS - MI PORTAL - Visual Design - Specification

Samita Bhandary

sub nav bg: #ffftext color: #007eb6

size: 16

text color: #007eb6size: 22

border color: #b8b8b8shadow: #000

header color: #fffheader text color: #007eb6

content color: #666line color: #d9d9d9

size:14

breadcrumb: size: 12

color: #00afef

border color: #b8b8b8shadow: #000

header text color: #333highlight color:# 007eb6highlight textcolor: #fff

content color: #333line color: #d9d9d9

size:14

Scroll bar bg: #999

bg: #8c8c8ctext color: #fff

size:12

bg: #bcbcbctext color: #fff

size:12

bg: #ffftext color: #00395d

size:12

Table: within rounded corner frame

text color: #333size: 14,

header: boldcontect normal textrow color: #f9f9f9

Page 29: BARCLAYS - MI Portal - POC DESIGN - samita.info Portal POC - UxD.pdf · Version 4.0 Author Reviewer Associated Doc AD 01 BARCLAYS - MI PORTAL - Associated Document List Samita Bhandary

End