Website Design for
FRC
Bob Goetz - FIRST Fare 2013
November 16, 2013
Who am I?
Mentor

Nine year veteran of FIRST
Robot Inspector

Former Board member for OregonFIRST Robotics
20+ year IT pro...
OK – So what do you
want to learn?

(Audience Participation, please)

Website Design for FRC Teams

3

11/23/2013
What (I Hope) You’ll
Learn Today
What (and who) you should focus on

What successful teams do
What your next steps are

Ho...
What we won’t Cover
Setting up a URL (AKA Hostname)

Technology steps to setup a website
See previous FIRST Fare presentat...
A little Terminology
This session is called
‚website design for FRC Teams‛
But we’ll cover design topics that can be used ...
A little Terminology
This session is called
‚website design for FRC Teams‛
But we’ll cover…

These are called
CHANNELS and...
It’s All About
Communicating with your stakeholders to achieve
your teams’ goals

‚Stakeholder, an entity that can be affe...
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 t...
Who Are Yours?

(Audience Participation, please)

Website Design for FRC Teams

10

11/23/2013
4

Website Design for FRC Teams

11
Website Design for FRC Teams

12
Website Design for FRC Teams

13
Website Design for FRC Teams

14
Website Design for FRC Teams

15
So who are you
Stakeholders?

(Audience Participation, please)

Website Design for FRC Teams

16

11/23/2013
OK, Bob!
I GOT IT – I KNOW WHO MY STAKEHOLDERS ARE
WHAT DO I DO NEXT?

Website Design for FRC Teams

17

11/23/2013
Roll the drum….

18

11/23/2013
Stake Holder
Analysis
‚Stakeholder analysis is the process of identifying
the individuals or groups that are likely to aff...
How?
Develop a categorized list of the members of the
stakeholder community.
Assign priorities across various ‚dimensions‛...
How?
Translate the ‘highest priority’ stakeholders into a
table or a picture.
The challenge is to focus on the ‘right
stak...
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 Op...
Remember
Just because you posted on the web or sent an email

DOES NOT MEAN THEY READ IT!

Website Design for FRC Teams

2...
So what and who
should you focus on?

(Audience Participation, please)

Website Design for FRC Teams

24

11/23/2013
What do Successful
Teams do?

Website Design for FRC Teams

25

11/23/2013
What do Successful
Teams do?
Team’s match the stakeholders needs with what
the team’s produce
The consistently communicate...
Think
Assembly
Line

Website Design for FRC Teams

27

11/23/2013
Wait a second..
Goals?
Yes, GOALS!

For each of your Stake Holders, create goals on
how you’ll reach them on each of your ...
Keep it simple
Stake Holders

Channel
Website

Goal
Create a special
Landing Page
(URL)
Ensure all
communications
to them ...
Stakeholders DOWN
I have my Goals
NAILED.
Now WHAT?

Website Design for FRC Teams

30

11/23/2013
Just do it
Follow up on your Goals

Track to make sure you are meeting them
Check in with Stakeholders:
Is what you are do...
Other Ideas?

(Audience Participation, please)

Website Design for FRC Teams

32

11/23/2013
Some General
Advice

Website Design for FRC Teams

33

11/23/2013
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...
Accurate
Spell Check

Get the day & date right
Don’t forget to add the address information

Check & double check every URL...
Relevant
Stay on topic - focus on your team

Target your four customers
Tell stories that impact each

Tie the pictures to...
Simple
Consistent Taxonomy

Common colors and fonts
Clean and clear design – first impressions count!

No clutter
No popup...
Speedy
People are impatient!

Speed is critical
Hosting has biggest impact

Use
Firefox’s Firebug
Yahoo’s yslow
Google’s p...
Typography
Text that is too small to
read

Paragraphs of type in all
caps

Text crowding against the
left edge

Paragraphs...
Images
Graphics

Graphics with no alt
labels

Large graphic files that
take forever to load

Missing graphics,
especially ...
Q&A

Website Design for FRC Teams

41

11/23/2013
Upcoming SlideShare
Loading in …5
×

First fare 2013 website design for frc teams

526 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
526
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

First fare 2013 website design for frc teams

  1. 1. Website Design for FRC Bob Goetz - FIRST Fare 2013 November 16, 2013
  2. 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. 3. OK – So what do you want to learn? (Audience Participation, please) Website Design for FRC Teams 3 11/23/2013
  4. 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. 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. 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. 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. 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. 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
  10. 10. Who Are Yours? (Audience Participation, please) Website Design for FRC Teams 10 11/23/2013
  11. 11. 4 Website Design for FRC Teams 11
  12. 12. Website Design for FRC Teams 12
  13. 13. Website Design for FRC Teams 13
  14. 14. Website Design for FRC Teams 14
  15. 15. Website Design for FRC Teams 15
  16. 16. So who are you Stakeholders? (Audience Participation, please) Website Design for FRC Teams 16 11/23/2013
  17. 17. OK, Bob! I GOT IT – I KNOW WHO MY STAKEHOLDERS ARE WHAT DO I DO NEXT? Website Design for FRC Teams 17 11/23/2013
  18. 18. Roll the drum…. 18 11/23/2013
  19. 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. 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. 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. 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. 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. 24. So what and who should you focus on? (Audience Participation, please) Website Design for FRC Teams 24 11/23/2013
  25. 25. What do Successful Teams do? Website Design for FRC Teams 25 11/23/2013
  26. 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
  27. 27. Think Assembly Line Website Design for FRC Teams 27 11/23/2013
  28. 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. 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
  30. 30. Stakeholders DOWN I have my Goals NAILED. Now WHAT? Website Design for FRC Teams 30 11/23/2013
  31. 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
  32. 32. Other Ideas? (Audience Participation, please) Website Design for FRC Teams 32 11/23/2013
  33. 33. Some General Advice Website Design for FRC Teams 33 11/23/2013
  34. 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. 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. 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. 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. 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. 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. 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
  41. 41. Q&A Website Design for FRC Teams 41 11/23/2013

×