Designing for Teens - Teens in Tech Conference

Designing for Teens Adam Debreczeni

De-bre-czen-ni

Friend Me Friend

I love web designers!

d-train approved slide

Understand the teen demographic

Understand the teen demographic • Eager to use, not learn.

Understand the teen demographic • Eager to use, not learn. • No bombardment of ads.

Understand the teen demographic • Eager to use, not learn. • No bombardment of ads. • Want “cool.”

Understand the teen demographic • Eager to use, not learn. • No bombardment of ads. • Want “cool.” • Familiar environments.

Popular “teen” sites

Complex simplicity.

“Good design is obvious, great design is transparent.” - Joe Sparano

All about focus.

Sorry Joey. :(

descriptio n

descriptio n how to use

what friends are doing related info

Stuff you care about.

85% Ads

But, how do I “monetize” my service?

No abusive ads.

Make ads useful.

Customization

Deﬁne “cool”

Deﬁne “cool” Simple websites that look great and have no learning curve.

Deﬁne “cool” Simple websites that look great and have no learning curve. him

People deﬁne their own “cool.”

“With great power comes great responsibility.”

Recommending customization options full css limited yet powerful <p align=center><a href="http://www.layoutsandthemes.com/"><img border=0 src="http://www.layoutsandthemes.com/image_ads/button.gif" alt="Myspace Layouts | Myspace Themes" title="Myspace Layouts | Myspace Themes" style="position:absolute;top:0px;left:0px;"></a></p> <style type="text/css"> body { background-color:CC6699; background- image:url("http://www.themesandlayouts.com/mst/celebrity_models/vintage_vogue/ voguebground.jpg"); background-repeat:repeat-y; background-attachment:scroll; background-position:Top Left; border-width:0; border-style:solid; scrollbar-face- color:FFFFFF; scrollbar-track-color:FFFFFF; scrollbar-arrow-color:990066; scrollbar- shadow-color:990066; scrollbar-3dlight-color:; scrollbar-darkshadow-color:; cursor:Default; font-family:Times New Roman; } table, tr, td {background:transparent; border:0px;} table table table { border-width:4; border-color:CC0099; border-style:ridge; background-color:transparent; } table table table table {border:0px;} input {background- color:transparent !important;} td, span, div, input, a, table td div div font, body div table tbody tr td font { font-family:Times New Roman !important; text-align:; } td, span, div, input, table td div div font, body div table tbody tr td font { font-family:Times New Roman !important; text-align:; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited, .btext, .redbtext, .nametext { font-family:Times New Roman ! important; text-align:; } a { color:FFFFFF !important; font-family:Times New Roman; text- align:; } a:hover { color:990099 !important; font-family:Times New Roman; text-align:; } img { border:0; } Table, Td{ background-color:transparent; } table table table{ width: 100%; background-color:transparent; } </style> </a>

Familiarity

Users already feel comfortable.

Formspring.me

Formspring.me • Simple focus

Formspring.me • Simple focus • No to little ads.

Formspring.me • Simple focus • No to little ads. • Integrated with Facebook.

Formspring.me

Connect with their devices

Connect with their devices • iPhone Facebook app has 1 million users.

Connect with their devices • iPhone Facebook app has 1 million users. • MySpace mobile page has 1.7 million uniques a day.

Connect with their devices • iPhone Facebook app has 1 million users. • MySpace mobile page has 1.7 million uniques a day. • As of 01/27/10 - 3,000,000,000+ downloads on the App Store.

“Mobile apps are no longer a nice feature, they’re essential.” - Me

One more thing...

Who wants a pen?

Do you have an questions? twitter: @heyadam http://heyad.am

Designing for Teens - Teens in Tech Conference

by heyadam on Feb 06, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 4

Statistics

Designing for Teens - Teens in Tech Conference — Presentation Transcript

http://www.weston-fl.com	2
http://www.slideshare.net	2