SlideShare a Scribd company logo
1 of 46
Download to read offline
UI/UX Requirement
Documentation
Page:1
Site Maps
Page:2
KnowNow Studios
Site Map: Navigational Structure
U s e r T y p e 

(cookied)
Individuals -
Seniors
Shop Plans
Living Healthy
Dr. Finder
Brokers &
Consultants
Why Choose Blue
View Plans
Resources
Employers &
Organizations
Why Choose Blue
Healthy Employees
View Plans
Dr. Finder
Healthcare
Professionals
Dr. Finder
Why Choose Blue
Healthy Patients
Resources
Search | Get a Quote | Login/Join | Language
Global Header Links
About | Contact Us | Get a Quote | Prescriptions | Media
Global Footer Links
Join Our Network
UI/UX Final Documentation 3.5.2013Page:3
Site Map
Consumers
Page:4
KnowNow Studios
Site Map: Definition of High-Level Content Areas
Desktop Tablet Mobile
Homepage
• Healthcare Plans
• Get a Quote
• Dental
• (Medicare Advantage)
• (Medicare part D)
• (Medicare Supplement)

Shop Plans
• Health & Wellness
• Walk On!
• Tools & Resources
• Helpful Videos
• FAQ’s
Live Healthy
• Plan Wizard
• Lifestage Wizard
• Quick Quote
• (Not on Mobile 767
and under)
Get a QuoteFind a Doctor Account Management
• About
• News and Social Media
• Philanthropy
• Contact Us
• Community
• Corporate Governance
• Careers
• Executives
• PR and Media
• Our Blog
	
About BCBSAZ
Senior
Family
Couples
Individuals
Default
• Affordable Healthcare
Act
• LoremIpsum
• LoremIpsum
• FAQ’s
Healthcare 101
• Sign Up
• Shows Value and Benefits
• Access to Application
Status
• BlueNet Online
Desktop Tablet Mobile
Senior
Family
Couples
Individuals
Default
UI/UX Final Documentation 3.5.2013Page:5
Site Map 
Healthcare Professionals
Page:6
KnowNow Studios
Desktop Tablet Mobile
Homepage
Healthcare
Professionals
Site Map: Definition of High-Level Content Areas
• Health & Wellness
• Walk On!
• Tools & Resources
• Helpful Videos
• FAQ’s
Living HealthyResources
• Drug Search
• Claims
• Polices
• Check Patient Eligibility
• Fee Schedule Search
• BlueConnect Dental
• Documents & Guides
• BlueInsight
• Videos
• FAQS
Join Our
Network
Find a Doctor Account Management
• About
• News and Social Media
• Philanthropy
• Contact Us
• Community
• Corporate Governance
• Careers
• Executives
• PR and Media
• Our Blog
	
About BCBSAZ
• Sign Up
• Shows Value and Benefits
• BlueNet Online
• Check Patient Eligibility &
Benefits
• Conduct a Fee Schedule
Search
• Benefits 
• Features
• LoremIpsum
Why Choose Blue
(Not on Mobile 
767 and under)
Desktop Tablet Mobile
Healthcare
Professionals
UI/UX Final Documentation 3.5.2013Page:7
Site Map 
Employers
Page:8
KnowNow Studios
Desktop Tablet Mobile
Homepage
• Benefits 
• Features
• LoremIpsum
Why Choose Blue
• Health & Wellness
• Walk On!
• Tools & Resources
• Helpful Videos
• FAQ’s
Get a Quote Account Management
• About
• News and Social Media
• Philanthropy
• Contact Us
• Community
• Corporate Governance
• Careers
• Executives
• PR and Media
• Our Blog
	
About BCBSAZ
Employers & 
Organizations
Help Your ClientsHelp Your ClientsHealthy Employees
• Sign Up
• Shows Value and Benefits
• Access to Application
Status
• BlueNet Online
Site Map: Definition of High-Level Content Areas
• Healthcare Plans
• Get a Quote
• Dental
• Vision
• (Medicare Advantage)
• (Medicare part D)
• (Medicare Supplement)

View Plans Resources
• Polices
• Documents & Guides
• Healthcare 101
• Employee Eligibility
• Pharmacy
• Videos
• FAQS
(Not on Mobile 
767 and under)
Desktop Tablet Mobile
Employers & 
Organizations
UI/UX Final Documentation 3.5.2013Page:9
Site Maps 
Brokers
Page:10
KnowNow Studios
Desktop Tablet Mobile
Homepage
Brokers &
Consultants
Site Map: Definition of High-Level Content Areas Before we get into the full details of the site map, below is a representation of the main content areas.
• Benefits 
• Features
• LoremIpsum
Why Choose Blue Get a Quote Account Management
• About
• News and Social Media
• Philanthropy
• Contact Us
• Community
• Corporate Governance
• Careers
• Executives
• PR and Media
• Our Blog
	
About BCBSAZ
• Sign Up
• Shows Value and Benefits
• Access to Application
Status
• BlueNet Online
• Healthcare Plans
• Get a Quote
• Dental
• Vision
• (Medicare Advantage)
• (Medicare part D)
• (Medicare Supplement)

View Plans Resources
• BlueInsite
• Polices
• Documents & Guides
• Healthcare 101
• Videos
• FAQ’S
(Not on Mobile 
767 and under)
Desktop Tablet Mobile
Brokers &
Consultants
UI/UX Final Documentation 3.5.2013Page:11
Personas
Page:12
KnowNow Studios
Profile
Devon &
Greg
Victoria, Jose
& Zaire
Micheal Buy Insurance | Just started shopping
Micheal is 27 and no longer able to stay on his parent’s insurance. He is healthy and
works out four times a week. He is looking for a plan that provides an annual
physical, and covers him in case of a major accident.
Referral from
Google
• Research the plans to see what is offered
• Compare plans that meet his needs
• Email himself the plan details 
• Get a Quote
Compare Plans | Research & Get a Quote
Devon is a contract designer and hasn’t had medical coverage in a few years. She is
turning 35 and knows that this year she will need mammogram and breast cancer
screenings. She is allergic to several types of birth control medicines. She needs to
know if the one she is on will be covered in a new plan.
Social Media • Research plans that have mammogram and breast cancer
screenings 
• Determine if her current birth control will be covered
• Build a Plan that meets her needs
Research | Son is always getting small injuries
Their 7-yr old son is always getting cuts, sprains, and other minor issues. Instead of
going to the Doctors office for minor issues they watch “how to” videos to care for
their son at home.
Mobile Device • Research and watch “How to” videos
• Share with each other and friends
Dewey Research Medicare | Buying a Medicare plan
Dewey is concerned with the current climate in Washington and in Arizona. He is
looking to secure a Medicare plan that has a low out of pocket cost and plenty of
hospital visits. He is relatively healthy but at 64 he knows things can change fast.
TV Commercial • Compare the various Medicare plans
• Check the Doctors and clinics in network
• Get a Quote
Breana, Calil
& Tiffany
Find a Doctor | On vacation & their baby is sick
The family is on vacation in Florida when their daughter develops a rash. They go to
AZblue.com from their mobile phone to find a the nearest Doctor in their network.
Mobile Device • Search for a Doctor
• Call the Doctor’s office
Goal / Initial Motivation Highlighted TasksEntry Points
Personas: Audience Segments
UI/UX Final Documentation 3.5.2013Page:13
KnowNow Studios
Personas: Audience Segments (Continued)
Yvonne Maintain Her Practice | Stay abreast on latest updates
Yvonne is a family practice physician in Havasu. With all the healthcare changes
she wants to insure she is filing the proper paperwork to get paid on time.
Bookmark • Research the policy updates
• Check her account for alerts
• Read the latest healthcare news
Claudia Research Living Healthy | Keep her employees healthy
Claudia runs the HR for a small company in Sedona. Her goal is to insure she has happy
and healthy employees. She has set up a discount at the gym, brings in the local CSA and
plans team building events. However, her employees ages range from 24-35 and she
wants to know how each persons needs may affect their health plan and lifestyles.
Bookmark • Research the maintenance plan by the age group of her
employees
• Share what she finds with her employees
Mark Research Provider Benefits | Expand offerings
Several of Mark’s patients have BCBSAZ and he feels that it may be time to become
an in-network provider. He is concerned about getting paid on time and the ease of
filing claims. The last thing Mark wants is to provide a service and not get paid for
months.
• How easy is it to file a claim
• Speed in getting paid for services
• Steps needed to become an in-network provider
Michele Offer BCBS to her Employees | Change insurance
Michele is in the process of changing insurance companies for her employees. She is
seeking a company that covers, medical, dental and vision and has a breath of providers
in the Phoenix metro area.
azblue.com
azblue.com
• Compare plans that are offered
• Overview of the Doctors in the network
• Cost to the Company and her employees
Esperanza &
Enrique
Research Insurance (Spanish) | Just married
They were recently married and they are planning on starting a family. Finding the
right plan for the impending medical needs over the next few years is key.
A Friend • Research plans
• Compare Plans
• Get a Quote
Profile Goal / Initial Motivation Highlighted TasksEntry Points
UI/UX Final Documentation 3.5.2013Page:14
Overview
Page:15
KnowNow Studios
UX Overview
Components ComponentsScaffolding
Browser Support
· Multiview
· List
· Alerts
· Text Field (expandable)
· Breadcrumb
· Social Media Feeds
· ComboBox
· Calendar
· Instant Search
··Example: http://www.google.com/insidesearch/features/instant/
· Buttons
· Checkbox
· Combo
· Labels
· Radio Button
· Text Area
· Modal
· Page Slider
· · Example: https://github.com/srobbin/jquery-pageslide
· Tootltips
· Dropdowns
· Highlight Elements
· Auto Tabbing 
· Gmaps
· Carousel


· Menu Dynamic/Adaptive
· Menu Horizontal
· Menu Breadcrumbs
· Sub-Nav


Templates
Fluid Grid System 
· Width = 1136px
· Safe Zone = 1096px
· Columns = 12
· Gutters = 20px
· Column Width = 73px

