The following are examples of professional wireframe diagrams done as part of the information architecture phase of real projects. Use them as a guide for how much detail you should go into with your own diagrams.
Your assignment in class today is to create a set of information architecture diagrams (between 2 and 3 wireframe diagrams, no more) that show how the information on a travel destination site’s website should be arranged.
Working off of the concepts outlined in this post about information architectural navigation elements, as well as using these samples of professional wireframes as a set of references, you should make sure that all the information on this travel destination site is easy to find and the site itself is interesting and easy to navigate.
When you have finished the assignment, please save each wireframe as an image file (either JPG, PNG, or GIF file type), and post them to your blog. The title of your blog post should be “Class 1 – Assignment – Travel Destination Wireframes”
Your client, the travel destination site owner, and you have agreed as part of the Requirements Gathering phase of website development that the site must have the following types of information:
Your assignment is to convert this wireframe diagram into valid XHTML code:
wireframe for class 2 in-class assignment
As always, start with the bare minimum elements necessary to make an XHTML page, and move forward based on the XHTML common elements example code.
Hint: you will want to use the align attribute of the <img> tag in order to have the image sit next to the paragraph of text. You should look up the <img> tag reference page on the w3schools.com site for more information.
Your assignment in class today is to create a set of wireframe diagrams (between 2 and 3 diagrams, no more) that show how the information on a restaurant’s website should be arranged.
Your client, the restaurant owner, and you have agreed that the site must have the following types of information:
Working off of the concepts outlined in this post about information architectural navigation elements, as well as using these samples of professional wireframes as a set of references, you should make sure that all the information on this restaurant site is easy to find and the site itself is interesting and easy to navigate.
When you have finished the assignment, please save each wireframe as an image file (either JPG, PNG, or GIF file type), and post them to your blog on blogger.com. The title of your blog post should be “Class 1 – Assignment – Restaurant Wireframes”
How much time, on average, did you spend each week on web development course assignments?
Total Voters: 45
Loading ...