Site Map and Wire-frame
We learnt about sitemaps and wire-frames and how important it is to structure a site. The site map is used to list and plan all the different places we can click to on the site ( the pages that will appear when you click on the buttons or links on our site). The wire-frame is to plan the architectural structure of the site ( pretty much where all the imagery and buttons etc. go on our site). This will help us to figure out where content goes on our site and be able to structure the site better.
For adaptability into a smart phones or tablets, it's better to use percentages rather than pixel site so that the site will shrink accordingly (may have to make it so text may appear larger on smaller screens as it would affect readability). The other thing was having breakpoints where if the site was on a smaller screen the grid would alter to suit the screen.
For adaptability into a smart phones or tablets, it's better to use percentages rather than pixel site so that the site will shrink accordingly (may have to make it so text may appear larger on smaller screens as it would affect readability). The other thing was having breakpoints where if the site was on a smaller screen the grid would alter to suit the screen.
We discussed the different target audiences and decided on a clear target audience of 4. This helped us to then try and add elements to our plan so that we could design to those target audiences on our own site. I think understanding the target audience is important as we want our site to be easy to read and navigate through.
We also discussed using colour like the website we presented in class. How they use colour as a wayfinding tool (each different section is a different colour).
Also, from looking at the lux site. We found that sometimes it wasn't really clear where and how to get to some pages. So when we design our own website for lux we should consider making it clear to the user how to get to pages and what pages they are on.
After we discussed and planned out a site map and we then made a thumbnail of the homepage. We're still developing this and hopefully we can improve it further by next week. Also, a developed mood board as well relating to our words.
So by next week we'll need to:
-Develop a site map for our whole site
-Develop a wire frame of homepage (through lots of thumbnails)
-Update mood boards on the style we are using and the words we want to portray
-Sarah
Also, from looking at the lux site. We found that sometimes it wasn't really clear where and how to get to some pages. So when we design our own website for lux we should consider making it clear to the user how to get to pages and what pages they are on.
After we discussed and planned out a site map and we then made a thumbnail of the homepage. We're still developing this and hopefully we can improve it further by next week. Also, a developed mood board as well relating to our words.
So by next week we'll need to:
-Develop a site map for our whole site
-Develop a wire frame of homepage (through lots of thumbnails)
-Update mood boards on the style we are using and the words we want to portray
-Sarah
No comments:
Post a Comment