Designing for the Teenage Market
-
Upload
jack-franklin -
Category
Design
-
view
910 -
download
0
description
Transcript of Designing for the Teenage Market
![Page 1: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/1.jpg)
Designing for Teenagers
@Jack_Franklin
http://www.flickr.com/photos/digioreo/87051047/
![Page 2: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/2.jpg)
• 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/
![Page 3: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/3.jpg)
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/
![Page 4: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/4.jpg)
NO!(you made him angry)
http://www.flickr.com/photos/abennett96/1096808421/sizes/o/
![Page 5: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/5.jpg)
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/
![Page 6: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/6.jpg)
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/
![Page 7: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/7.jpg)
http://www.flickr.com/photos/itsallaboutmich/840084501/
![Page 8: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/8.jpg)
BOLD TEXTcomic sans anyone?
![Page 9: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/9.jpg)
http://www.flickr.com/photos/mark78/1463574952/
![Page 10: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/10.jpg)
Flash! AHHHHH!
• (saviour of the universe)?
• Games are a winner
• Anyway to annoy the ICT teacher and beat friends at the same time.
![Page 11: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/11.jpg)
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/
![Page 12: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/12.jpg)
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/
![Page 13: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/13.jpg)
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/
![Page 14: Designing for the Teenage Market](https://reader036.fdocuments.net/reader036/viewer/2022081602/555e2392d8b42a384f8b4cfd/html5/thumbnails/14.jpg)
Thank You!@Jack_Franklin
http://www.flickr.com/photos/26686573@N00/1105321884/