2. Who am I?
Mentor
Nine year veteran of FIRST
Robot Inspector
Former Board member for OregonFIRST Robotics
20+ year IT professoinal
OregonFIRST.org Webmaster
Website Design for FRC Teams
2
3. OK – So what do you
want to learn?
(Audience Participation, please)
Website Design for FRC Teams
3
11/23/2013
4. What (I Hope) You’ll
Learn Today
What (and who) you should focus on
What successful teams do
What your next steps are
How to get help
Website Design for FRC Teams
4
5. What we won’t Cover
Setting up a URL (AKA Hostname)
Technology steps to setup a website
See previous FIRST Fare presentations on
oregonfirst.org
Get a free blog at wordpress.com
Website Design for FRC Teams
5
11/23/2013
6. A little Terminology
This session is called
‚website design for FRC Teams‛
But we’ll cover design topics that can be used on:
Mobile
Facebook
Pinterest
Tumbler
Etc. Etc. Etc.
Website Design for FRC Teams
6
11/23/2013
7. A little Terminology
This session is called
‚website design for FRC Teams‛
But we’ll cover…
These are called
CHANNELS and
include things like
Print, Newspapers,
TV, Radio, Web
Mobile
Facebook
Pinterest
Tumbler
Etc. Etc. Etc.
Website Design for FRC Teams
7
11/23/2013
8. It’s All About
Communicating with your stakeholders to achieve
your teams’ goals
‚Stakeholder, an entity that can be affected by the
results of that in which they are said to be
stakeholders, i.e., that in which they have a stake.‛
-wiki
Website Design for FRC Teams
8
11/23/2013
9. Ah…but you ask?
Why do I care about this?
Why is this important?
What will this really fix?
Isn’t this just a waste of time?
Website Design for FRC Teams
9
11/23/2013
19. Stake Holder
Analysis
‚Stakeholder analysis is the process of identifying
the individuals or groups that are likely to affect
or be affected by a proposed action, and sorting
them according to their impact on the action and
the impact the action will have on them.
This information is used to assess how the
interests of those stakeholders should be
addressed in a project plan, policy, program, or
other action. ‚
Website Design for FRC Teams
19
11/23/2013
20. How?
Develop a categorized list of the members of the
stakeholder community.
Assign priorities across various ‚dimensions‛
Influence (high, medium, low)
Support (positive, neutral, negative)
Need (strong, medium, weak)
Website Design for FRC Teams
20
11/23/2013
21. How?
Translate the ‘highest priority’ stakeholders into a
table or a picture.
The challenge is to focus on the ‘right
stakeholders’ who are currently important and to
use the tool to visualize this critical sub-set of the
total community.
Website Design for FRC Teams
21
11/23/2013
22. Keys to Success
Answer WITFM (aka ‚What’s In It For Me!‛)
Map their needs and how they want to hear from
you
Give them Options
Push: (You send them information)
eMail Blasts, RSS Feeds
Pull: (They come to you for communication)
Website Updates, Tweets, SMS
Website Design for FRC Teams
22
11/23/2013
23. Remember
Just because you posted on the web or sent an email
DOES NOT MEAN THEY READ IT!
Website Design for FRC Teams
23
11/23/2013
24. So what and who
should you focus on?
(Audience Participation, please)
Website Design for FRC Teams
24
11/23/2013
26. What do Successful
Teams do?
Team’s match the stakeholders needs with what
the team’s produce
The consistently communicate the Teams Goal’s
The have a broad market to hit the right Channels
Website Design for FRC Teams
26
11/23/2013
28. Wait a second..
Goals?
Yes, GOALS!
For each of your Stake Holders, create goals on
how you’ll reach them on each of your Channels
Website Design for FRC Teams
28
11/23/2013
29. Keep it simple
Stake Holders
Channel
Website
Goal
Create a special
Landing Page
(URL)
Ensure all
communications
to them refer to
that URL
eMail
eMail update on
Team Progress
Posters
Print Posters to
prior to KickOff
promoting team
and events
Website Design for FRC Teams
School
Officials
Parents
Sponsors
Team Members
X
X
X
X
Monthly prior
to Kickoff,
Weekly
Thereafter
Bi-Weekly prior
to Kickoff,
Weekly
Thereafter
Monthly prior to
Kickoff, Weekly
Thereafter
Weekly prior to
Kickoff, MWF
Thereafter
X
X
29
11/23/2013
31. Just do it
Follow up on your Goals
Track to make sure you are meeting them
Check in with Stakeholders:
Is what you are doing meeting their needs?
How can you change?
What is working?
What is not?
Adjust your methods and then repeat!
Website Design for FRC Teams
31
11/23/2013
34. Timely
Post every 48 – 72 hours
And show your Twitter Feed
Give 4 to 8 weeks notice for major events
Post no more than 24 hours after a major events
Use google’s feedburner to promote your postings:
http://feedburner.google.com
Don’t post everything…keep them coming back
for more
Website Design for FRC Teams
34
11/23/2013
35. Accurate
Spell Check
Get the day & date right
Don’t forget to add the address information
Check & double check every URL, name, location
Get the basic facts right
Website Design for FRC Teams
35
11/23/2013
36. Relevant
Stay on topic - focus on your team
Target your four customers
Tell stories that impact each
Tie the pictures to your story
Make sure you can be found on the web (akaSEO)
Website Design for FRC Teams
36
11/23/2013
37. Simple
Consistent Taxonomy
Common colors and fonts
Clean and clear design – first impressions count!
No clutter
No popups!
Website Design for FRC Teams
37
11/23/2013
38. Speedy
People are impatient!
Speed is critical
Hosting has biggest impact
Use
Firefox’s Firebug
Yahoo’s yslow
Google’s pagespeed
Website Design for FRC Teams
38
11/23/2013
39. Typography
Text that is too small to
read
Paragraphs of type in all
caps
Text crowding against the
left edge
Paragraphs of type in bold
Paragraphs of type in
italic
Text that stretches all the
way across the page
Centered type over flush
left body copy
Paragraphs of type in all
caps, bold, and italic all at
once
Underlined text that is not
a link
Spelling erorrs …err…
errors!
Website Design for FRC Teams
39
11/23/2013
40. Images
Graphics
Graphics with no alt
labels
Large graphic files that
take forever to load
Missing graphics,
especially missing
graphics with no alt labels
Meaningless or useless
graphics
Graphics that don't fit on
the screen (assuming a
screen of 800 x 600 pixels)
Thumbnail images that
are nearly as large as the
full-sized images they link
to
Website Design for FRC Teams
Blinking graphics
40
11/23/2013