-
Hello Carlos,
the screen shots don't do this website justice. I was going to comment on some of the choices, but when I visited the site all things fell into place.
Nicely done.
A couple of things that are bugging me:
The navigation style / fade is really bad. Fade is annoying and should rarely be used in UI's because it's of delayed response. It might look ok the first time, but after using it it becomes cumbersome because the site is not as responsive as I wish it to be.
The navigation in the footer is not usable. Why not create a larger footer and stack the navigation links 4 in each group in, say, 4 columns?
When I view the website on a widescreen display the image terminates on the 2/3 mark. It is using dynamic width for the image, which is great, but the rest of the site is not dynamic in width - so the search box and footer address are still stuck in the same place. On my monitor it becomes disorganized, on a 1000px width monitor it's fine.
The tree boxes - all good here, like the slider. Why not make the links obvious? You use the nice blue color for the "call to action" elements, so use it on the titles to let me know they're clickable, too.
Some secondary pages are a bit unorganized. Content can be laid out in a better fashion. (eg: http://beta.dmns.org/plan-your-visit/hours )
That's all i got. All it needs is some light tweaking, otherwise you're on the right path.
beta.dmns.org
-
1
Indicate that it's a link
-
2
Newsletter Signup...but where is the input?
I read here Newsletter Sign up, but where is the email input and Sign Up Button? I don't like how this link take me away from the website! This is a usability issue, because you don't want to take people away from the website, you have lots of space here, to load here the inputs! Just use some jquery to hide a #div which contains the <form> and when click on the Newsletter Signup just show the #div! This make sens? If not reply to me I will show an example!
-
3
I like this, with the opening hours!
I like this contact text because you also put the opening hours!
-
4
I like this!
I really like this, very cool how you arrange the content text!! Nice one!
-
5
This is the most cool part of the website!
This is amazing how the image loads in the background, really original! I like the images now on the live website!
-
6
I have to say that I enjoy this Nav Menu!
I really like this Nav Menu with the Drop down, really really cool!
-
7
margins
notices the margins on the left and right of the image are different sizes. They should be the same. I would increase the width of the image to reduce the gap
-
8
spacing and contrast
I like this box, but I would consider the contrast and the spacing as two things to look at. Firstly the spacing. The padding at the top is quite big, but that makes the tiny padding at the bottom look like the content is being squashed in. All you have to do is shift it all up 10 pixels to fix this. I would also add some extra line-height to the text to make it easier to read. Regarding contrast, I think the text is too light for a white background. Just make it a bit darker and you'll be good.
-
9
footer could do with some clarity
The newsletter signup link looks like a heading so it took me a short while to realise the text underneath was not related to the signup and instead was links to useful content.
beta.dmns.org/exhibitions/current-exhibitions
-
1
Padding width
...should probably be the same all around the image.
-
2
Nice
I like the way the active state is shown.
-
3
Bad.
Stack them, it's unusable at it's current form.
-
4
Blends
These links blend a bit much for my taste. How about using a little "tabbed" design here with slightly different shades of color to indicate each slice?
-
5
polish this
this could do with some tidying up. It's great that you've added it but I would recommend adding some extra spacing, and making the fonts you've chosen match the fonts on the rest of the site
-
6
image spacing
Like the homepage I would make the images in here wider so that the sides line up with the margins on the text below. This is simply to make things look more structured.
-
7
move these
I think the buttons would function better if they were higher up. At the moment there is a gap between the position of the buttons and the text they relate to. I understand that they are in a containing box, but I think they should be closer to the content that they are talking about.
beta.dmns.org/teachers
-
1
tidy up the tabs
I don't like the blue gradient on the tabs. I can understand why it's there but it looks a bit cheap and tacky. I think just having a strong bottom border that matches the colour of the selected tab is enough to tie the tabs to the content. I would also suggest making the deselected tabs a different colour so that there's more contrast between them and the selected tab
-
2
messy
These rounded boxes look really messy. The dark blue borders don't match the more subtle grey you have used everywhere else The rounded corners look a bit nasty, and the spacing of the content inside is totally off. It looks like someone different designed this section to the rest of the site. I think with a more subtle colour on the borders and better spacing this would look quite good, but as it is it ruins the professionalism of the rest of the site.