Supported Resolutions
· Desktop 900-1136px
· Desktop & Mobile 768px -899px
· Mobile 900px and above
· Mobile 767px and below
· · Locked in Portrait
· Chrome 18
· Firefox 14
· Safari 6
· IE8 & 9
· Safari Mobile
· Chrome Mobile
· IE9 Mobile
Footer,Social medi ali nks
Content
Footer,Social medi ali nks
Content
Footer, Social mediali nks
Content
UI/UX Final Documentation 3.5.2013Page:16
Templates
Page:17
KnowNow Studios
Overview
Footer, Social media links
1136 px
1096 px
Content
Layouts that use this template
Home Page
Healthcare Plans
Layouts that use this template
Content Pages
Layouts that use this template
Contact Us
Footer, Social media links
1136 px
1096 px
Content
Footer, Social media links
1136 px
1096 px
Content
UI/UX Final Documentation 3.5.2013Page:18
Components
Page:19
KnowNow Studios
Global Toolbar - 768 and above desktop browser
Search
Upon click the search box opens

As the user types and hits the third character 
the results are presented based on the section of the site that they reside in

Upon click of the title in the left column the user is taken to the page where the search term resides
User Types
The help with arrows is only shown if we do not know their user type. User may collapse the
dropdown at anytime.

As the user clicks their user type the content and navigation within the site updates to pertain to
the selected user type.
Login
Upon click the login box opens

Register opens the registration modal
User Name
Password
Register Now
Or
Login
Retrieve password
UI/UX Final Documentation 3.5.2013Page:20
KnowNow Studios
Global Toolbar - Mobile browser
Left Links
ESP - Changes the sites content to Spanish.

Login - Opens a new tab and takes the user to
the member site

Get a Quote - Opens a new tab and takes the
user to Insurix. This option is hidden on
resolutions under 767

Search - behaves the same as on the desktop
browser
Log InEsp Dr. FinderGet a Quote Search
UI/UX Final Documentation 3.5.2013Page:21
KnowNow Studios
Main Navigation - 768 and above desktop browser
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
Default Main Navigation
Employers
Flyouts open on rollover and there is only one level of flyouts

Per the site map the navigation is personalized to consumers, healthcare
professionals, employers and brokers
Resources Healthy EmployeesWhy Choose Blue View Plans+
Healthcare Professionals
Brokers
Resources Healthy Patients Dr. FinderWhy Choose Blue+
ResourcesView PlansWhy Choose Blue+
UI/UX Final Documentation 3.5.2013Page:22
KnowNow Studios
Main Navigation - Mobile browser
Default Main Navigation Employers
How May We Help You?
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
View Plans
News
Resources
Healthy
Employees
Healthcare 101
About Us
Change User
Type
Contact Us
Why Choose Blue
How May We Help You?
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
News
Resources
Healthy
Patients
Healthcare 101
About Us
Change User
Type
Contact Us
Why Choose Blue
The page slider that expands and lays over the page :
https://github.com/srobbin/jquery-pageslide
Healthcare Professionals Brokers
How May We Help You?
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
News
Resources
View Plans
Healthcare 101
About Us
Change User
Type
Contact Us
Why Choose Blue
How May We Help You?
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
LoremIpsum
Live Healthy
News
Healthcare 101
About Us
Change User
Type
Contact Us
Shop Plans
UI/UX Final Documentation 3.5.2013Page:23
Layouts
Page:24
Homepage
Page:25
KnowNow Studios
Homepage: Default
Log InEsp Dr. FinderGet a Quote Search
Learn About Healthcare
Stay Healthy
Search
Tools &
Resources
Marketing Marketing
Find the Right Plan
How may we help you?
L og InEsp Dr. Find erGe t a Qu ote Se a rch
Learn About Healthcare
Learn About
Healthcare
Find the Right Plan
Find the Right Plan
Search
Tools &
Resources
Search
Tools &
Resources
Marketing Marketing
Stay Healthy
Stay Healthy
How may we help you?
Marketing
About
How may we help you?
Desktop Browser 900+
Browsers 768-899 Mobile Browser under 768
Mobile Browser 900 +
Get quality care for you and your family.
With more than 90% of healthcare providers
in the state as a part of our network.
Learn More
Choose a plan
on your budget
Plans under $59/ month
3 Reasons to choose Blue:
1. Convenience
2. Choice
3. Confidence
Get a FREE Quote
The Blue Cross 
Blue Shield of Arizona app
Just another way we’re making
healthcare easier for everyone.
Download Now
Our Latest News:Our Latest News: Twitter FacebookArticles
YMCA President, Jeff Jones gives
pep talk to at-risk youth at local 
sports center
Karen Abraham discusses BCBSAZ 
“Green”Projects in EVO Magazine
this month
BCBSAZ’s Dr. Floyd Smith discusses 
childhood obesity with AZ Foothills 
Magazine this month
Individuals Families Seniors Employers  Organizations Brokers  Consultants Healthcare Professionals EspLog InSearch Get a Quote
Frequently Asked Questions
Orci luctus et ultrices posuere Curae
Primis in faucibus
Vestibulum ante ipsum
The 3 Most Important Things in Healthcare Plans
Glossary of Health Coverage and Medical Terms
Learn About Healthcare Reform
Cras arcu mauris, ticidunt a porta sit amet
Quis volutpat in, fringilla quis dolor
Get Started with Healthcare Insurance
Get a QuoteLive HealthyHealthcare 101
Learn More
Dr. FinderShop Plans Live Healthy
UI/UX Final Documentation 3.5.2013Page:26
KnowNow Studios
Homepage: Families
Get quality care for you and your family.
With more than 90% of healthcare providers
in the state as a part of our network.
Learn More
Choose a plan
on your budget
Plans under $59/ month
3 Reasons to choose Blue:
1. Convenience
2. Choice
3. Confidence
Get a FREE Quote
The Blue Cross 
Blue Shield of Arizona app
Just another way we’re making
healthcare easier for everyone.
Download Now
Our Latest News:Our Latest News: Twitter FacebookArticles
YMCA President, Jeff Jones gives
pep talk to at-risk youth at local 
sports center
Karen Abraham discusses BCBSAZ 
“Green”Projects in EVO Magazine
this month
BCBSAZ’s Dr. Floyd Smith discusses 
childhood obesity with AZ Foothills 
Magazine this month
Individuals Families Seniors Employers  Organizations Brokers  Consultants Healthcare Professionals EspLog InSearch Get a Quote
Families
Frequently Asked Questions
Orci luctus et ultrices posuere Curae
Primis in faucibus
Vestibulum ante ipsum
The 3 Most Important Things in Healthcare Plans
Glossary of Health Coverage and Medical Terms
Learn About Healthcare Reform
Cras arcu mauris, ticidunt a porta sit amet
Quis volutpat in, fringilla quis dolor
Get Started with Healthcare Insurance
Get a QuoteHealthy FamiliesHealthcare 101
Learn More
Dr. FinderLive HealthyShop Plans
UI/UX Final Documentation 3.5.2013Page:27
KnowNow Studios
Homepage: Healthcare Professional
Log InEsp Dr. FinderGet a Quote Search
Learn About Healthcare
Keeping Patients
Healthy
Search
Tools 
Resources
Marketing Marketing
Why Choose Blue
How may we help you?
Learn About Healthcare
Keeping Patients
Healthy
Search
Tools 
Resources
Marketing Marketing
Why Choose Blue
Learn About Healthcare
Keeping Patients
Healthy
Search
Tools 
Resources
Marketing
About
Why Choose Blue
Desktop Browser 900+
Mobile Browser 900 +
Browsers 768-899 Mobile Browser under 768
How may we help you?
How may we help you?
L og InEsp Dr. Finde rGet a Qu ote Sea rch
Get quality care for you and your family.
With more than 90% of healthcare providers
in the state as a part of our network.
Learn More
Choose a plan
on your budget
Plans under $59/ month
3 Reasons to choose Blue:
1. Convenience
2. Choice
3. Confidence
Get a FREE Quote
The Blue Cross 
Blue Shield of Arizona app
Just another way we’re making
healthcare easier for everyone.
Download Now
Our Latest News:Our Latest News: Twitter FacebookArticles
YMCA President, Jeff Jones gives
pep talk to at-risk youth at local 
sports center
Karen Abraham discusses BCBSAZ 
“Green”Projects in EVO Magazine
this month
BCBSAZ’s Dr. Floyd Smith discusses 
childhood obesity with AZ Foothills 
Magazine this month
Individuals Families Seniors Employers  Organizations Brokers  Consultants Healthcare Professionals EspLog InSearch Join Our Network
Resources Healthy Patients Dr. FinderWhy Choose Blue+
Frequently Asked Questions
Cras arcu mauris, ticidunt a porta sit amet
Quis volutpat in, fringilla quis dolor
Quis volutpat in, fringilla quis dolor
Features
Cras arcu mauris, ticidunt a porta sit amet
Quis volutpat in, fringilla quis dolor
Quis volutpat in, fringilla quis dolor
Benefits
Tools 
Resources
Check Benefits
 Eligibility
Why Choose
Blue
Learn More
UI/UX Final Documentation 3.5.2013Page:28
Content
Healthcare 101
Page:29
KnowNow Studios
Content: Desktop Browser (900+)
Read More Modal
Interactions Main Page
The sub-nav may go beyond the width of the page if more content sections exist.
When a user clicks on the {+}, the title or the image in the content blocks the modal opens

Interactions Modal
The left column represents the content blocks under the current topic
The user may take one of four actions: close the window by clicking the X or outside the modal,
save the pdf, share the pdf or click the main CTA.

