Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

MacBoobsPro

macrumors 603
Original poster
Jan 10, 2006
5,114
6
Ok, so I have finally decided to stick with a layout after farting around with it for ages. If you have a couple of minutes please take a look and get back to me with anything that looks odd or is confusing etc. You know, general usability problems and stuff.

I'd especially like to hear from PC users to know what they are seeing. I don't have access to a PC and the site is done in iWeb so there is potential for conflicts.

All type has been converted to images (or at least should have been) to prevent reflowing and also to stop the site being shown in some crappy font that your browser defaults to (no offence :D ).

Your time is much appreciated. Thanks.

Boobs

EDIT: It would help if I gave you the link wouldn't it?

http://www.stuartluff.co.uk
 
The major issue I have with this site is that when clicking on a link the page goes white then brings up the new page. It would be better if it just brought up the next image in your gallery not reloading the full page.

Take a look at my site to see what I mean.
 
The major issue I have with this site is that when clicking on a link the page goes white then brings up the new page. It would be better if it just brought up the next image in your gallery not reloading the full page.

I agree but I can't help that, its done in iWeb.
 
  • I'm not a fan of images of text. When images are turned off you're looking at a blank screen, or for blind people, a silent page.
  • I also don't see why you have it setup in frames (maybe iWeb did it?).
  • You could use some rollover effects for the links.
  • The copyright statement is unreadable. Needs contrast and to be bigger.
  • Some of the other text could use some more contrast as well to make it a little more readable.
  • It's more common to have navigation at the top or left area, though not that big of a deal. (I do notice that the breadcrumb navigation is at the top.)
  • Takes forever for pages to load (probably in part from all of the image text).
  • I like you artwork.
  • I like the simplified look of the design so that your artwork is able to take a center stage on the page.

Don't take my list too hard, I'm always able to come up with my comments about any design no matter the design. Blame my art teachers and professors. I try to make a couple comments on what I think is good to offset my opinions. :D
 
FRAMES! Why use frames? Trying get rid of the .mac address? Also, code isn't very valid as some people have pointed out, so not sure how well it works cross compliant eh.

You can use image for navigation, but I would use positioning so you can also create text for navigational items as stated above.

BTW, Appears to work fine in IE 6.
 
  • I'm not a fan of images of text. When images are turned off you're looking at a blank screen, or for blind people, a silent page.
  • I also don't see why you have it setup in frames (maybe iWeb did it?).
  • You could use some rollover effects for the links.
  • The copyright statement is unreadable. Needs contrast and to be bigger.
  • Some of the other text could use some more contrast as well to make it a little more readable.
  • It's more common to have navigation at the top or left area, though not that big of a deal. (I do notice that the breadcrumb navigation is at the top.)
  • Takes forever for pages to load (probably in part from all of the image text).
  • I like you artwork.
  • I like the simplified look of the design so that your artwork is able to take a center stage on the page.

Don't take my list too hard, I'm always able to come up with my comments about any design no matter the design. Blame my art teachers and professors. I try to make a couple comments on what I think is good to offset my opinions. :D

Thats fine, its exactly what I was after. I said the text was made into graphics to make it appear exactly as I want. There is no point in taking ages over a design with good typography only for someones browser to go and turn everything into Comic Sans.

The site is aimed at professional design agencies (i.e. visual communication) so its not very likely a blind person would be looking at it. Also most design agencies will have images turned on in their browsers (they would be stupid not to) but I do take your point on board.

It is set up in frames because the website actually resides elsewhere on the net with a crazy long URL. So the address I gave is a mask for that address. Unfortunately to keep the 'short' address in the address bar I have to set it to use frames. Its all about image and how the thing looks not functions. Form Vs function and all that crap ;)

If the copyright part is unreadable how did you know it said copyright? :D That part obviously doesnt have to be immediately readable and should really be unseen anyway. If anyone rips off my work I can at least say I warned them about copyright.

I agree contrast is borderline annoying to some people but having loads of different contrasts would be distracting and so large lettering is used to combat that. Also text is displayed in a hierarchical style so the more important stuff stands out more than the less important.

Navigation took a bit of thought as always. Really trying to keep it minimal was the key so it fits with my style of work. To prevent having to put 'back' buttons in random places I utilised a breadcrumb thingy at the top. So you use the bottom buttons for main sections i.e. info, portfolio etc. The middle portion of the screen to scroll through artwork etc. and the breadcrumb to go back. Its also a typography thing. Top and bottom was crying out for some text to fill the space and frame the box.

Its hosted on .mac which is notoriously slow for some reason and yes all the images will slow it down to but thats the penalty for having the site display exactly how I want it to. :eek:

Thanks for the compliments about the artwork too.
 
Thats fine, its exactly what I was after. I said the text was made into graphics to make it appear exactly as I want. There is no point in taking ages over a design with good typography only for someones browser to go and turn everything into Comic Sans.

Well, don't forget about search engines. They won't read your images, or see anything on your site but your meta, and we all know how much good that does these days..

Also, IMHO, if you are going for a professional audience as you stated, you may want to think about getting spending a few bucks a month on hosting so you don't have to frame your contents. What if a potential client wants to show someone else your work, they don't have a direct URL.

Anyways, just my 2/100 of a dollar as seen by a designer and potential client.
 
...
The site is aimed at professional design agencies (i.e. visual communication) so its not very likely a blind person would be looking at it. Also most design agencies will have images turned on in their browsers (they would be stupid not to) but I do take your point on board.
...

Well as ChicoWeb states, having text is crucial for SEO (search engine optimization) so that companies like Google and Yahoo can index your page and potential clients can find you. If you want to stick with image text then at least use the alt attribute on the img tags so that some text can be present.

As one of my text books talked about; When wheelchair ramps were first designed they didn't think about the side effects, that other wheeled objects would also benefit like carts and strollers. When you design for the blind you get the side effects of being more accessible by search engines. Just something to think about. Ha, imagine that, I learned something in school :)

Another thing to think about, you state caring more about form than function, but if pages take too long to load, people will get fed up and leave, and thus leaving you without a potential customer. You can use CSS to give alternative fonts if the user's browser doesn't have one that you prefer to be shown. It's not a total solution of course, but still an option.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.