How big are your mock-ups?

800x600 (or slightly less to account for browser chrome)
38% (5 votes)
1024 x 768 (or slightly less)
0% (0 votes)
800px wide, but higher than 600px
46% (6 votes)
1024px wide, but higher than 768px
8% (1 vote)
something else (please post!)
8% (1 vote)
Total votes: 13
Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Does anyone have any finished mock-ups that you wouldn't mind including in an A Padded Cell article? I have a few of my own but it would be nice to include more so readers can see how these are actually built.

Send them to my by email at mjjack(at)rogers.com

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

We are talking about how we deisgn graphic prototypes for web deisgns. I think most professionals work this way - you start with some preliminary planning, maybe do some wireframing or site architecutre, then design a graphic mock-up using your graphics program of choice.

Sorry if that didn't answer your question, I'm not qute sure what you're asking.

They have: 4 posts

Joined: Apr 2007

Hello

what types of mockup you all are looking at ?

Please let me know

Thanks

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Yeah, but even if it was higher I'd still want to do my mock-ups for the most popular resolution (1024). It should look best for the majority and then scale from there depending on usage IMO.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I'm not talking about abandoning 800 x 600, just to be clear (see note at the bottom of my originalpost). What I'm talking about is designing a site that looks *best* at the most popular resolution, which for my sites is 1024 x 768. Actually, we aren't able to track this site and my personal site so I'm sort of going by what I see happening on my work site, where 800 x 600 usage hovers around 4%. It definnitely wouldn't make sense to design a site that looks best at 800 x 600 when most visitors are running something bigger (and often much bigger!).

Roo's picture

She has: 840 posts

Joined: Apr 1999

Wow yeah 4%...that's not enough to worry about really. I don't think we should abandon it yet, but I can see the day coming where 800X600 will go the way of 640X480.

Roo

He has: 1,758 posts

Joined: Jul 2002

I mock up at 760 not because it's the width of the client or visitors but simply because it's the width that I find has the best readability. That's the main reason I still design fixed width layouts - I can't stand long lines!

Andy

Roo's picture

She has: 840 posts

Joined: Apr 1999

When 800X600 use goes down to around 3% I will then abandon it.

If it ever gets to the point where the majority uses above 1024 X 768 then I will have to quit, I just can't see well enough for anything higher than 1024X.

I keep my own monitor at 800X600.

Roo

JeevesBond's picture

He has: 3,956 posts

Joined: Jun 2002

I'm also an 800x600 person. I make the actual proof 1024x768 but then fit the design into 800x600. By my estimations that'll give the customer an idea of how it will look on most monitors, even if they're still using 800x600 the design image will still work for them, only the background pattern will get chopped off.

I use GIMP or Inkscape. Inkscape is a brilliant application... GIMP is, well you know, it's the GIMP. Smiling

a Padded Cell our articles site!

teammatt3's picture

He has: 2,102 posts

Joined: Sep 2003

My mock-ups are almost always 750-770px wide and 1000px down. I used imageready to whip them up.

Brooke's picture

She has: 681 posts

Joined: Feb 1999

True! And that is so funny. It has to look good to them. They don't understand that other's are seeing something different. Clients are funny little creatures.

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

Yeah, it's not so much the visitors as the clients that have 800x600. If the web site doesn't look great on the client's computer, they don't really care that it looks fine on 95% of the visitors' computers.

Brooke's picture

She has: 681 posts

Joined: Feb 1999

a lot of my clients are on the smaller monitor size still. Whatever looks the best to them - they want!

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I'm surprised you're all still mocking up for 800 x 600! Do you all find that most of your visitors are still using that resolution? I don't, which is why I've moved up. I want the site to look best at the most popular resolution, so that's what I mock-up for. I just keep 800 x 600 in mind while I'm designing and make sure that things will adjust to fit.

Brooke's picture

She has: 681 posts

Joined: Feb 1999

I do the same as timjpriebe. 760 and I use fireworks. I used to use photoshop exclusively but found that fireworks works better for me for the web!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

I work on a higher pixel ratio to fit an 800x600 site... if it's fixed width , i'll stick with those, and if fluid I increase it a bit... I usually code first the layout then decide on how I want it to look.

I sometimes use Adobe PS, and Illustrator for Icons and logos.. But if I need to work fast I use Corel...

Roo's picture

She has: 840 posts

Joined: Apr 1999

Something like 770 X 768.

I do fluid design and make it so it looks best at 1024X but with the content still viewable at 800X with no horizontal scroll:

Here's an example: (800 X 600 users see only a teeny tiny portion of the flag background on the right side)

Roo

He has: 0 posts

Joined: Apr 2007

I tend to use ~800px x (some number larger than is really reasonable), with all of the pixel pushing done in Inkscape [ Vector = warm, fuzzy thoughts]. Mind you, I've not yet worked on what I would consider a *real* website - mainly just for a defunctish community site.

If you are trying to keep to opensource tools, Krita is a promising alternative to Gimp. It's probably not on par yet, but it seems to have more momentum behind it. Smiling

Renegade's picture

He has: 3,022 posts

Joined: Oct 2002

I used to do all my designs in 640 x 480 when 800 x 600 was popular but, now that 1024 x 768 is more popular, I find I'm doing them in 800 x 600. Perhaps I'm just behind in the times... Plain

aka Rohan's picture

He has: 200 posts

Joined: Feb 2006

I don't do mock-ups... guess I should though =/

My next project is going to be a fixed size positioned site with nice layered images and smooth curves (as opposed to my usual fixed width, center aligned header-body-footer type I always follow) so I intend to do one for that.

At the moment I'm looking at a 760x600 main body but will probably be larger in total with purely cosmetic additions to the background. Reckon i'll mock up for a 1024x 768 screen but as I said, the main part would cater for an 800x600.

At the moment I use Gimp for all graphics but I'm trying to locate a copy of Fireworks to try and hopefully switch to.

timjpriebe's picture

He has: 2,667 posts

Joined: Dec 2004

I do my mock-ups 760px wide by whatever height they need to be. I use Fireworks for all my mock-ups.

Many of my clients are small business or volunteer-run organizations that still have older computers. When possible, I try to determine the resolution of my clients. I make sure the design works and looks good under multiple resolutions, but I check it even more thoroughly on their resolution.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Oh, and another question - what program do you use for mock-ups? I used to use Photoshop exclusively, but now that I've switched to Open Source I'm using either Inkscape or the Gimp depending on the project. Inkscape for designs that need more crisp edges and shapes (like A Padded Cell), the Gimp for more photographic designs.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.