UI/UX Final Documentation 3.5.2013Page:30
KnowNow Studios
Content: Mobile Browser (900+)
Log InEsp Dr. FinderGet a Quote Search
Vivamus vulputate congue
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Vestibulum volutpat, ante id dapibus lacinia, ante
leo tempus urna, quis facilisis neque mauris non
sapien. 
Pellentesque placerat justo in nisl aliquam sed
venenatis urna adipiscing. Vhasellus commodo ligula
in nibh posuere ultrices condimentum ligula placerat. 
Sed imperdiet rhoncus pharetra. Suspendisse ac
neque eu sem porta fermentum quis a neque.
+ +
Vivamus vulputate congue
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum volutpat, ante id dapibus lacinia, ante leo
tempus urna, quis facilisis neque mauris non sapien. 
Pellentesque placerat justo in nisl aliquam sed venenatis
urna adipiscing lorem ipsum. Sed imperdiet rhoncus
pharetra. Suspendisse ac neque eu sem porta
fermentum quis a neque. Donec convallis fringilla elit, ut
tincidunt.
Vivamus vulputate congue
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum
volutpat, ante id dapibus lacinia, ante 
• Pellentesque placerat justo in nisl
aliquam 
• Sed venenatis urna adipiscing
• Vhasellus commodo ligula in nibh
+ +
++
Vivamus vulputate congue
Lorem ipsum dolor sit ame, 
consectetur adipiscing elit. 
Vestibulum volutpat, ante 
id dapibus lacinia, ante leo 
tempus urna, quis facilisis 
neque mauris non sapien. 
Pellentesque placerat justo in nisl aliquam sed venenatis urna
adipiscing lorem ipsum. Sed imperdiet rhoncus pharetra.
Vivamus vulputate congue
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Vestibulum volutpat, ante id dapibus lacinia,
ante leo tempus urna, quis facilisis neque mauris
non sapien tincidan. 
Vivamus vulputate congue
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Vestibulum volutpat, ante id dapibus lacinia, ante
leo tempus urna, quis facilisis neque mauris non
sapien. 
Pellentesque placerat justo in nisl aliquam sed suere
icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus
Share
Log InEsp Dr. FinderGet a Quote Search
Vivamus vulputate congue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo
tempus urna, quis facilisis neque mauris non sapien. 

Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing. Vhasellus commodo ligula in nibh
posuere ultrices condimentum ligula placerat. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu
sem porta fermentum quis a neque. 

Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing. Vhasellus commodo ligula in nibh
posuere ultrices condimentum ligula placerat.
Vivamus vulputate congue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo
tempus urna, quis facilisis neque mauris non sapien. 
Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing lorem ipsum. Sed imperdiet rhoncus
pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. Donec convallis fringilla elit, ut
tincidunt.
Vivamus vulputate congue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante Pellen
tesque placerat justo in nisl aliquam sed venenatis urna adipiscing. Vhasellus commodo ligula in nibh posuere
ultrices condimentum ligula placerat. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta
fermentum quis a neque. 
• Pellentesque placerat justo in nisl aliquam 
• Sed venenatis urna adipiscing
• Vhasellus commodo ligula in nibh
X
icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus
Share
Mobile Browser 900 + Content Expanded
Interactions Main Page
The page is similar to the desktop version with one change. When the user clicks to read
more the content block expands to fill the entire screen.

Swiping left or right takes the user to the next/previous topic in the sub-navigation

Interactions expanded content
The user may click the {X} to shrink the extended content 

Swiping left or right takes the user to the next/previous content block in the current topic
UI/UX Final Documentation 3.5.2013Page:31
KnowNow Studios
Content: Mobile  Desktop Browser (768-899)
Browser 768-899 Content Expanded
Log InEsp Dr. FinderGet a Quote Search
LoremIpsom Title
LoremIpsom Title
LoremIpsom Title
LoremIpsom Title
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Vestibulum volutpat, ante id
dapibus lacinia, ante leo tempus urna, quis
facilisis neque mauris non sapien. 
Pellentesque placerat justo in nisl
aliquam sed venenatis urnaa
dipiscing. Vhasellus commodo ligula
in nibh posure ultrices condimentum
ligula placerat.


Pellentesque placerat justo in
nisl aliquam sed venenatis
urnaa dipiscing. Vhasellus
commodo ligula in nibh
posure ultrices condimentum
ligula placerat.


Sed imperdiet rhoncus pharetra. Suspendisse
ac neque eu sem porta ferm entum quis a
neque. 
Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem
porta fermentum quis a neque. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus
lacinia, ante . entum quis a neque. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus
lacinia, ante
Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem
porta fermentum quis a neque. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus
lacinia, ante . entum quis a neque. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus
lacinia, ante
• Pellentesque placerat justo in 
• Sed venenatis urna adipiscing
• Pellentesque placerat justo in
Healthcare 101
Share
+
+
+
+
Log InEsp Dr. FinderGet a Quote Search
LoremIpsom Title
LoremIpsom Title
LoremIpsom Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus
urna, quis facilisis neque mauris non sapien. nte id dapibus
lacinia, ante leo tempus urna, quis facilisis neque mauris non
sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus
urna, quis facilisis neque mauris non sapien. nte id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non
sapien.
Pellentesque placerat justo in nisl aliquam sed venenatis urnaa
dipiscing. Vhasellus commodo ligula in nibh posure ultrices
condimentum ligula placerat.
Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem
porta fermentum quis a neque. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus
lacinia, ante . entum quis a neque. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus
lacinia, ante Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Vestibulum volutpat, ante id
• Pellentesque placerat justo in 
• Sed venenatis urna adipiscing
• Pellentesque placerat justo in
Vivamus vulputate congue
Share
Sapien. nte id dapibus lacinia, ante leo tempus urna, quis
facilisis neque mauris non sapien.
X
UI/UX Final Documentation 3.5.2013Page:32
KnowNow Studios
Content: Mobile Browser (-768)
On all mobile browsers under 768 the screen is locked in portait.
*Videos/Images are the only element that can be viewed in landscape 

Swipe left and right to go to the next/previous article in the current topic that
was chosen in the page slider navigation

Scroll up and down to read more of the same article
Mobile Browser under 768
Vivamus vulputate congue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
volutpat, ante id dapibus lacinia, ante 

• Pellentesque placerat justo in nisl aliquam 
• Sed venenatis urna adipiscing
• Vhasellus commodo ligula in nibh

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis
neque mauris non sapien. 
Pellentesque placerat justo in nisl aliquam sed venenatis urna
adipiscing. Vhasellus commodo ligula in nibh posuere ultrices
condimentum ligula placerat. 
Share
UI/UX Final Documentation 3.5.2013Page:33
KnowNow Studios
Content: Links like Site Map
icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus
Page Name
Interactions
Links content pages should be used for the site map and lists of links only

They will follow the same interaction patterns as the main content template based on the browser
and breakpoint. 

UI/UX Final Documentation 3.5.2013Page:34
Contact Us
Page:35
KnowNow Studios
Contact Us: Desktop Browser (900+)
Flip Card Interactions Email Flip Card Interactions Phone
Contact Us
UI/UX Final Documentation 3.5.2013Page:36
KnowNow Studios
Contact Us: Mobile Browser (900+)
Log InEsp Dr. FinderGet a Quote Search
Corporate Office
Street Address
2424 W. Las Palmaritas Dr.
Phoenix, AZ 85021

icon Contact Us icon About Us icon News icon Vivamus icon Vivamus icon Vivamus
Share
Claims Address
P.O. Box 2924
Ohoenix, AZ 85062
602.864.4400
800.232.2345
Business Hours
Monday-Friday
8a.m.-4:30p.m. MST
Mailing Address
P.O. Box 13466
Ohoenix, AZ 85062
Members
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Curabitur ac ante nisl, at rutrum risus. Aliquam
laoreet risus a sem varius ac tempus nunc facilisis.
Lorem ipsum dolor sit amet, consectetu
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Curabitur ac ante nisl, at rutrum risus. Aliquam
laoreet risus a sem varius ac tempus nunc facilisis.
Lorem ipsum dolor sit amet, consectetu
Sales
Healthcare Professionals
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Curabitur ac ante nisl, at rutrum risus. Aliquam
laoreet risus a sem varius ac tempus nunc facilisis.
Lorem ipsum dolor sit amet, consectetu
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Curabitur ac ante nisl, at rutrum risus. Aliquam
laoreet risus a sem varius ac tempus nunc facilisis.
Lorem ipsum dolor sit amet, consectetu
Employers  Organizarions
Nightime Nurse - Suspendisse ac neque eu sem porta fermentum quis a neque 602.864.4400
Share
Mobile Browser 900 +
Interactions Map
The default location selected is Phoenix
When the user clicks another city the content in the section changes to the city they selected

Interactions Flip Cards
Opperates the same as on larger resolution

UI/UX Final Documentation 3.5.2013Page:37
KnowNow Studios
Contact Us: Mobile  Desktop Browser (768-899)
Log InEsp Dr. FinderGet a Quote Search
Contact Us
Corporate Office
Street Address
2424 W. Las Palmaritas Dr.
Phoenix, AZ 85021

Mailing Address
P.O. Box 13466
Ohoenix, AZ 85062
Claims Address
P.O. Box 2924
Ohoenix, AZ 85062
602.864.4400
800.232.2345
Business Hours
Monday-Friday
8a.m.-4:30p.m. MST
Nightime Nurse - Suspendisse ac neque eu sem porta fermentum quis a neque 602.864.4400
Members
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ante nisl, at
rutrum risus. Aliquam
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ante nisl, at
rutrum risus. Aliquam
Sales
Healthcare
Professionals
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Curabitur ac ante nisl, at rutrum
risus. Aliquam
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Curabitur ac ante nisl, at rutrum
Employers 
Organizations
Browser 768-899 Email
Log InEsp Dr. FinderGet a Quote Search
Contact Us
How may we help you?
Please input your question below
Email Us:
Member ID
Email Address Phone Number (required)
First Name Last Name
Group #
Send
Interactions Flip Cards
Upon clicking the email and or phone the user is taken to a new screen
with the proper form fields or contact information based on the card selected

Interactions Email
Upon entering the required fields the “Send” button become active
The user may click on the back arrow in the upper left to go back to the main
contact us screen

The click an alert box is shown giving the user the proper information

UI/UX Final Documentation 3.5.2013Page:38
KnowNow Studios
Contact Us - Email: Mobile Browser (-768)
Mobile Browser under 768
Contact Us
Corporate Office
Mailing Address
P.O. Box 13466
Ohoenix, AZ 85062
Business Hours
Monday-Friday
8a.m.-4:30p.m. MST
Nightime Nurse
Claims Address
P.O. Box 2924
Ohoenix, AZ 85062
602.864.4400
800.232.2345
Share

Street Address
2424 W. Las Palmaritas Dr.
Phoenix, AZ 85021
602.864.4400
Contact Us
Healthcare
Professionals
Brokers

Consultants
Sales
Employers

Organizations
Media

Others
Members
Members
How may we help you?
Please input your question below (required)
Email Us:
Member ID (required)
Email Address (required) Phone Number (required)
First Name (required) Last Name (required)
Group # (required)
Send
Members
How may we help you?
Please input your question below (required)
Email Us:
Member ID (required)
Email Address (required) Phone Number (required)
First Name (required) Last Name (required)
Group # (required)
Send
Interactions
When the user selects Contact Us in the navigation they are taken to screen
one. Here they may interact with the map.

If the user swipes left or right the Contact Us Cards are shown.

At anytime the user may click the back arrow to go to the previous screen

UI/UX Final Documentation 3.5.2013Page:39
KnowNow Studios
Contact Us - Phone: Mobile Browser (-768)
Sales
602.864.4899Phoenix
Toll Free 877.232.2345 ext. 4684
602.864.4684Phoenix:
Tucson 520.745.1615
Flagstaff 928.526.4126
Consumers
Employers  Organizations
Sales
602.864.4899Phoenix
Toll Free 877.232.2345 ext. 4684
602.864.4684Phoenix:
Tucson 520.745.1615
Flagstaff 928.526.4126
Consumers
Employers  Organizations
Call
602.864.4899
Cancel Call Now
Mobile Browser under 768
Interactions
Clicking on a phone number opens an alert box to ask the user if they would
like to call that number.

If the user clicks “Call Now” then the phone app in their device opens and calls
the selected number.


UI/UX Final Documentation 3.5.2013Page:40
Healthcare Plans
Page:41
KnowNow Studios
Healthcare Plans: Desktop View (900+)
Plan Detail Modal
Share Email Modal
Plans Page
We show the plans in their current groups: BlueOptimum Plus, BlueValue Plus,
BlueEssential Plus, BlueBasic Plus, Medicare Part D  DentalPlus
UI/UX Final Documentation 3.5.2013Page:42
KnowNow Studios
Healthcare Plans: Mobile Browser (900+)
Plan Details
Log InEsp Dr. FinderGet a Quote Search
BCBSAZ pays 80%, member pays 20% (80%/20%) of the allowed amount for most covered services, after meeting
deductible, unless a copay or different coinsurance percentage is indicated.
$30 PCP Copay
$50 Specialist Copay
Office visit copay per member, per provider, per day for most covered services performed in a physician’s office.
80%/20% after meeting deductible for other covered services.
Primary Care Physicians (PCP) include internal medicine, family practice, general practice and pediatrics. All other
physicians are specialists.
Deductible and coinsurance apply to services rendered by radiologists or pathologists and to physical, occupational and
speech therapy services.
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos himenaeos. Sed id eros eget nisi iaculis aliquam. Nullam dignissim varius
ante. Integer molestie sapien ac enim. Suspendisse viverra placerat nisi.
$60 copay
per member, per provider, per day at facilities specifically contracted as urgent care providers.
$2,500 per member
X
ShareGet a Quote
Mobile Browser 900 +
Interactions
When the user clicks on Detail they are taken to the detail screen for that plan
instead of a modal
Interactions
The user may scroll down the page to read as much content is available on the
particular plan

If the user swipes left or right they go to the next/previous plan on the list

Clicking the [X] or the back arrow takes the user to the full list of plans
Log InEsp Dr. FinderGet a Quote Search
Value Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBlueOptimum Plus LoremIpsim LoremIpsim
Value
LoremIpsim
ShareDetail
Healthcare Plans BlueOptimum Plus
Get a Quote
Value Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBlueValue Plus LoremIpsim LoremIpsim
Value
LoremIpsim
ShareDetail
Value Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBlueEssential Plus LoremIpsim LoremIpsim
Value
LoremIpsim
ShareDetail
Value Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBluePortfolio Plus LoremIpsim LoremIpsim
Value
LoremIpsim
ShareDetail
Value Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBlueBasic Plus LoremIpsim LoremIpsim
Value
LoremIpsim
ShareDetail
Value Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleDental Plus LoremIpsim LoremIpsim
Value
LoremIpsim
ShareDetail
UI/UX Final Documentation 3.5.2013Page:43
KnowNow Studios
View Plans - Phone: Mobile  Desktop Browser (768-899)
Browser 768-899
Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBlueOptimum Plus LoremIpsim
ShareDetail
Healthcare Plans
Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBlueValue Plus LoremIpsim
ShareDetail
Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBlueEssential Plus LoremIpsim
ShareDetail
Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBluePortfolio Plus LoremIpsim
ShareDetail
Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleBlueBasic Plus LoremIpsim
ShareDetail
Value Value Value Value Value
Office Visit
Copays
Co-insuranceOut of PocketDeductibleDental Plus LoremIpsim
ShareDetail
BlueOptimus Plus
$2,500 per member
Calendar-Year Out-Of-Pocket Coinsurance Maximum
Calendar-Year Deductible
$500 - $2500
$30 PCP Cop ay
$50 Sp ecialist Cop ay
Physician Office Services
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per
Diagnostic Laboratory Services
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per
+
Share
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
+
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
+
Plan Details
Interactions
When the user clicks on Detail they are taken to the detail screen for
that plan instead of a modal
Interactions
The user may scroll down the page to read as much content is available on the particular plan

If the user swipes left or right they go to the next/previous plan on the list

Clicking the [X] or the back arrow takes the user to the full list of plans
UI/UX Final Documentation 3.5.2013Page:44
KnowNow Studios
View Plans - Phone: Mobile Browser (-768)
Mobile Browser under 768
BlueOptimus Plus
Share
$2,500 per member
$30 PCP Cop ay
$50 Sp ecialist Cop ay
Calendar-Year Out-Of-Pocket Coinsurance Maximum
Calendar-Year Deductible
$500 - $2500
Physician Office Services
Diagnostic Laboratory Services
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et
neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
LoremIpsim
Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
+
+
Share
Share
Share This Page
Email
Facebook
Twitter
Interactions
Upon clicking the plan name from the page slider navigation the
user is taken directly to the plan details screen

The user may swipe left or right to see the next or previous plan 
Interactions
At anytime where the share icon and text are shown, the user may
share the page, content or video. 
UI/UX Final Documentation 3.5.2013Page:45
Questions or
Comments
Page:46

More Related Content

Viewers also liked

Il darwinismo confutato. italian
Il darwinismo confutato. italianIl darwinismo confutato. italian
Il darwinismo confutato. italianHarunyahyaItalian
 
Video #1 - Introduzione
Video #1 - IntroduzioneVideo #1 - Introduzione
Video #1 - Introduzioneseqpro
 
Resume- Keara Gaffey LPC
Resume- Keara Gaffey LPCResume- Keara Gaffey LPC
Resume- Keara Gaffey LPCKeara Gaffey
 
God in the Workplace Overview
God in the Workplace OverviewGod in the Workplace Overview
God in the Workplace OverviewOs Hillman
 
Video #14 La grande piramide di Giza e l’Apocalisse (Parte II)
Video #14 La grande piramide di Giza e l’Apocalisse (Parte II) Video #14 La grande piramide di Giza e l’Apocalisse (Parte II)
Video #14 La grande piramide di Giza e l’Apocalisse (Parte II) seqpro
 
Checklist per l'Usabilità di un sito web
Checklist per l'Usabilità di un sito webChecklist per l'Usabilità di un sito web
Checklist per l'Usabilità di un sito webAlessandro Mazzù
 
I concetti fondamentali nel corano. italian
I concetti fondamentali nel corano. italianI concetti fondamentali nel corano. italian
I concetti fondamentali nel corano. italianHarunyahyaItalian
 
Calendari much more 2015-16
Calendari much more 2015-16Calendari much more 2015-16
Calendari much more 2015-16VIOLETA CRISTIÀ
 
PV system design for house
PV system design for housePV system design for house
PV system design for houseKeshar Rawal
 
2016넷미고사업발표회
2016넷미고사업발표회2016넷미고사업발표회
2016넷미고사업발표회Brandon Chung
 
Electrostatic Quiz
Electrostatic QuizElectrostatic Quiz
Electrostatic QuizPaula Mills
 
Session 3 - Government and Education
Session 3 - Government and EducationSession 3 - Government and Education
Session 3 - Government and EducationOs Hillman
 
PV solar system with battery storage - design
PV solar system with battery storage - designPV solar system with battery storage - design
PV solar system with battery storage - designJaroslaw Iskierski
 
Induced breeding of indian major carps
Induced breeding of indian major carpsInduced breeding of indian major carps
Induced breeding of indian major carpsbbau Lucknow
 
Design Strategy Template - Sivaprasath Selvaraj
Design Strategy Template - Sivaprasath SelvarajDesign Strategy Template - Sivaprasath Selvaraj
Design Strategy Template - Sivaprasath SelvarajSivaprasath Selvaraj
 
Design at Business - Review 2016 & Outlook 2017
Design at Business - Review 2016 & Outlook 2017Design at Business - Review 2016 & Outlook 2017
Design at Business - Review 2016 & Outlook 2017Design at Business
 

Viewers also liked (20)

Il darwinismo confutato. italian
Il darwinismo confutato. italianIl darwinismo confutato. italian
Il darwinismo confutato. italian
 
Buzz W O M Viral
Buzz  W O M  ViralBuzz  W O M  Viral
Buzz W O M Viral
 
Video #1 - Introduzione
Video #1 - IntroduzioneVideo #1 - Introduzione
Video #1 - Introduzione
 
Resume- Keara Gaffey LPC
Resume- Keara Gaffey LPCResume- Keara Gaffey LPC
Resume- Keara Gaffey LPC
 
God in the Workplace Overview
God in the Workplace OverviewGod in the Workplace Overview
God in the Workplace Overview
 
Video marketing: 7 consigli
Video marketing: 7 consigliVideo marketing: 7 consigli
Video marketing: 7 consigli
 
Video #14 La grande piramide di Giza e l’Apocalisse (Parte II)
Video #14 La grande piramide di Giza e l’Apocalisse (Parte II) Video #14 La grande piramide di Giza e l’Apocalisse (Parte II)
Video #14 La grande piramide di Giza e l’Apocalisse (Parte II)
 
Checklist per l'Usabilità di un sito web
Checklist per l'Usabilità di un sito webChecklist per l'Usabilità di un sito web
Checklist per l'Usabilità di un sito web
 
I concetti fondamentali nel corano. italian
I concetti fondamentali nel corano. italianI concetti fondamentali nel corano. italian
I concetti fondamentali nel corano. italian
 
IMC Lecture 8
IMC Lecture 8IMC Lecture 8
IMC Lecture 8
 
Comparative and Superlative
Comparative and SuperlativeComparative and Superlative
Comparative and Superlative
 
Calendari much more 2015-16
Calendari much more 2015-16Calendari much more 2015-16
Calendari much more 2015-16
 
PV system design for house
PV system design for housePV system design for house
PV system design for house
 
2016넷미고사업발표회
2016넷미고사업발표회2016넷미고사업발표회
2016넷미고사업발표회
 
Electrostatic Quiz
Electrostatic QuizElectrostatic Quiz
Electrostatic Quiz
 
Session 3 - Government and Education
Session 3 - Government and EducationSession 3 - Government and Education
Session 3 - Government and Education
 
