How To Succeed In Web Design

How to Succeed in Web Design

Shawn RiderManager, Technology Solutions

PBS Education

How to Succeed in Web DesignHow to Get Ahead in Web Design


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 Design

How to Get Ahead in Web Design


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 1996Photo source: https://www.msu.edu/~karjalae/internet96.htm

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

So…How do we get good at this stuff?

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 themPhoto source: http://www.flickr.com/photos/jtu/3551130301/

Become a Savvy User

Make friends

Photo source: http://www.flickr.com/photos/sshb/4084490230/

Become a Savvy User

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/

Be a Problem Solver

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/

Realize Limitations

Hone the deliverable

Photo source: http://www.flickr.com/photos/subtle_3106/463988257/

Revere the HTML & CSS

Use a text editor


Become an expert

Photo source: http://www.flickr.com/photos/sherpas428/4350620602/


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

Kitten Break

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/

Know the Stack

Protect yourself from mistakesPhoto 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


Try Version Control

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/

Estimate your time

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/

Design Interaction

Every implementation is uniquePhoto source: http://www.flickr.com/photos/carnivillain/1353136448/

Do It Twice

No extra codePhoto source: http://www.flickr.com/photos/nocallerid_man/3638360458/

Do It Twice

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)


Learn Javascript

In Review


Become a Savvy User

1


Be a Problem Solver

2


Realize Limitations

3



4


Know the Stack

5


Try Version Control

6


Estimate Your Time

7


Design Interaction

8


Do It Twice

9


Learn Javascript

10

The End

March 10, 2010

Thank You

Slides and LinksAvailable for Download:http://shawnrider.com

How To Succeed In Web Design

Technology

Transcript of How To Succeed In Web Design