What The Wireframe?

download What The Wireframe?

of 49

  • date post

    17-Aug-2014
  • Category

    Design

  • view

    13.421
  • download

    2

Embed Size (px)

description

I talked about the what, why, when, who and how of wireframes. Highlights include: Emphasis on embracing analog tools like pens, sticky notes, moleskin, and whiteboards. I also suggest to get to a working prototype as fast as possible.If you saw this presentation, rate it at Speaker Rate: http://speakerrate.com/talks/314-what-the-wireframe-a-pragmatic-approach-to-wireframes

Transcript of What The Wireframe?

  • What the wireframe? A pragmatic point of view
  • Hi, Im Jason Robb Tweeting today? @jasonrobb #wtwf
  • MyHappyPlanet Start-up company Wearer of many hats Design of: UX, UI, IA, IxD, etc...
  • Why listen to me? Made a fair share of wireframes. A few methods. Not all. Youll learn something! (Even if it is what not to do, I win!)
  • Note: I have no idea what Im doing up here. Throw me a bone. Ask me questions!
  • What are wireframes? Language International Purpose of this document: Created on Tue Feb 17 2009 Modied on Wed Feb 18 2009 This wireframe shows the redesigned content on our home page. Is this the right Wireframe: Home page Created by Jason Robb content? The presentation will change, the layout is a bit cramped, but that will be adjusted later. Shown below is the home page MINUS the header, navigation and footer. wf-HomePage2.gra e Notes 1 Clear, concise H1 & Tour link Find language courses A) Pending nal revision, this is our mission statement 1.A packed into 7 words or less. B) Take the tour - maybe not the best copywriting. Photo of a city or person at the best schools Something to this e ect. The people that quot;get itquot; will nd the search form, destinations, or special courses below. 2 Triple play Take the tour > 1.B Three great things that we do that makes us stand apart from out competition. Icons are either already made or need minor tweaking to t. 3 Easily compare multiple Free student counseling Low prices guaranteed Mini-search got minied 2 courses & schools No AJAX . Why? It's complicated and redundant. The Icon Icon Icon If you nd a cheaper price Our student advisors are original design was apart of a larger (now extinct) UX. We have thousands of somewhere else we'll knowledgeable, friendly, courses, all at high quality No duration - it isn't something people think about from match it! and want to help you nd the start. It's important. But I'd be willing to bet that data schools. the perfect match. Price matching policy shows that nobody adjusts it from the home page Search courses now Learn more about us (reference needed, lil help Mike?). 4 Destination table List all locations in every language we o er. These links Find a course Study abroad destinations Summer courses 5 3 4 go to our SERP. If they click quot;USAquot;, then we show them the default search for all cities in the USA, intensive Study in sunny Boston USA, courses only, for an duration. Language Study English where the grass is greener 5 Specialty courses Select a language and the air is cleaner. These won't be blue links, but they'll be obviously Boston New York Los Angelos USA clickable. Presentation withstanding, ideally, these clicks Country City Business courses send our users to SERP for these course types. Until then, we'll push them to our contact form. (See notes on San Antonio Pittsburgh Baltimore Select a country Navigation paths.) Your boss will love you and want to give you a raise City Nomans Someplace Lightville