Nick Floro
Performance SupportDesigning
How to get started without a budget.
share
How do you define Performance Support?
Provide access to content where and when needed.
Mobile devices everywhere
Old Way: Large Courses
New = Chunk Size | Slices
How can you organize and provide easy ways to access the content?
3 Key Factors1. Audience
2. Technology
3. User Stories
desktoptabletphone
Developing Content to Flow WHERE | WHEN | HOW
UpdatesFrequency
Content
Technology
Time
Device
Orientation
Things to Consider
mediadocuments
appebook web
• web
• shared folder(dropbox, google drive, box, microsoft)
media
Responsive Design
Desktop
Tablet
Phone
First Aid
Apple Weather
Yahoo Weather
How can I use some of these formats today in my work flow?
Document •PDF •XLS •DOC •PPT •Pages •Numbers •Keynote
Graphics •JPEG •PNG
Video •mp4
Audio •mp3
eBook •ePub •iBooks •etc
Apps •iOS •Android •Windows
HTML •PhoneGap
Content Formats
Performance Support
deliver everywhere
apps & tools
customize
Content Strategy
Create a Road Map
Development: App or Web Delivery
AmazonA Quick Look
Amazon Windowshop
break it up and tag it.
Technology is a tool.
Blog Micro-blogging Communities Media
Getting Started
docs.google.com
forms.google.com
Google Hangouts
slack.com
rocket.chat
WordPress.com
WordPress.com
WordPressContent Delivery
Blog
Support
Directory
Community
Platform
Content Management System CMS
Pages
PagesPostsPostsPosts
PagesPostsPostsPosts
Templates
Easily Update Content
Flexible Design
SEO Tuned
Quick for Prototyping
Design
38,221 Plug-ins
BuddyPress.org
BBpress.org
wordpress.org/plugins/wp-live-chat-support/
wordpress.org/plugins/wp-live-chat-support/
wordpress.org/plugins/wp2yt-uploader/
wordpress.org/plugins/js-support-ticket/
wordpress.org/plugins/js-support-ticket/
Can it get any better?
html5
Responsive Design
Desktop
Tablet
Phone
GetBootStrap.com
// the geolocation api brings browser based location to your apps
You are entering research. Learn More>>
SampleA Quick Look
50 Programs - over 500 hours of content.
Leader can create their own course (play list)
What is Design?
How it works.
Homework: Watch www.apple.com/designed-by-apple/
It’s about communication and problem solving.
Homework: Watch www.apple.com/designed-by-apple/
responsive design
Next Steps
Brainstorm
select one slice
prototype
develop
Design for Flexibility
Tools we are using in the Web 2.0 wave
Pictures
Video Blog
Audio
3D Models
ePortfolios
Content Management Systems
Micro-blogging
Communities
Documents
Multiplayer Environment
Resources To help you grow.
w3schools.com
abookapart.com
lynda.com
Thank You
Nick [email protected]/NickFloro
Download the Presentation at:http://www.slideshare.net/nickfloro
Top Related