A Fresh Perspective on
@JoshPalmeri, Front End Developer
RESPONSIVE WEB DESIGN
//innovations in the world of the web
Stony Brook University, NY
http://www.turbosquid.com/3d-model/box/
http://organize4results.com/2012/10/focus-on-results/
TO SERVE OTHERS
A Fresh Perspective on
@JoshPalmeri, Front End Developer
RESPONSIVE WEB DESIGN
//innovations in the world of the web
Stony Brook University, NY
@JoshPalmeri, Front End Developer
Stony Brook University, NY
- New Second Level Pages
- Admissions, UG Admissions, Jobs, EcoDev, Students, Summer Session, Faculty & Staff
- Responsive Enhancement to existing OU sites
- Bring us out of 2008
- Support UG Admissions initiatives, + recruitment
- Increase usability
- Implement design consistency
- Empower OU Campus users
http://2012books.lardbucket.org/books/public-speaking-practice-and-ethics/s08-audience-analysis.html
Text
Responsive
I Am
http://2012books.lardbucket.org/books/public-speaking-practice-and-ethics/s08-audience-analysis.html
RWD
http://alistapart.com/article/responsive-web-design
http://alistapart.com/article/responsive-web-design
http://alistapart.com/article/responsive-web-design
FLUID GRID
FLEXIBLE IMAGES
MEDIA QUERIES
https://www.flickr.com/photos/lukew/10430507184/in/set-72157636814608894
MOBILE FIRST?
http://www.templehorses.com/2013/09/19/how-to-survive-a-diner-menu/
http://gifrific.com/mark-wahlberg-shock-and-confused-look/
INNOVATION IN
COPYWRITING FOR THE WEB
To serve our users better
Presenting them with the content they need
When they need it
WheRE they need it.
To serve our users better
Presenting them with the content they need
When they need it
WheRE they need it.
To serve our users better
Presenting them with the content they need
When they need it
WheRE they need it.
To serve our users better
Presenting them with the content they need
When they need it
WheRE they need it.
http://gifrific.com/mark-wahlberg-shock-and-confused-look/
multiple dimensions
cannot be effectively communicated
on a single plane
http://www.templehorses.com/2013/09/19/how-to-survive-a-diner-menu/
KEEP IT SIMPLE!
One question at a time...
http://www.templehorses.com/2013/09/19/how-to-survive-a-diner-menu/
To serve our users better
Presenting them with the content they need
When they need it
WheRE they need it.
http://www.forbes.com/sites/louiscolumbus/2013/09/12/idc-87-of-connected-devices-by-2017-will-be-tablets-and-smartphones/
IDC: 87% Of Connected Devices Sales By 2017 Will Be Tablets And Smartphones
RRWD
Responsible Responsive Web Design
content is key
Responsive == Responsible
REAL WORLD EXAMPLE
http://mobile.cc.stonybrook.edu/sb/40underforty
@JoshPalmeri, Front End Developer
THANK YOU
//now go make something great!
Stony Brook University, NY