How To Succeed In Web Design

by Shawn Rider on Mar 10, 2010

1,919 views

I gave a talk at the Art Institute of Washington DC's "Pizza With the Pros" event to a group of Web Design and other media art students. This presentation was geared towards this group of students, ranging from Freshmen to Seniors, with the goal of delivering some tips to help them get ahead in the world of Web Design.

Less

3 Embeds 1,001

http://shawnrider.com	994
http://translate.googleusercontent.com	6
http://www.brijj.com	1

Statistics

Favorites: 1
Downloads: 21
Comments: 0
Embed Views: 1,001
Views on SlideShare: 918
Total Views: 1,919

How To Succeed In Web Design — Presentation Transcript

How to Succeed in Web Design
Shawn Rider
Manager, Technology Solutions
PBS Education

How to Succeed in Web DesignHow to Get Ahead in Web Design
Shawn Rider
Manager, Technology Solutions
PBS Education

SEO Magic
Photo source: photog_friend (http://www.flickr.com/photos/photog_friend/453518012/)

10 Tips for Web Design StudentsHow to Succeed in Web DesignHow to Get Ahead in Web Design
Shawn Rider
Manager, Technology Solutions
PBS Education

I’m Shawn Rider

I live in Springfield, VA

I work at PBS

I’ve been building websites since 1996
Photo source: http://ladg.wordpress.com/2009/06/

A website from 1996
Photo source: https://www.msu.edu/~karjalae/internet96.htm

Another website from 1996
Photo source: https://www.msu.edu/~karjalae/internet96.htm

So…
How do we get good at this stuff?

Become a Savvy User
Try every service
Photo source: http://www.flickr.com/photos/tracyhunter/120123885/

Become a Savvy User
Make bookmarks with notes
Photo source: Shawn Rider

Become a Savvy User
Read the source

Become a Savvy User
Identify the leaders and follow them
Photo source: http://www.flickr.com/photos/jtu/3551130301/

Become a Savvy User
Make friends
Photo source: http://www.flickr.com/photos/sshb/4084490230/

Be a Problem Solver
State the problem
Photo source: http://www.flickr.com/photos/ari/2216430731/

Be a Problem Solver
Break big problems down into tasks
Photo source: http://www.flickr.com/photos/wellwin/3870105405/

Be a Problem Solver
Use existing solutions
Photo source: http://www.flickr.com/photos/paraflyer/798722444/

Be a Problem Solver
Tenacity is key
Photo source: http://www.flickr.com/photos/boltron/623603214/

Realize Limitations
Fail fast
Photo source: http://www.flickr.com/photos/james_nash/3412484318/

Realize Limitations
Adjust for known obstacles
Photo source: http://www.flickr.com/photos/andrewpescod/442467668/

Realize Limitations
Work to eliminate obstacles
Photo source: http://www.flickr.com/photos/mpwillis/2420307573/

Revere the HTML & CSS
Hone the deliverable
Photo source: http://www.flickr.com/photos/subtle_3106/463988257/

Revere the HTML & CSS
Use a text editor

Revere the HTML & CSS
Become an expert
Photo source: http://www.flickr.com/photos/sherpas428/4350620602/

Kitten Break
Photo source: http://www.flickr.com/photos/cseward/2924150171/

Know the Stack
You aren’t a sysadmin, but…
Photo source: http://www.flickr.com/photos/kim_scarborough/147972831/

Know the Stack
Technology is your friend
Photo source: http://www.flickr.com/photos/fraise/466949275/

Try Version Control
Protect yourself from mistakes
Photo source: http://www.flickr.com/photos/daryl_mitchell/1199598508/

Try Version Control
Required by most businesses
Photo source: http://www.flickr.com/photos/geodanny/37532418/

Try Version Control
Get involved
Photo source: Shawn Rider

Estimate your time
Time is $$$
Photo source: http://www.flickr.com/photos/tonivc/2283676770/

Estimate your time
Makes you feel happy
Photo source: http://www.flickr.com/photos/israel-avila/2406508664/

Design Interaction
Motion makes meaning
Photo source: http://www.flickr.com/photos/seeks2dream/2521098846/

Design Interaction
Storyboards and prototypes, oh yeah!
Photo source: http://www.flickr.com/photos/kaeru/3132556329/

Do It Twice
Every implementation is unique
Photo source: http://www.flickr.com/photos/carnivillain/1353136448/

Do It Twice
No extra code
Photo source: http://www.flickr.com/photos/nocallerid_man/3638360458/

Learn Javascript
It’s everywhere
Photo source: http://www.flickr.com/photos/28634332@N05/3929624300/

Learn Javascript
Fastest-growing language
Photo source: http://www.flickr.com/photos/ajmexico/3281139507/

Learn Javascript
A natural place to begin programming
Photo source: http://www.flickr.com/photos/ajmexico/3281139507/

Learn Javascript
Learn a framework (or three)
Photo source: Shawn Rider

In Review

Become a Savvy User
Photo source: Shawn Rider
1

Be a Problem Solver
Photo source: Shawn Rider
2

Realize Limitations
Photo source: Shawn Rider
3

Revere the HTML & CSS
Photo source: Shawn Rider
4

Know the Stack
Photo source: Shawn Rider
5

Try Version Control
Photo source: Shawn Rider
6

Estimate Your Time
Photo source: Shawn Rider
7

Design Interaction
Photo source: Shawn Rider
8

Do It Twice
Photo source: Shawn Rider
9

Learn Javascript
Photo source: Shawn Rider
10

Thank You
The End
Slides and Links
Available for Download:
http://shawnrider.com
March 10, 2010

How To Succeed In Web Design

by Shawn Rider on Mar 10, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

3 Embeds 1,001

Statistics

How To Succeed In Web Design — Presentation Transcript