• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Beyond the Comp

Beyond the Comp



Many of the processes and deliverables widely used in web design today have been inherited from print, or born in the early days of web design. Deliverables like static wireframes or rounds of ...

Many of the processes and deliverables widely used in web design today have been inherited from print, or born in the early days of web design. Deliverables like static wireframes or rounds of Photoshop comps provide a muted glimpse of the experiences they are trying to represent, which often result in mismanaged expectations and wasted resources. Erin Kurtz, Substance's Experience Director, presents some of the ways we are redefining our methods and deliverables by capitalizing on the broadening skill sets of our UX, Design and Development teams to work smarter and more efficiently in our User Experience and Visual Design phases.



Total Views
Views on SlideShare
Embed Views



1 Embed 7

https://twitter.com 7


Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Beyond the Comp Beyond the Comp Presentation Transcript

    • NameofClient&Presentation/DateBeyond the CompPresented by Erin KurtzExperience Director at Substance
    • BeyondtheComp/May9,2013Let’s talk comps.
    • BeyondtheComp/May9,2013http://collider.com/wp-content/uploads/han-solo-carbonite-image.jpgWebsite comp.
    • BeyondtheComp/May9,2013The design of a websiteonly comes to life in itsfinal medium.
    • BeyondtheComp/May9,2013Design is applying style tocontent and functionality.
    • BeyondtheComp/May9,2013First, define the stylewith a design concept.
    • BeyondtheComp/May9,2013
    • BeyondtheComp/May9,2013Then, extrapolate thestyle across the site.
    • BeyondtheComp/May9,2013The UI Developerbecomes the designer.
    • BeyondtheComp/May9,2013The modern UIDeveloper is a hybrid.
    • BeyondtheComp/May9,2013In short,We get into thebrowser sooner.
    • BeyondtheComp/May9,2013The Benefits1. Assess design execution in the final medium.2. QA the experience earlier.3. Streamline deliverables to propelthe process forward.
    • BeyondtheComp/May9,2013Website comp.http://cdn1.screenrant.com/wp-content/uploads/Episode-6-Han-Solo-Thawing-From-Carbonite.jpg
    • BeyondtheComp/May9,2013
    • BeyondtheComp/May9,2013
    • BeyondtheComp/May9,2013http://holygraildigital.com/downloads/2.COLOR_galloping%20knights.jpg
    • BeyondtheComp/May9,2013http://holygraildigital.com/downloads/2.COLOR_galloping%20knights.jpg
    • BeyondtheComp/May9,2013Nothing.
    • BeyondtheComp/May9,2013What’s stopping us?Allocation of Resources& Project Workflow.
    • BeyondtheComp/May9,2013How can we go“Beyond the Comp?”
    • BeyondtheComp/May9,2013Comps capture andpresent interactivedesign thinking.
    • BeyondtheComp/May9,2013ObjectivesA. Represent the current progress of design thinking.B. Validate our assumptions from previous phases.C. Facilitate necessary decision making.D. Lay the groundwork for the next phase.
    • BeyondtheComp/May9,2013The wireframe.
    • BeyondtheComp/May9,2013The wireframe.The wireframe.http://static.giantbomb.com/uploads/original/10/101797/2372788-space_explosion.png
    • BeyondtheComp/May9,2013Very Important FirstsVisual representation of content hierarchy.Relate functionality to page elements.Manifestation of the site map in a page structure.
    • BeyondtheComp/May9,2013Responsive.
    • BeyondtheComp/May9,2013The wireframe is thefirst round of comps.
    • BeyondtheComp/May9,2013Prototype the experiencewith HTML wireframes.Let’s see it!
    • BeyondtheComp/May9,2013Define the scope ofpages to design.
    • BeyondtheComp/May9,2013
    • BeyondtheComp/May9,2013
    • BeyondtheComp/May9,2013
    • BeyondtheComp/May9,2013What did we learn?
    • BeyondtheComp/May9,2013Carbonite is bad.
    • BeyondtheComp/May9,2013Division of labor is fluid.
    • BeyondtheComp/May9,2013Process lustcan be dangerous.
    • BeyondtheComp/May9,2013Re-evaluating yourprocess is healthyand necessary.
    • BeyondtheComp/May9,2013Work in the wayyou do your best work.
    • BeyondtheComp/May9,2013The comp is not sacred.
    • BeyondtheComp/May9,2013Thank you.@erinkurtz / erin@findsubstance.com