first fare 2013 website design for frc teams
TRANSCRIPT
![Page 1: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/1.jpg)
Website Design for FRC
Bob Goetz - FIRST Fare 2013
November 16, 2013
![Page 2: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/2.jpg)
Website Design for FRC Teams 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
![Page 3: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/3.jpg)
OK – So what do you want to
learn?
11/16/13Website Design for FRC Teams 3
(Audience Participation, please)
![Page 4: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/4.jpg)
Website Design for FRC Teams 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
![Page 5: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/5.jpg)
What we won’t Cover
Setting up a URL (AKA Hostname)
Technology steps to setup a websiteSee previous FIRST Fare presentations on oregonfirst.org
Get a free blog at wordpress.com
11/16/13Website Design for FRC Teams 5
![Page 6: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/6.jpg)
Website Design for FRC Teams 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
Tumbler
Etc. Etc. Etc.
11/16/13
![Page 7: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/7.jpg)
Website Design for FRC Teams 7
A little Terminology
This session is called “website design for FRC Teams”
But we’ll cover…Mobile
Tumbler
Etc. Etc. Etc.
11/16/13
These are called CHANNELS and include things
like Print, Newspapers, TV,
Radio, Web
![Page 8: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/8.jpg)
Website Design for FRC Teams 8
It’s All AboutCommunicating 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
11/16/13
![Page 9: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/9.jpg)
Website Design for FRC Teams 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?
11/16/13
![Page 10: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/10.jpg)
Website Design for FRC Teams 10
Who Are Yours?
11/16/13
(Audience Participation, please)
![Page 11: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/11.jpg)
Website Design for FRC Teams 11
![Page 12: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/12.jpg)
Website Design for FRC Teams 12
Your Team!
![Page 13: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/13.jpg)
Website Design for FRC Teams 13
Your Sponsors!
![Page 14: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/14.jpg)
Website Design for FRC Teams 14
Your Families!
![Page 15: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/15.jpg)
Website Design for FRC Teams 15
Your School!
![Page 16: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/16.jpg)
Website Design for FRC Teams 16
So who are you Stakeholders?
(Audience Participation, please)
11/16/13
![Page 17: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/17.jpg)
Website Design for FRC Teams 17
OK, Bob!I GOT IT – I KNOW WHO MY STAKEHOLDERS ARE
WHAT DO I DO NEXT?
11/16/13
![Page 18: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/18.jpg)
18
Roll the drum….
11/16/13
![Page 19: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/19.jpg)
Website Design for FRC Teams 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. “
11/16/13
![Page 20: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/20.jpg)
Website Design for FRC Teams 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)
11/16/13
![Page 21: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/21.jpg)
Website Design for FRC Teams 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.
11/16/13
![Page 22: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/22.jpg)
Website Design for FRC Teams 22
Keys to SuccessAnswer WITFM (aka “What’s In It For Me!”)
Map their needs and how they want to hear from you
Give them OptionsPush: (You send them information)
eMail Blasts, RSS Feeds
Pull: (They come to you for communication)
Website Updates, Tweets, SMS
11/16/13
![Page 23: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/23.jpg)
Website Design for FRC Teams 23
RememberJust because you posted on the web or sent an email
DOES NOT MEAN THEY READ IT!
11/16/13
![Page 24: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/24.jpg)
Website Design for FRC Teams 24
So what and who should you focus
on?
11/16/13
(Audience Participation, please)
![Page 25: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/25.jpg)
Website Design for FRC Teams 25
What do Successful Teams
do?
11/16/13
![Page 26: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/26.jpg)
Website Design for FRC Teams 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
11/16/13
![Page 27: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/27.jpg)
Think Assembly Line
11/16/13Website Design for FRC Teams 27
![Page 28: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/28.jpg)
Website Design for FRC Teams 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
11/16/13
![Page 29: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/29.jpg)
Website Design for FRC Teams 29
Keep it simpleStake Holders
Channel GoalSchool
Officials Parents Sponsors Team Members
Website Create a special Landing Page (URL)Ensure all communications to them refer to that URL
X X X X
eMail eMail update on Team Progress
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
Posters Print Posters to prior to KickOff promoting team and events
X X
11/16/13
![Page 30: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/30.jpg)
Website Design for FRC Teams 30
OK, I’ve Got my Stakeholders
DOWN I have my Goals
NAILED.Now WHAT?
11/16/13
![Page 31: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/31.jpg)
31
Just do itFollow 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!11/16/13Website Design for FRC Teams
![Page 32: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/32.jpg)
32
Other Ideas?
11/16/13
(Audience Participation, please)
Website Design for FRC Teams
![Page 33: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/33.jpg)
Website Design for FRC Teams 33
Some General Advice
11/16/13
![Page 34: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/34.jpg)
Website Design for FRC Teams 34
TimelyPost 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
11/16/13
![Page 35: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/35.jpg)
Website Design for FRC Teams 35
AccurateSpell 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
11/16/13
![Page 36: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/36.jpg)
Website Design for FRC Teams 36
RelevantStay on topic - focus on your team
Target your four customersTell stories that impact each
Tie the pictures to your story
Make sure you can be found on the web (akaSEO)
11/16/13
![Page 37: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/37.jpg)
Website Design for FRC Teams 37
SimpleConsistent Taxonomy
Common colors and fonts
Clean and clear design – first impressions count!
No clutter
No popups!
11/16/13
![Page 38: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/38.jpg)
Website Design for FRC Teams 38
SpeedyPeople are impatient!
Speed is critical
Hosting has biggest impact
Use Firefox’s Firebug
Yahoo’s yslow
Google’s pagespeed
11/16/13
![Page 39: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/39.jpg)
Website Design for FRC Teams 39
TypographyText that is too small to read
Text crowding against the left edge
Text that stretches all the way across the page
Centered type over flush left body copy
Underlined text that is not a link
Paragraphs of type in all caps
Paragraphs of type in bold
Paragraphs of type in italic
Paragraphs of type in all caps, bold, and italic all at once
Spelling erorrs …err… errors!
11/16/13
![Page 40: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/40.jpg)
Website Design for FRC Teams 40
ImagesGraphics
Large graphic files that take forever to load
Meaningless or useless graphics
Thumbnail images that are nearly as large as the full-sized images they link to
Graphics with no alt labels
Missing graphics, especially missing graphics with no alt labels
Graphics that don't fit on the screen (assuming a screen of 800 x 600 pixels)
Blinking graphics
11/16/13
![Page 41: First fare 2013 website design for frc teams](https://reader038.vdocuments.us/reader038/viewer/2022110307/555a79d0d8b42a98568b496d/html5/thumbnails/41.jpg)
Website Design for FRC Teams 41
Q&A
11/16/13