As a class, we reviewed last semester's case studies, and we really liked...
Clarity, clarity, clarity
Clear headers
Chronology
"Try it Out" button on bottom, with a contact or CTA afterwards
Consistent, fine typography
Realistic ideas
Realistic, story-driven case studies
Showing the product in the header
Case Studies: What We Liked (Summer 2014)
As a class, we reviewed last semester's case studies, and we really liked...
the generous use of headers, and important phrases emphasized in bold, making it easy to scan
video clips
real pictures of the authors working
when prototypes were clearly linked to (we found prototypes embedded in the page to be confusing)
app review screenshots - which seem like a good, easy way to get user research
good typography and use of color
when we could click on artifacts like wireframes to see them up close (and were kind of frustrated when we couldn't click on tiny thumbnails)
luxurious use of whitespace
charts to help make research easily digestible
big clear callouts in screenshots and pictures, so we could quickly understand what value they provided, and even give us some new insight
We liked forward thinking, innovative ideas
Case Studies: What We Liked (Spring 2014)
As a class, we reviewed last semester's case studies and listed the important attributes
We liked it when case studies were easily scannable. This usually meant three levels of hierarchy:
A big clear headline
Breaking the document into several major sections, each with a dominant sub-headline
Easy scannable chunks with callouts and clear leading sentences in each section
Lead with eye-catching imagery that communicates the topic
Professional aesthetic and production values
Telling a good story, and using the story to frame the entire sequence of the case study. E.g. "It all started with...", "then I surveyed...", "Which lead to..."
Using a topic that people can relate too, that is "popular" in its appeal
Competitive research screenshots, so we can see the market context
Keep scope in check, don't get so ambitious that quality wavers
Extra points for interactive prototypes, make sure the link is dominant so its not lost on the page
If you show a thumbnail for a wireframe or other deliverable, let us click into it to see the details
Single-scrollable page works great
Link to the sections from the top of the page
Show pictures of yourself doing the actual work, it makes it real
Make sure to highlight your *AHA!* moments, what insight did you generate that no one else knew before?