1. Strengths
- design direction boards are clear and focussed, it is easy to see that you have gotten inspiration but not copied an existing site
- neat wire frame which you have stuck to
- illustrations are of a high standard, it would have to match design of the exhibition however
- hand rendered click me is a good touch
Areas for improvement
- although at the base of the home page you have given a brief description of what the website if for, it was unclear within five seconds until we noticed the about page
Considerations
- scamps of all the pages would give a better idea of how the use flows through the website
2. Strengths
- design is visually impressive
- well laid out and structured
- good navigation bar and suitable design and layout
Considerations
- don't really understand what website is for
- why would you need contact page
- maybe have information on homepage about what website does and contains
- base homepage more on V&A exhibition
Areas for improvements
- main page presented should not be homepage (linked page instead)
- just a little confusing at the minute couldn't really imagine how each page would work
Action Plan
1. Make sure exhibition is obvious - consider type hierarchy and the possibility of placing the text from the bottom in between 'your bag' where it would fit snuggly
2. Only V&A should be a clickable image - shorten the arrow, click me could be moved closer so that design is linked more clearly
3. Give them something to read - few lines of type, more informative, more visual
4. Centre align everything - more fluidity
5. Doesn't have to follow three column grid throughout all pages as long as there is still some form of continuity
General feedback received by group
- navigation, simplifying
- too much information - T.L.D.R = too long, didn't read
- proof reading
- consistency
- clarity
- explain why, explain everything, give reasonings
Changes made from crit feedback
1. Make sure exhibition is obvious
'The Ladies of Paris : V&A Exhibition' was brought from the bottom of the web page up in between your bag, which was suggested by Lorraine and my peers. This way, your eye is led to this when on the home page. This heading was changed to a dark grey after receiving further feedback, just so that it didn't look too harsh.
2. Only V&A should be a clickable image - shorten the arrow, click me could be moved closer so that design is linked more clearly
Arrow was shortened and moved closer to the design, making everything fit in a little bit more snugly. A copy of the V&A image was made in Photoshop and saved for web in grayscale so that it could become a rollover image when placed in Dreamweaver.
3. Give them something to read - few lines of type, more informative, more visual
When re-desiging the wire frame, I made enough space between the header and the images so that text could be included. However, when tried and tested, everything looked very cramped and awkward. The circular images moved so that they were no longer visible when previewed on screen, and this isn't how I wanted it to look.
4. Centre alignment - changing the wire frame
Changing measurements to make all images and text on the web page central/lined up. In order to do this, I had to scale everything down to line up with the circular images. To begin with, I started scaling the images up to align with the title, however, in this circumstance, the height I had allowed myself meant that everything wouldn't fit on if they were enlarged. Because of this, I made the rest of the web page fit to the original size of the illustrations.
Each circular image was 146px, with a 24px gap in between each to create equal spacing. I used these measurements to create the right height for the title and the buttons.
No comments:
Post a Comment