PV solar system with battery storage - design
PV solar system with battery storage - designPV solar system with battery storage - design
PV solar system with battery storage - design
 
Induced breeding of indian major carps
Induced breeding of indian major carpsInduced breeding of indian major carps
Induced breeding of indian major carps
 
Design Strategy Template - Sivaprasath Selvaraj
Design Strategy Template - Sivaprasath SelvarajDesign Strategy Template - Sivaprasath Selvaraj
Design Strategy Template - Sivaprasath Selvaraj
 
Design at Business - Review 2016 & Outlook 2017
Design at Business - Review 2016 & Outlook 2017Design at Business - Review 2016 & Outlook 2017
Design at Business - Review 2016 & Outlook 2017
 

Similar to Final UX Deliverables

360Living Company Overview
360Living Company Overview360Living Company Overview
360Living Company Overview360LivingIndia
 
marketing Strategy on Android App-Health plus
marketing Strategy on Android App-Health plusmarketing Strategy on Android App-Health plus
marketing Strategy on Android App-Health plusBiswajeet Sahu
 
abillionofus.org - Initial Business Plan
abillionofus.org - Initial Business Planabillionofus.org - Initial Business Plan
abillionofus.org - Initial Business PlanDouglas Maske
 
Bridging the Gap: The Intersection of DEI Initiatives and Employee Benefits
Bridging the Gap: The Intersection of DEI Initiatives and Employee BenefitsBridging the Gap: The Intersection of DEI Initiatives and Employee Benefits
Bridging the Gap: The Intersection of DEI Initiatives and Employee BenefitsAggregage
 
How Optometrists Can Get Found with Local Directories
How Optometrists Can Get Found with Local DirectoriesHow Optometrists Can Get Found with Local Directories
How Optometrists Can Get Found with Local DirectoriesSurefire Local
 
Identifying Your Optimal Niche Focus
Identifying Your Optimal Niche FocusIdentifying Your Optimal Niche Focus
Identifying Your Optimal Niche FocusMarlene Maheu
 
Android Belvidere, LLC - Core Prtnrs Combined RR Presentation - 3.2.23.pptx
Android Belvidere, LLC - Core Prtnrs Combined RR Presentation - 3.2.23.pptxAndroid Belvidere, LLC - Core Prtnrs Combined RR Presentation - 3.2.23.pptx
Android Belvidere, LLC - Core Prtnrs Combined RR Presentation - 3.2.23.pptxCarmindBurns
 
Maura McLaughlin, MD - Start Lean, Think Big How to start your own DPC pract...
Maura McLaughlin, MD - Start Lean, Think Big  How to start your own DPC pract...Maura McLaughlin, MD - Start Lean, Think Big  How to start your own DPC pract...
Maura McLaughlin, MD - Start Lean, Think Big How to start your own DPC pract...Hint
 
Let's Go Shopping: Helping Consumers Navigate Plan Selection
Let's Go Shopping: Helping Consumers Navigate Plan SelectionLet's Go Shopping: Helping Consumers Navigate Plan Selection
Let's Go Shopping: Helping Consumers Navigate Plan SelectionEnroll America
 
Patient and Public Partnership Toolkit
Patient and Public Partnership ToolkitPatient and Public Partnership Toolkit
Patient and Public Partnership ToolkitJennifer Carter
 
Newell Brands, Inc. - Core Partners Combined RR Workshop - 5.17.23.pptx
Newell Brands, Inc. - Core Partners Combined RR Workshop - 5.17.23.pptxNewell Brands, Inc. - Core Partners Combined RR Workshop - 5.17.23.pptx
Newell Brands, Inc. - Core Partners Combined RR Workshop - 5.17.23.pptxCarmindBurns
 
Clinical Social Franchising: Organizing private healthcare providers to addre...
Clinical Social Franchising: Organizing private healthcare providers to addre...Clinical Social Franchising: Organizing private healthcare providers to addre...
Clinical Social Franchising: Organizing private healthcare providers to addre...The Private Sector in Health Symposium
 
Optimized Persuasion: A tool for designers and developers
Optimized Persuasion: A tool for designers and developersOptimized Persuasion: A tool for designers and developers
Optimized Persuasion: A tool for designers and developersRachel Weatherly
 
Magna Exteriors Belvidere - Core Prtnrs Combined RR Presentation - 2.8.23 - 2...
Magna Exteriors Belvidere - Core Prtnrs Combined RR Presentation - 2.8.23 - 2...Magna Exteriors Belvidere - Core Prtnrs Combined RR Presentation - 2.8.23 - 2...
Magna Exteriors Belvidere - Core Prtnrs Combined RR Presentation - 2.8.23 - 2...CarmindBurns
 
Asya P. Simpson Professional Resume
Asya P. Simpson Professional ResumeAsya P. Simpson Professional Resume
Asya P. Simpson Professional ResumeAsya Simpson
 

Similar to Final UX Deliverables (20)

360Living Company Overview
360Living Company Overview360Living Company Overview
360Living Company Overview
 
marketing Strategy on Android App-Health plus
marketing Strategy on Android App-Health plusmarketing Strategy on Android App-Health plus
marketing Strategy on Android App-Health plus
 
abillionofus.org - Initial Business Plan
abillionofus.org - Initial Business Planabillionofus.org - Initial Business Plan
abillionofus.org - Initial Business Plan
 
Bridging the Gap: The Intersection of DEI Initiatives and Employee Benefits
Bridging the Gap: The Intersection of DEI Initiatives and Employee BenefitsBridging the Gap: The Intersection of DEI Initiatives and Employee Benefits
Bridging the Gap: The Intersection of DEI Initiatives and Employee Benefits
 
How Optometrists Can Get Found with Local Directories
How Optometrists Can Get Found with Local DirectoriesHow Optometrists Can Get Found with Local Directories
How Optometrists Can Get Found with Local Directories
 
Health Insurance Literacy – eXtention Ask an Expert
Health Insurance Literacy – eXtention Ask an Expert Health Insurance Literacy – eXtention Ask an Expert
Health Insurance Literacy – eXtention Ask an Expert
 
Identifying Your Optimal Niche Focus
Identifying Your Optimal Niche FocusIdentifying Your Optimal Niche Focus
Identifying Your Optimal Niche Focus
 
Healthy lifestyle App
 Healthy lifestyle App Healthy lifestyle App
Healthy lifestyle App
 
Android Belvidere, LLC - Core Prtnrs Combined RR Presentation - 3.2.23.pptx
Android Belvidere, LLC - Core Prtnrs Combined RR Presentation - 3.2.23.pptxAndroid Belvidere, LLC - Core Prtnrs Combined RR Presentation - 3.2.23.pptx
Android Belvidere, LLC - Core Prtnrs Combined RR Presentation - 3.2.23.pptx
 
Maura McLaughlin, MD - Start Lean, Think Big How to start your own DPC pract...
Maura McLaughlin, MD - Start Lean, Think Big  How to start your own DPC pract...Maura McLaughlin, MD - Start Lean, Think Big  How to start your own DPC pract...
Maura McLaughlin, MD - Start Lean, Think Big How to start your own DPC pract...
 
Google
GoogleGoogle
Google
 
PACE-IT: CE 1.1 - Introduction to Career Management
PACE-IT: CE 1.1 - Introduction to Career ManagementPACE-IT: CE 1.1 - Introduction to Career Management
PACE-IT: CE 1.1 - Introduction to Career Management
 
Let's Go Shopping: Helping Consumers Navigate Plan Selection
Let's Go Shopping: Helping Consumers Navigate Plan SelectionLet's Go Shopping: Helping Consumers Navigate Plan Selection
Let's Go Shopping: Helping Consumers Navigate Plan Selection
 
Right here project
Right here projectRight here project
Right here project
 
Patient and Public Partnership Toolkit
Patient and Public Partnership ToolkitPatient and Public Partnership Toolkit
Patient and Public Partnership Toolkit
 
Newell Brands, Inc. - Core Partners Combined RR Workshop - 5.17.23.pptx
Newell Brands, Inc. - Core Partners Combined RR Workshop - 5.17.23.pptxNewell Brands, Inc. - Core Partners Combined RR Workshop - 5.17.23.pptx
Newell Brands, Inc. - Core Partners Combined RR Workshop - 5.17.23.pptx
 
Clinical Social Franchising: Organizing private healthcare providers to addre...
Clinical Social Franchising: Organizing private healthcare providers to addre...Clinical Social Franchising: Organizing private healthcare providers to addre...
Clinical Social Franchising: Organizing private healthcare providers to addre...
 
Optimized Persuasion: A tool for designers and developers
Optimized Persuasion: A tool for designers and developersOptimized Persuasion: A tool for designers and developers
Optimized Persuasion: A tool for designers and developers
 
Magna Exteriors Belvidere - Core Prtnrs Combined RR Presentation - 2.8.23 - 2...
Magna Exteriors Belvidere - Core Prtnrs Combined RR Presentation - 2.8.23 - 2...Magna Exteriors Belvidere - Core Prtnrs Combined RR Presentation - 2.8.23 - 2...
Magna Exteriors Belvidere - Core Prtnrs Combined RR Presentation - 2.8.23 - 2...
 
Asya P. Simpson Professional Resume
Asya P. Simpson Professional ResumeAsya P. Simpson Professional Resume
Asya P. Simpson Professional Resume
 

More from Xavior Miller

More from Xavior Miller (7)

Xavior miller-cv
Xavior miller-cvXavior miller-cv
Xavior miller-cv
 
Tibco-Patterns
Tibco-Patterns Tibco-Patterns
Tibco-Patterns
 
Auth-Pages
Auth-PagesAuth-Pages
Auth-Pages
 
LS2-auth-ship-to-theme
LS2-auth-ship-to-themeLS2-auth-ship-to-theme
LS2-auth-ship-to-theme
 
POS
POSPOS
POS
 
timeline
timelinetimeline
timeline
 
LeapFrog.com
LeapFrog.com LeapFrog.com
LeapFrog.com
 

