A SHIFT IN MINDSET Traditional Linear Workflow DESIGN FRONT-END BACK-END LAUNCH! TH IN K A B O U T U SER S TH R O W IN C O N TEN T Thursday, January 10, 13
Jakob Nielsen Says... ‣ Build a separate mobile site ‣ Cut features ‣ Cut content http://www.nngroup.com/articles/mobile-site-vs-full-site/ Thursday, January 10, 13
Jakob Nielsen Says... ‣ Build a separate mobile site ‣ Cut features ‣ Cut content http://www.nngroup.com/articles/mobile-site-vs-full-site/ PLEASE, NO. Thursday, January 10, 13
A SHIFT IN MINDSET A Responsive Workflow ‣ Cons - Requires Change - May Conflict with Organizational Structure - Dependent on Team Make-up Thursday, January 10, 13
A SHIFT IN PROCESS A Process Myth Each client deliverable needs to look more like a final, beautiful end-product than the previous one. Thursday, January 10, 13
A SHIFT IN PROCESS Which Results In Pushing toward nearly-designed wireframes quickly and completely designed comps soon after. (This sets up all sorts of unrealistic client expectations.) Thursday, January 10, 13
A SHIFT IN PROCESS A Better Approach Deliverables that best serve the organization and prioritization of content and function across multiple resolutions. (Not deliverables made just to impress clients.) Thursday, January 10, 13
A SHIFT IN PROCESS Our Deliverables ‣ Research Deliverables ‣ Content Deliverables ‣ Priority Deliverables ‣ Style Deliverables ‣ Functional Deliverables Thursday, January 10, 13
A SHIFT IN PROCESS Priority Deliverables ‣ Content Priority Prototypes - Takes the place of a traditional wireframe. - As much real content as you can. - Linear in nature, priority implied. - Possibly created in HTML, viewed in a browser. - Generated by content/UX people. Thursday, January 10, 13
A SHIFT IN PROCESS Priority Deliverables ‣ Content Priority Examples - Non HTML examples • Smashing Article: Design Process In The Responsive Age • New Sparkbox site early efforts - HTML example • building.seesparkbox.com Thursday, January 10, 13
A SHIFT IN PROCESS Style Deliverables ‣ Style Prototype - Like Style Tiles, but in the browser (styletil.es). - Very fast to build. - Accurate web typography. - Easy to show web interaction. - Client reviews in their browser of preference. Thursday, January 10, 13
A SHIFT IN PROCESS Style Deliverables ‣ Style Prototype Examples - building.seesparkbox.com • new Sparkbox web style prototype - dressresponsively.com • dress responsively style prototype Thursday, January 10, 13
A SHIFT IN PROCESS Use What The Project Needs ‣ Research Deliverables ‣ Content Deliverables ‣ Priority Deliverables ‣ Style Deliverables ‣ Functional Deliverables Thursday, January 10, 13
LINKS ‘N STUFF Join Us! seesparkbox.com/foundry @hearsparkbox If you really like this sort of thing... buildresponsively.com @brworkshop Thursday, January 10, 13