Advertisement
USC dot EDU: A Responsive Design Case Study
Dec. 20, 2014•0 likes•1,459 views
1 likes
Be the first to like this
Show More
views
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Download to read offline
Report
Internet
A case study about my time at USC
Tim WrightFollow
Professional HumanAdvertisement
Advertisement
Advertisement
Recommended
Agile Cincinnati 9 october 2017Orderly Disruption
Few Stories About How to Build a Team With Three Possible Endings Martin Hudymač
How to find reliable assignment help companiesHelpEssay
Lean Startup Experiment - Build the Right Thing by Learning FastAndrea Darabos
Assistive Technology, Experience Design, and LifeTim Wright
Building an Atomic Design SystemTim Wright
USC dot EDU: A Responsive Design Case Study
- Gilbane 2014Tim Wright, @csskarma USC dot EDU Responsive Design Practices & Opinions
- Gilbane 2014Tim Wright, @csskarma In the beginning…
- Gilbane 2014Tim Wright, @csskarma The responsive solution.
- Gilbane 2014Tim Wright, @csskarma Where we stumbled.
- Gilbane 2014Tim Wright, @csskarma Where we are still stumbling.
- Gilbane 2014Tim Wright, @csskarma Where we are succeeding.
- Gilbane 2014Tim Wright, @csskarma Thank you.
Editor's Notes
- Failed (with confidence) a statistics test in College - drank in the closet - learned how to fail
- WE HAD MOBILE SITES!!! USC Palm Pre story with UA detection What are we doing here???? Changing HTML for style…
- Flex layout w/media queries & flexible images half the code bases (KEEP IT SIMPLE) SEO (if you care) - design for humans SCALABILITY: Focusing on features (screen size + touch)
- Busting myths: Quick access “On the go” Performance is super important? Forgot universal access (focused on iPhone) Assumed that small screen === phone & large === desktop Hiding content
- OVERTHINKING IT (Programmers!!!!) Adaptive vs. Responsive vs. Mobile vs. Adaptive Content The build vs. the experience STILL too much focus on the device (from dev, not UX) Small screen + touch !== mobile Images & bandwidth <picture>, srcset, Network APIs
- Learning to keep it simple, but explore Universally improve UX (not just iPhone) Stepping back to look at the entire experience Creating lighter, faster, more targeted designs Mobile First >> Responsive like m.ew.com Creating RESS models As we grow and RWD matures we’ll figure it out. (STILL IN DRAFT)
Advertisement