Final UX Deliverables

  • 3. KnowNow Studios Site Map: Navigational Structure U s e r T y p e (cookied) Individuals - Seniors Shop Plans Living Healthy Dr. Finder Brokers & Consultants Why Choose Blue View Plans Resources Employers & Organizations Why Choose Blue Healthy Employees View Plans Dr. Finder Healthcare Professionals Dr. Finder Why Choose Blue Healthy Patients Resources Search | Get a Quote | Login/Join | Language Global Header Links About | Contact Us | Get a Quote | Prescriptions | Media Global Footer Links Join Our Network UI/UX Final Documentation 3.5.2013Page:3
  • 5. KnowNow Studios Site Map: Definition of High-Level Content Areas Desktop Tablet Mobile Homepage • Healthcare Plans • Get a Quote • Dental • (Medicare Advantage) • (Medicare part D) • (Medicare Supplement) Shop Plans • Health & Wellness • Walk On! • Tools & Resources • Helpful Videos • FAQ’s Live Healthy • Plan Wizard • Lifestage Wizard • Quick Quote • (Not on Mobile 767 and under) Get a QuoteFind a Doctor Account Management • About • News and Social Media • Philanthropy • Contact Us • Community • Corporate Governance • Careers • Executives • PR and Media • Our Blog About BCBSAZ Senior Family Couples Individuals Default • Affordable Healthcare Act • LoremIpsum • LoremIpsum • FAQ’s Healthcare 101 • Sign Up • Shows Value and Benefits • Access to Application Status • BlueNet Online Desktop Tablet Mobile Senior Family Couples Individuals Default UI/UX Final Documentation 3.5.2013Page:5
  • 6. Site Map Healthcare Professionals Page:6
  • 7. KnowNow Studios Desktop Tablet Mobile Homepage Healthcare Professionals Site Map: Definition of High-Level Content Areas • Health & Wellness • Walk On! • Tools & Resources • Helpful Videos • FAQ’s Living HealthyResources • Drug Search • Claims • Polices • Check Patient Eligibility • Fee Schedule Search • BlueConnect Dental • Documents & Guides • BlueInsight • Videos • FAQS Join Our Network Find a Doctor Account Management • About • News and Social Media • Philanthropy • Contact Us • Community • Corporate Governance • Careers • Executives • PR and Media • Our Blog About BCBSAZ • Sign Up • Shows Value and Benefits • BlueNet Online • Check Patient Eligibility & Benefits • Conduct a Fee Schedule Search • Benefits • Features • LoremIpsum Why Choose Blue (Not on Mobile 767 and under) Desktop Tablet Mobile Healthcare Professionals UI/UX Final Documentation 3.5.2013Page:7
  • 9. KnowNow Studios Desktop Tablet Mobile Homepage • Benefits • Features • LoremIpsum Why Choose Blue • Health & Wellness • Walk On! • Tools & Resources • Helpful Videos • FAQ’s Get a Quote Account Management • About • News and Social Media • Philanthropy • Contact Us • Community • Corporate Governance • Careers • Executives • PR and Media • Our Blog About BCBSAZ Employers & Organizations Help Your ClientsHelp Your ClientsHealthy Employees • Sign Up • Shows Value and Benefits • Access to Application Status • BlueNet Online Site Map: Definition of High-Level Content Areas • Healthcare Plans • Get a Quote • Dental • Vision • (Medicare Advantage) • (Medicare part D) • (Medicare Supplement) View Plans Resources • Polices • Documents & Guides • Healthcare 101 • Employee Eligibility • Pharmacy • Videos • FAQS (Not on Mobile 767 and under) Desktop Tablet Mobile Employers & Organizations UI/UX Final Documentation 3.5.2013Page:9
  • 11. KnowNow Studios Desktop Tablet Mobile Homepage Brokers & Consultants Site Map: Definition of High-Level Content Areas Before we get into the full details of the site map, below is a representation of the main content areas. • Benefits • Features • LoremIpsum Why Choose Blue Get a Quote Account Management • About • News and Social Media • Philanthropy • Contact Us • Community • Corporate Governance • Careers • Executives • PR and Media • Our Blog About BCBSAZ • Sign Up • Shows Value and Benefits • Access to Application Status • BlueNet Online • Healthcare Plans • Get a Quote • Dental • Vision • (Medicare Advantage) • (Medicare part D) • (Medicare Supplement) View Plans Resources • BlueInsite • Polices • Documents & Guides • Healthcare 101 • Videos • FAQ’S (Not on Mobile 767 and under) Desktop Tablet Mobile Brokers & Consultants UI/UX Final Documentation 3.5.2013Page:11
  • 13. KnowNow Studios Profile Devon & Greg Victoria, Jose & Zaire Micheal Buy Insurance | Just started shopping Micheal is 27 and no longer able to stay on his parent’s insurance. He is healthy and works out four times a week. He is looking for a plan that provides an annual physical, and covers him in case of a major accident. Referral from Google • Research the plans to see what is offered • Compare plans that meet his needs • Email himself the plan details • Get a Quote Compare Plans | Research & Get a Quote Devon is a contract designer and hasn’t had medical coverage in a few years. She is turning 35 and knows that this year she will need mammogram and breast cancer screenings. She is allergic to several types of birth control medicines. She needs to know if the one she is on will be covered in a new plan. Social Media • Research plans that have mammogram and breast cancer screenings • Determine if her current birth control will be covered • Build a Plan that meets her needs Research | Son is always getting small injuries Their 7-yr old son is always getting cuts, sprains, and other minor issues. Instead of going to the Doctors office for minor issues they watch “how to” videos to care for their son at home. Mobile Device • Research and watch “How to” videos • Share with each other and friends Dewey Research Medicare | Buying a Medicare plan Dewey is concerned with the current climate in Washington and in Arizona. He is looking to secure a Medicare plan that has a low out of pocket cost and plenty of hospital visits. He is relatively healthy but at 64 he knows things can change fast. TV Commercial • Compare the various Medicare plans • Check the Doctors and clinics in network • Get a Quote Breana, Calil & Tiffany Find a Doctor | On vacation & their baby is sick The family is on vacation in Florida when their daughter develops a rash. They go to AZblue.com from their mobile phone to find a the nearest Doctor in their network. Mobile Device • Search for a Doctor • Call the Doctor’s office Goal / Initial Motivation Highlighted TasksEntry Points Personas: Audience Segments UI/UX Final Documentation 3.5.2013Page:13
  • 14. KnowNow Studios Personas: Audience Segments (Continued) Yvonne Maintain Her Practice | Stay abreast on latest updates Yvonne is a family practice physician in Havasu. With all the healthcare changes she wants to insure she is filing the proper paperwork to get paid on time. Bookmark • Research the policy updates • Check her account for alerts • Read the latest healthcare news Claudia Research Living Healthy | Keep her employees healthy Claudia runs the HR for a small company in Sedona. Her goal is to insure she has happy and healthy employees. She has set up a discount at the gym, brings in the local CSA and plans team building events. However, her employees ages range from 24-35 and she wants to know how each persons needs may affect their health plan and lifestyles. Bookmark • Research the maintenance plan by the age group of her employees • Share what she finds with her employees Mark Research Provider Benefits | Expand offerings Several of Mark’s patients have BCBSAZ and he feels that it may be time to become an in-network provider. He is concerned about getting paid on time and the ease of filing claims. The last thing Mark wants is to provide a service and not get paid for months. • How easy is it to file a claim • Speed in getting paid for services • Steps needed to become an in-network provider Michele Offer BCBS to her Employees | Change insurance Michele is in the process of changing insurance companies for her employees. She is seeking a company that covers, medical, dental and vision and has a breath of providers in the Phoenix metro area. azblue.com azblue.com • Compare plans that are offered • Overview of the Doctors in the network • Cost to the Company and her employees Esperanza & Enrique Research Insurance (Spanish) | Just married They were recently married and they are planning on starting a family. Finding the right plan for the impending medical needs over the next few years is key. A Friend • Research plans • Compare Plans • Get a Quote Profile Goal / Initial Motivation Highlighted TasksEntry Points UI/UX Final Documentation 3.5.2013Page:14
  • 16. KnowNow Studios UX Overview Components ComponentsScaffolding Browser Support · Multiview · List · Alerts · Text Field (expandable) · Breadcrumb · Social Media Feeds · ComboBox · Calendar · Instant Search ··Example: http://www.google.com/insidesearch/features/instant/ · Buttons · Checkbox · Combo · Labels · Radio Button · Text Area · Modal · Page Slider · · Example: https://github.com/srobbin/jquery-pageslide · Tootltips · Dropdowns · Highlight Elements · Auto Tabbing · Gmaps · Carousel · Menu Dynamic/Adaptive · Menu Horizontal · Menu Breadcrumbs · Sub-Nav Templates Fluid Grid System · Width = 1136px · Safe Zone = 1096px · Columns = 12 · Gutters = 20px · Column Width = 73px Supported Resolutions · Desktop 900-1136px · Desktop & Mobile 768px -899px · Mobile 900px and above · Mobile 767px and below · · Locked in Portrait · Chrome 18 · Firefox 14 · Safari 6 · IE8 & 9 · Safari Mobile · Chrome Mobile · IE9 Mobile Footer,Social medi ali nks Content Footer,Social medi ali nks Content Footer, Social mediali nks Content UI/UX Final Documentation 3.5.2013Page:16
  • 18. KnowNow Studios Overview Footer, Social media links 1136 px 1096 px Content Layouts that use this template Home Page Healthcare Plans Layouts that use this template Content Pages Layouts that use this template Contact Us Footer, Social media links 1136 px 1096 px Content Footer, Social media links 1136 px 1096 px Content UI/UX Final Documentation 3.5.2013Page:18
  • 20. KnowNow Studios Global Toolbar - 768 and above desktop browser Search Upon click the search box opens As the user types and hits the third character the results are presented based on the section of the site that they reside in Upon click of the title in the left column the user is taken to the page where the search term resides User Types The help with arrows is only shown if we do not know their user type. User may collapse the dropdown at anytime. As the user clicks their user type the content and navigation within the site updates to pertain to the selected user type. Login Upon click the login box opens Register opens the registration modal User Name Password Register Now Or Login Retrieve password UI/UX Final Documentation 3.5.2013Page:20
  • 21. KnowNow Studios Global Toolbar - Mobile browser Left Links ESP - Changes the sites content to Spanish. Login - Opens a new tab and takes the user to the member site Get a Quote - Opens a new tab and takes the user to Insurix. This option is hidden on resolutions under 767 Search - behaves the same as on the desktop browser Log InEsp Dr. FinderGet a Quote Search UI/UX Final Documentation 3.5.2013Page:21
  • 22. KnowNow Studios Main Navigation - 768 and above desktop browser LoremIpsum LoremIpsum LoremIpsum LoremIpsum Default Main Navigation Employers Flyouts open on rollover and there is only one level of flyouts Per the site map the navigation is personalized to consumers, healthcare professionals, employers and brokers Resources Healthy EmployeesWhy Choose Blue View Plans+ Healthcare Professionals Brokers Resources Healthy Patients Dr. FinderWhy Choose Blue+ ResourcesView PlansWhy Choose Blue+ UI/UX Final Documentation 3.5.2013Page:22
  • 23. KnowNow Studios Main Navigation - Mobile browser Default Main Navigation Employers How May We Help You? LoremIpsum LoremIpsum LoremIpsum LoremIpsum LoremIpsum View Plans News Resources Healthy Employees Healthcare 101 About Us Change User Type Contact Us Why Choose Blue How May We Help You? LoremIpsum LoremIpsum LoremIpsum LoremIpsum LoremIpsum News Resources Healthy Patients Healthcare 101 About Us Change User Type Contact Us Why Choose Blue The page slider that expands and lays over the page : https://github.com/srobbin/jquery-pageslide Healthcare Professionals Brokers How May We Help You? LoremIpsum LoremIpsum LoremIpsum LoremIpsum LoremIpsum News Resources View Plans Healthcare 101 About Us Change User Type Contact Us Why Choose Blue How May We Help You? LoremIpsum LoremIpsum LoremIpsum LoremIpsum LoremIpsum Live Healthy News Healthcare 101 About Us Change User Type Contact Us Shop Plans UI/UX Final Documentation 3.5.2013Page:23
  • 26. KnowNow Studios Homepage: Default Log InEsp Dr. FinderGet a Quote Search Learn About Healthcare Stay Healthy Search Tools & Resources Marketing Marketing Find the Right Plan How may we help you? L og InEsp Dr. Find erGe t a Qu ote Se a rch Learn About Healthcare Learn About Healthcare Find the Right Plan Find the Right Plan Search Tools & Resources Search Tools & Resources Marketing Marketing Stay Healthy Stay Healthy How may we help you? Marketing About How may we help you? Desktop Browser 900+ Browsers 768-899 Mobile Browser under 768 Mobile Browser 900 + Get quality care for you and your family. With more than 90% of healthcare providers in the state as a part of our network. Learn More Choose a plan on your budget Plans under $59/ month 3 Reasons to choose Blue: 1. Convenience 2. Choice 3. Confidence Get a FREE Quote The Blue Cross Blue Shield of Arizona app Just another way we’re making healthcare easier for everyone. Download Now Our Latest News:Our Latest News: Twitter FacebookArticles YMCA President, Jeff Jones gives pep talk to at-risk youth at local sports center Karen Abraham discusses BCBSAZ “Green”Projects in EVO Magazine this month BCBSAZ’s Dr. Floyd Smith discusses childhood obesity with AZ Foothills Magazine this month Individuals Families Seniors Employers Organizations Brokers Consultants Healthcare Professionals EspLog InSearch Get a Quote Frequently Asked Questions Orci luctus et ultrices posuere Curae Primis in faucibus Vestibulum ante ipsum The 3 Most Important Things in Healthcare Plans Glossary of Health Coverage and Medical Terms Learn About Healthcare Reform Cras arcu mauris, ticidunt a porta sit amet Quis volutpat in, fringilla quis dolor Get Started with Healthcare Insurance Get a QuoteLive HealthyHealthcare 101 Learn More Dr. FinderShop Plans Live Healthy UI/UX Final Documentation 3.5.2013Page:26
  • 27. KnowNow Studios Homepage: Families Get quality care for you and your family. With more than 90% of healthcare providers in the state as a part of our network. Learn More Choose a plan on your budget Plans under $59/ month 3 Reasons to choose Blue: 1. Convenience 2. Choice 3. Confidence Get a FREE Quote The Blue Cross Blue Shield of Arizona app Just another way we’re making healthcare easier for everyone. Download Now Our Latest News:Our Latest News: Twitter FacebookArticles YMCA President, Jeff Jones gives pep talk to at-risk youth at local sports center Karen Abraham discusses BCBSAZ “Green”Projects in EVO Magazine this month BCBSAZ’s Dr. Floyd Smith discusses childhood obesity with AZ Foothills Magazine this month Individuals Families Seniors Employers Organizations Brokers Consultants Healthcare Professionals EspLog InSearch Get a Quote Families Frequently Asked Questions Orci luctus et ultrices posuere Curae Primis in faucibus Vestibulum ante ipsum The 3 Most Important Things in Healthcare Plans Glossary of Health Coverage and Medical Terms Learn About Healthcare Reform Cras arcu mauris, ticidunt a porta sit amet Quis volutpat in, fringilla quis dolor Get Started with Healthcare Insurance Get a QuoteHealthy FamiliesHealthcare 101 Learn More Dr. FinderLive HealthyShop Plans UI/UX Final Documentation 3.5.2013Page:27
  • 28. KnowNow Studios Homepage: Healthcare Professional Log InEsp Dr. FinderGet a Quote Search Learn About Healthcare Keeping Patients Healthy Search Tools Resources Marketing Marketing Why Choose Blue How may we help you? Learn About Healthcare Keeping Patients Healthy Search Tools Resources Marketing Marketing Why Choose Blue Learn About Healthcare Keeping Patients Healthy Search Tools Resources Marketing About Why Choose Blue Desktop Browser 900+ Mobile Browser 900 + Browsers 768-899 Mobile Browser under 768 How may we help you? How may we help you? L og InEsp Dr. Finde rGet a Qu ote Sea rch Get quality care for you and your family. With more than 90% of healthcare providers in the state as a part of our network. Learn More Choose a plan on your budget Plans under $59/ month 3 Reasons to choose Blue: 1. Convenience 2. Choice 3. Confidence Get a FREE Quote The Blue Cross Blue Shield of Arizona app Just another way we’re making healthcare easier for everyone. Download Now Our Latest News:Our Latest News: Twitter FacebookArticles YMCA President, Jeff Jones gives pep talk to at-risk youth at local sports center Karen Abraham discusses BCBSAZ “Green”Projects in EVO Magazine this month BCBSAZ’s Dr. Floyd Smith discusses childhood obesity with AZ Foothills Magazine this month Individuals Families Seniors Employers Organizations Brokers Consultants Healthcare Professionals EspLog InSearch Join Our Network Resources Healthy Patients Dr. FinderWhy Choose Blue+ Frequently Asked Questions Cras arcu mauris, ticidunt a porta sit amet Quis volutpat in, fringilla quis dolor Quis volutpat in, fringilla quis dolor Features Cras arcu mauris, ticidunt a porta sit amet Quis volutpat in, fringilla quis dolor Quis volutpat in, fringilla quis dolor Benefits Tools Resources Check Benefits Eligibility Why Choose Blue Learn More UI/UX Final Documentation 3.5.2013Page:28
  • 30. KnowNow Studios Content: Desktop Browser (900+) Read More Modal Interactions Main Page The sub-nav may go beyond the width of the page if more content sections exist. When a user clicks on the {+}, the title or the image in the content blocks the modal opens Interactions Modal The left column represents the content blocks under the current topic The user may take one of four actions: close the window by clicking the X or outside the modal, save the pdf, share the pdf or click the main CTA. UI/UX Final Documentation 3.5.2013Page:30
  • 31. KnowNow Studios Content: Mobile Browser (900+) Log InEsp Dr. FinderGet a Quote Search Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing. Vhasellus commodo ligula in nibh posuere ultrices condimentum ligula placerat. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. + + Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing lorem ipsum. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. Donec convallis fringilla elit, ut tincidunt. Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante • Pellentesque placerat justo in nisl aliquam • Sed venenatis urna adipiscing • Vhasellus commodo ligula in nibh + + ++ Vivamus vulputate congue Lorem ipsum dolor sit ame, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing lorem ipsum. Sed imperdiet rhoncus pharetra. Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien tincidan. Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed suere icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus Share Log InEsp Dr. FinderGet a Quote Search Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing. Vhasellus commodo ligula in nibh posuere ultrices condimentum ligula placerat. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing. Vhasellus commodo ligula in nibh posuere ultrices condimentum ligula placerat. Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing lorem ipsum. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. Donec convallis fringilla elit, ut tincidunt. Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante Pellen tesque placerat justo in nisl aliquam sed venenatis urna adipiscing. Vhasellus commodo ligula in nibh posuere ultrices condimentum ligula placerat. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. • Pellentesque placerat justo in nisl aliquam • Sed venenatis urna adipiscing • Vhasellus commodo ligula in nibh X icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus Share Mobile Browser 900 + Content Expanded Interactions Main Page The page is similar to the desktop version with one change. When the user clicks to read more the content block expands to fill the entire screen. Swiping left or right takes the user to the next/previous topic in the sub-navigation Interactions expanded content The user may click the {X} to shrink the extended content Swiping left or right takes the user to the next/previous content block in the current topic UI/UX Final Documentation 3.5.2013Page:31
  • 32. KnowNow Studios Content: Mobile Desktop Browser (768-899) Browser 768-899 Content Expanded Log InEsp Dr. FinderGet a Quote Search LoremIpsom Title LoremIpsom Title LoremIpsom Title LoremIpsom Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed venenatis urnaa dipiscing. Vhasellus commodo ligula in nibh posure ultrices condimentum ligula placerat. Pellentesque placerat justo in nisl aliquam sed venenatis urnaa dipiscing. Vhasellus commodo ligula in nibh posure ultrices condimentum ligula placerat. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta ferm entum quis a neque. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante . entum quis a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante . entum quis a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante • Pellentesque placerat justo in • Sed venenatis urna adipiscing • Pellentesque placerat justo in Healthcare 101 Share + + + + Log InEsp Dr. FinderGet a Quote Search LoremIpsom Title LoremIpsom Title LoremIpsom Title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. nte id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. nte id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed venenatis urnaa dipiscing. Vhasellus commodo ligula in nibh posure ultrices condimentum ligula placerat. Sed imperdiet rhoncus pharetra. Suspendisse ac neque eu sem porta fermentum quis a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante . entum quis a neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id • Pellentesque placerat justo in • Sed venenatis urna adipiscing • Pellentesque placerat justo in Vivamus vulputate congue Share Sapien. nte id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. X UI/UX Final Documentation 3.5.2013Page:32
  • 33. KnowNow Studios Content: Mobile Browser (-768) On all mobile browsers under 768 the screen is locked in portait. *Videos/Images are the only element that can be viewed in landscape Swipe left and right to go to the next/previous article in the current topic that was chosen in the page slider navigation Scroll up and down to read more of the same article Mobile Browser under 768 Vivamus vulputate congue Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante • Pellentesque placerat justo in nisl aliquam • Sed venenatis urna adipiscing • Vhasellus commodo ligula in nibh Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat, ante id dapibus lacinia, ante leo tempus urna, quis facilisis neque mauris non sapien. Pellentesque placerat justo in nisl aliquam sed venenatis urna adipiscing. Vhasellus commodo ligula in nibh posuere ultrices condimentum ligula placerat. Share UI/UX Final Documentation 3.5.2013Page:33
  • 34. KnowNow Studios Content: Links like Site Map icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus icon Vivamus Page Name Interactions Links content pages should be used for the site map and lists of links only They will follow the same interaction patterns as the main content template based on the browser and breakpoint. UI/UX Final Documentation 3.5.2013Page:34
  • 36. KnowNow Studios Contact Us: Desktop Browser (900+) Flip Card Interactions Email Flip Card Interactions Phone Contact Us UI/UX Final Documentation 3.5.2013Page:36
  • 37. KnowNow Studios Contact Us: Mobile Browser (900+) Log InEsp Dr. FinderGet a Quote Search Corporate Office Street Address 2424 W. Las Palmaritas Dr. Phoenix, AZ 85021 icon Contact Us icon About Us icon News icon Vivamus icon Vivamus icon Vivamus Share Claims Address P.O. Box 2924 Ohoenix, AZ 85062 602.864.4400 800.232.2345 Business Hours Monday-Friday 8a.m.-4:30p.m. MST Mailing Address P.O. Box 13466 Ohoenix, AZ 85062 Members Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac ante nisl, at rutrum risus. Aliquam laoreet risus a sem varius ac tempus nunc facilisis. Lorem ipsum dolor sit amet, consectetu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac ante nisl, at rutrum risus. Aliquam laoreet risus a sem varius ac tempus nunc facilisis. Lorem ipsum dolor sit amet, consectetu Sales Healthcare Professionals Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac ante nisl, at rutrum risus. Aliquam laoreet risus a sem varius ac tempus nunc facilisis. Lorem ipsum dolor sit amet, consectetu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac ante nisl, at rutrum risus. Aliquam laoreet risus a sem varius ac tempus nunc facilisis. Lorem ipsum dolor sit amet, consectetu Employers Organizarions Nightime Nurse - Suspendisse ac neque eu sem porta fermentum quis a neque 602.864.4400 Share Mobile Browser 900 + Interactions Map The default location selected is Phoenix When the user clicks another city the content in the section changes to the city they selected Interactions Flip Cards Opperates the same as on larger resolution UI/UX Final Documentation 3.5.2013Page:37
  • 38. KnowNow Studios Contact Us: Mobile Desktop Browser (768-899) Log InEsp Dr. FinderGet a Quote Search Contact Us Corporate Office Street Address 2424 W. Las Palmaritas Dr. Phoenix, AZ 85021 Mailing Address P.O. Box 13466 Ohoenix, AZ 85062 Claims Address P.O. Box 2924 Ohoenix, AZ 85062 602.864.4400 800.232.2345 Business Hours Monday-Friday 8a.m.-4:30p.m. MST Nightime Nurse - Suspendisse ac neque eu sem porta fermentum quis a neque 602.864.4400 Members Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac ante nisl, at rutrum risus. Aliquam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac ante nisl, at rutrum risus. Aliquam Sales Healthcare Professionals Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac ante nisl, at rutrum risus. Aliquam Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ac ante nisl, at rutrum Employers Organizations Browser 768-899 Email Log InEsp Dr. FinderGet a Quote Search Contact Us How may we help you? Please input your question below Email Us: Member ID Email Address Phone Number (required) First Name Last Name Group # Send Interactions Flip Cards Upon clicking the email and or phone the user is taken to a new screen with the proper form fields or contact information based on the card selected Interactions Email Upon entering the required fields the “Send” button become active The user may click on the back arrow in the upper left to go back to the main contact us screen The click an alert box is shown giving the user the proper information UI/UX Final Documentation 3.5.2013Page:38
  • 39. KnowNow Studios Contact Us - Email: Mobile Browser (-768) Mobile Browser under 768 Contact Us Corporate Office Mailing Address P.O. Box 13466 Ohoenix, AZ 85062 Business Hours Monday-Friday 8a.m.-4:30p.m. MST Nightime Nurse Claims Address P.O. Box 2924 Ohoenix, AZ 85062 602.864.4400 800.232.2345 Share Street Address 2424 W. Las Palmaritas Dr. Phoenix, AZ 85021 602.864.4400 Contact Us Healthcare Professionals Brokers Consultants Sales Employers Organizations Media Others Members Members How may we help you? Please input your question below (required) Email Us: Member ID (required) Email Address (required) Phone Number (required) First Name (required) Last Name (required) Group # (required) Send Members How may we help you? Please input your question below (required) Email Us: Member ID (required) Email Address (required) Phone Number (required) First Name (required) Last Name (required) Group # (required) Send Interactions When the user selects Contact Us in the navigation they are taken to screen one. Here they may interact with the map. If the user swipes left or right the Contact Us Cards are shown. At anytime the user may click the back arrow to go to the previous screen UI/UX Final Documentation 3.5.2013Page:39
  • 40. KnowNow Studios Contact Us - Phone: Mobile Browser (-768) Sales 602.864.4899Phoenix Toll Free 877.232.2345 ext. 4684 602.864.4684Phoenix: Tucson 520.745.1615 Flagstaff 928.526.4126 Consumers Employers Organizations Sales 602.864.4899Phoenix Toll Free 877.232.2345 ext. 4684 602.864.4684Phoenix: Tucson 520.745.1615 Flagstaff 928.526.4126 Consumers Employers Organizations Call 602.864.4899 Cancel Call Now Mobile Browser under 768 Interactions Clicking on a phone number opens an alert box to ask the user if they would like to call that number. If the user clicks “Call Now” then the phone app in their device opens and calls the selected number. UI/UX Final Documentation 3.5.2013Page:40
  • 42. KnowNow Studios Healthcare Plans: Desktop View (900+) Plan Detail Modal Share Email Modal Plans Page We show the plans in their current groups: BlueOptimum Plus, BlueValue Plus, BlueEssential Plus, BlueBasic Plus, Medicare Part D DentalPlus UI/UX Final Documentation 3.5.2013Page:42
  • 43. KnowNow Studios Healthcare Plans: Mobile Browser (900+) Plan Details Log InEsp Dr. FinderGet a Quote Search BCBSAZ pays 80%, member pays 20% (80%/20%) of the allowed amount for most covered services, after meeting deductible, unless a copay or different coinsurance percentage is indicated. $30 PCP Copay $50 Specialist Copay Office visit copay per member, per provider, per day for most covered services performed in a physician’s office. 80%/20% after meeting deductible for other covered services. Primary Care Physicians (PCP) include internal medicine, family practice, general practice and pediatrics. All other physicians are specialists. Deductible and coinsurance apply to services rendered by radiologists or pathologists and to physical, occupational and speech therapy services. Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed id eros eget nisi iaculis aliquam. Nullam dignissim varius ante. Integer molestie sapien ac enim. Suspendisse viverra placerat nisi. $60 copay per member, per provider, per day at facilities specifically contracted as urgent care providers. $2,500 per member X ShareGet a Quote Mobile Browser 900 + Interactions When the user clicks on Detail they are taken to the detail screen for that plan instead of a modal Interactions The user may scroll down the page to read as much content is available on the particular plan If the user swipes left or right they go to the next/previous plan on the list Clicking the [X] or the back arrow takes the user to the full list of plans Log InEsp Dr. FinderGet a Quote Search Value Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBlueOptimum Plus LoremIpsim LoremIpsim Value LoremIpsim ShareDetail Healthcare Plans BlueOptimum Plus Get a Quote Value Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBlueValue Plus LoremIpsim LoremIpsim Value LoremIpsim ShareDetail Value Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBlueEssential Plus LoremIpsim LoremIpsim Value LoremIpsim ShareDetail Value Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBluePortfolio Plus LoremIpsim LoremIpsim Value LoremIpsim ShareDetail Value Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBlueBasic Plus LoremIpsim LoremIpsim Value LoremIpsim ShareDetail Value Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleDental Plus LoremIpsim LoremIpsim Value LoremIpsim ShareDetail UI/UX Final Documentation 3.5.2013Page:43
  • 44. KnowNow Studios View Plans - Phone: Mobile Desktop Browser (768-899) Browser 768-899 Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBlueOptimum Plus LoremIpsim ShareDetail Healthcare Plans Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBlueValue Plus LoremIpsim ShareDetail Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBlueEssential Plus LoremIpsim ShareDetail Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBluePortfolio Plus LoremIpsim ShareDetail Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleBlueBasic Plus LoremIpsim ShareDetail Value Value Value Value Value Office Visit Copays Co-insuranceOut of PocketDeductibleDental Plus LoremIpsim ShareDetail BlueOptimus Plus $2,500 per member Calendar-Year Out-Of-Pocket Coinsurance Maximum Calendar-Year Deductible $500 - $2500 $30 PCP Cop ay $50 Sp ecialist Cop ay Physician Office Services LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per Diagnostic Laboratory Services Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per + Share LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim + LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim + Plan Details Interactions When the user clicks on Detail they are taken to the detail screen for that plan instead of a modal Interactions The user may scroll down the page to read as much content is available on the particular plan If the user swipes left or right they go to the next/previous plan on the list Clicking the [X] or the back arrow takes the user to the full list of plans UI/UX Final Documentation 3.5.2013Page:44
  • 45. KnowNow Studios View Plans - Phone: Mobile Browser (-768) Mobile Browser under 768 BlueOptimus Plus Share $2,500 per member $30 PCP Cop ay $50 Sp ecialist Cop ay Calendar-Year Out-Of-Pocket Coinsurance Maximum Calendar-Year Deductible $500 - $2500 Physician Office Services Diagnostic Laboratory Services Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per LoremIpsim Morbi ac diam quis felis aliquet ullamcorper. Aenean vehicula augue et neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per + + Share Share Share This Page Email Facebook Twitter Interactions Upon clicking the plan name from the page slider navigation the user is taken directly to the plan details screen The user may swipe left or right to see the next or previous plan Interactions At anytime where the share icon and text are shown, the user may share the page, content or video. UI/UX Final Documentation 3.5.2013Page:45