SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Wireframe/Mock up Question

    Hi there, I was wondering how to go about creating Wireframes & Mock ups before you have any content to work with. By that I mean, if you submit a Wireframe or a Mock up to a Client & they like a particular Wireframe or Mock up, what say when you gather the content it doesn't fit into their desired Wireframe or Mock up - b/c of the way the content is logically grouped?

    Thanks for any replies.

  2. #2
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,444
    Mentioned
    274 Post(s)
    Tagged
    5 Thread(s)
    Quote Originally Posted by kirwan1414 View Post
    Hi there, I was wondering how to go about creating Wireframes & Mock ups before you have any content to work with.
    Short answer - don't. That's just my opinion, of course, for the very reasons you've already mentioned.

    I get a rough idea of the kind of layouts/sites the client likes, any particular colour scheme they might have in mind, etc., then draft the layout after I have the content. It works well for me, dealing mainly with very small businesses, but may not work for everyone.

  3. #3
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    Yeah. I wouldn't either (unfortunately, in my current project, I had to b/c I didn't have any content :/ ).

    You can get a rough idea of where things will be like if you have articles, certain navigation, etc.

    ~TehYoyo

  4. #4
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for the advice TechnoBear, it's much appreciated.

  5. #5
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks TehYoyo, I'm gonna do it the way you guys have advised.

    Cheers.

  6. #6
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    Sure! Always happy to help

    Just a note, but for thirty minutes after every post, you have the option to edit the post. The edit button appears right next to the reply button. Use that in the future instead of posting twice.

    Good luck!
    ~TehYoyo

    Note: Props for correctly capitalizing both our names I always appreciate that.

  7. #7
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,821
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    Don't create mockup based on content. You'll never get it on time, and if you do, there are sure to be changes. create a mockup base on structure. Allow some wiggle room.

    The word "content" is too broad to rely on. For example.. don't ask for content for the shopping cart. ask for a list of info types that need to be included ( and preferably their higherarchy or importance )

    so you can have a info block:
    <item:>
    <name><image>
    <price>
    <description>
    <rating>
    <availability>
    </item>

    You can always arrange the other / and remove items logically from there. Hope that helps.

  8. #8
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,194
    Mentioned
    17 Post(s)
    Tagged
    4 Thread(s)
    What type of site are you building? If your building any type of dynamic site all you really need to know before having "content" is the type of data that is to be displayed. Once you know that you can just create placeholder (fake) data to get general feel for arrangement of the components on the page.
    The only code I hate more than my own is everyone else's.

  9. #9
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi oddz, I'm going to build a simple 4 page Static site for a Small Business. I was concerned in case I make a Wireframe & then afterwards can't fit the Copy (or Content) (which I am going to Gather myself after making the Wireframe) into that Wireframe structure. I just a newbie so it's probably a stupid question - but I've been wondering this for a while.

  10. #10
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi dresden_phoenix, I will be the person creating the Copy (or "Content") for the project that I'm about to start, so at least I have some control over that. Thanks for the reply.

  11. #11
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,194
    Mentioned
    17 Post(s)
    Tagged
    4 Thread(s)
    In that case you can design a wrapper which contains all the components which persist to every page and allocate an area for the individual pages content. A good place to start is the home page. Than mark-up the wrapper and add the pages content.
    The only code I hate more than my own is everyone else's.

  12. #12
    SitePoint Member
    Join Date
    Dec 2011
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by oddz View Post
    In that case you can design a wrapper which contains all the components which persist to every page and allocate an area for the individual pages content. A good place to start is the home page. Than mark-up the wrapper and add the pages content.
    Thank you for that advice oddz. I'm gonna go w/ that. Cheers


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •