Designing for Teenagers

@Jack_Franklin

http://www.flickr.com/photos/digioreo/87051047/

• Jack Franklin

• @Jack_Franklin

• Junior Web Designer/Developer from Cornwall

• Give me a shout if you want a business card!

Before we start…

http://www.flickr.com/photos/ambur-d-photography/2950399090/

What they think we like…

Rounded CornersBeautiful, innovative designs

Fantastic Copy

Web 2.0 (whatever it may

be)

Load Really Quickly

Work absolutely perfectly.

Work in all browsers

(including IE6)

Perfectly crafted colour schemes

No needless effects (eg Flash)

http://www.flickr.com/photos/le_masc/2975704600/sizes/o/

NO!(you made him angry)

http://www.flickr.com/photos/abennett96/1096808421/sizes/o/

Rounded CornersBeautiful, innovative designs

Fantastic Copy

Web 2.0 (whatever it may

be)

Work absolutely perfectly.

Work in all browsers

(including IE6)

Perfectly crafted colour schemes

No needless effects (eg Flash)

Load Really Quickly

http://www.flickr.com/photos/anirudhkoul/3804553528/sizes/l/

Bold text

Bold colours

As little writing as

you can get away

with!

Load Really

Quickly

Just

about works

(schools

still h

ave

IE6!)

Flash puzzles/games or

competitions.

http://www.flickr.com/photos/vernhart/1073265478/sizes/o/

http://www.flickr.com/photos/itsallaboutmich/840084501/

BOLD TEXTcomic sans anyone?

http://www.flickr.com/photos/mark78/1463574952/

Flash! AHHHHH!

• (saviour of the universe)?

• Games are a winner

• Anyway to annoy the ICT teacher and beat friends at the same time.

Loading Quickly

• School internet connections/PCs slow

• Needs to load quickly (before teacher sees!)

• We are an impatient people!

http://www.flickr.com/photos/cygnus_x1/3030487452/sizes/o/

Making sure it (just about) works

• We usually use IE6 – so we can put up with the odd error.

• Make sure the games load! (Priorities!)

http://www.flickr.com/photos/12559612@N00/2382231395/

In Summary…

• Teenagers don’t know Web 2.0

• Whilst some appreciate a good design, not many will think “I’m glad they used rounded corners. CSS3 FTW” (lets face it)

• Try something different – something you would never usually do for a traditional client.

http://www.flickr.com/photos/pepe50/2426779466/

Thank You!@Jack_Franklin

http://www.flickr.com/photos/26686573@N00/1105321884/