Best Practices: Intranet Homepage Design ppt

Copyrights HospitalPortal.net 2016. All rights reserved.
Best Practices
Intranet Homepage Design
Presented by:
Jason Oshita; Manager of Client Affairs and Partnerships
AnneLa Francis; Director of Sales and Marketing

 More resources, more robust!
 How-To’s
 Best Practice Videos and Blog Posts
 Release Information
 Self-Service Support Environment
 Learn at your leisure!

Poll Question
What department are you in?
o Marketing
o IT
o HR
o Business Development
o Other

Agenda
• “Curb Appeal”
• Branding
• Colors
• Text
• Images and Graphics
• Functionality & Best Practices
• Objective
• Layout
• Navigation
• Components & Content
• General How-To
• Tips to Maintain
• Q&A

What is a Brand?
•Name
•Term
•Design
•Symbol
•Colors

Intranet Has Dual Role
•Tool for Complimenting Workflows and Business Operations
•Reflect Hospital’s Brand
•Helps end users identify and made aware of how they fit into the
organization
•Be consistent with client facing website
•Convey similar look and feel of other corporate marketing
materials
•Communicates brand to new hires

Brand Standards

Tips for Color Use on Your Intranet
•Background Color
• Neutral
• White or light grey
•Color Palette for main colors
• Simple
• Limit to 2-3 Colors
• Limit use of bold and “in-your-face”
colors

Tips on Font Use on Your Intranet
•Limit the number of fonts
•Avoid too many fancy/flashy fonts
•Stay consistent
•Clear
•Easy to read
•Aesthetically pleasing

Use Professional Graphics & Icons
•NO CLIP ART!!!

•NO CLIP ART!!!
•Use quality infographics
Infographics/Icons to Signify Information

•NO CLIP ART!!!
•Use quality graphics
•Third party image sites
• Dreamstime
• iStock
• Deposit Photos
Third Party Image Sites

Branding – Graphics and Images
•NO CLIP ART!!!
•Use quality graphics
•Third party image sites
• Dreamstime
• iStock
• Deposit Photos
•Use photos of real people in your
images and graphics!

DON’Ts!

Intranet Homepage Objective
Inviting platform that employees will want
to use that provides your employees with
the tools and information they use most
often.

Navigational Layout
• C – Pattern
• Banner Menu
• Primary
• Vertical Menu
• Secondary
• Quick Links
• Secondary
• Other Pages
• Tertiary

Navigational Layout – Top
• 1st place your eyes go
• Banner Menu - Main
navigation
• Keep concise
• Limit the number of
departments on banner
• Link to a listing of
departments
• Link to Documents
• Search & Phone
Directory

Navigational Layout – Banner Menu
• Special Users
• Board Page/Portal
• Physician's Page/Portal

Navigational Layout – Left Side
• Vertical Menu
• Secondary navigational items
• Leadership Blogs
• Events Page
• Idea Bank
• Cafeteria Page
• Employee Feedback Form
• Calendar
• “Quick Links”
• Commonly used tools & pages
• Make sure they’re relevant to almost
everyone!

Navigational Layout – Bottom
• Tertiary navigation
• Can use images, graphics, pictures, etc. instead of
text
• Clickable buttons
• Adds variety and appeal

Content Layout
• K.I.S.S. – Keep It Simple Stupid
• In most cases, Less is More
• Clean and Professional
• Aesthetically pleasing
• Below the fold is okay…
• …but keep it in check!!!
• Create engaging, short content
• Punchy, quick reads
• “Read/View More” to expand

Content and Components
Don’t go overboard with the
HTML Component!!!

Content & Components – Image Gallery

• Display multiple images, announcements,
or other content within this one
component
• Images can be clickable to other pages
with more info. on the topic
• Two modes
• Gallery – manual click
• Slide show – automatically cycles

Potential Uses
• Announcements
• Employee of the month
• New Employees
• Staff Birthdays for the week
• Changes within Hospital
• Story of the week or Testimonial
• Photos from hospital events
• A blurb about your longest tenured employee
• Hospital staff contests and drawings
• Launching your brand new, updated, Intranet
Homepage!

Setup – General Configuration

Setup – Slideshow/Gallery Settings

Setup – Uploading Images

Content & Components – Events
• Versatile
• Hospital news
• Announcements
• Employee feedback
• Product listing
• Article Briefs
• Many more!
• Lists and displays content in a uniform fashion
• Images + Text = Engaging

Component Setup & Settings
(Shameless plug, I know )
Academy.HospitalPortal.net

Adding a new Event
Tip: Keep the descriptions
relatively short. If you need to
expand on this content, utilize
the Detailed Description,
Attachment, or Read More Link
option

Adding a new Event

Content & Components – Calendar
• Keep it relatively small on home page to save
space
• Hover over date to se the events for that day
• The expand icon will allow you to see it in full
page view
• Sharable!
• Uses
• Hospital Events
• Meeting Reservations
• Class schedules
• Etc.

• Appearance
• Calendar Display size
• Show/hide Gridlines
• Display category color cue
• Format of Day Cell Display
• Etc.
• Functional
• Prompt when schedule overlaps
• How to display the various events
within the day
• Etc.

• Event Categories
• Organize your calendar display
• Distinguish between different events or
departments
• Feed from your Events component
• Saves you time and effort
• Helps minimize mistakes
• Feed from your Class Registration
component

Content & Components –
“Extracurricular” Content
Examples
• Accuweather Widget
• Funny/educational video
• Employee Recipe Share

Tips for Monitoring – Governance
in Look and Content
•Maintain Control
•Create a process for review
• Checklist of things that should be reviewed weekly
or monthly
• Proofread
• Set expiration for old events/annoucements
• Test links, make sure there are no missing or
crossed-out [X] images
•Ask us!

Poll Question
How satisfied are you with the current layout of
your intranet homepage?
o We’re perfect!
o It’s not bad, but we’ll work on it
o PLEASE HELP!!!

Creative Design Refresh
Jason Oshita
Manager of Client Affairs and Partnerships
JKOshita@HospitalPortal.net
(847) 632-0434 x 245

Client Refresher Demo
Wednesday, March 16th @ 1:00 PM CST
Please email Jason at JKOshita@HospitalPortal.net to
register.

Q & A

THANK YOU!
Academy.HospitalPortal.net
Support Line: (866) 580-7700 x2
Academy@HospitalPortal.net
Jason Oshita
Manager of Client Affairs and Partnerships
JKOshita@HospitalPortal.net
Anne La Francis
Director of Sales and Marketing
ALaFrancis@HospitalPortal.net

Best Practices: Intranet Homepage Design ppt

More Related Content

What's hot

Viewers also liked

Similar to Best Practices: Intranet Homepage Design ppt

Recently uploaded

Best Practices: Intranet Homepage Design ppt