IDCC 380: Web Design II Spring 2010

High Fidelity Prototype Model, 03/27/08

Check this out:

The screenshot to your right links to the high fidelity prototyp model for Exercise 14, the Visual Infinite Menu to be the centerpiece of an e-commerce site of your choosing.

Remember, this final layout/navigation exercise functions as a kind of mid-term exam for the course, giving you the opportunity to demonstrate to site visitors your best work in the two critically most important aspects of Web design: layout and navigation.

Your objective is to create a high-level (high fidelity) prototype page of an e-commerce site, providing the expected functionality of such a site in the design. (As noted in the assignment requirements, some of this functionality will exist only at the design phase; it is yet to be programmed.)

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: design, e-commerce, functionality, high fidelity prototype, ice layout, primary navigation, prototype, requirements, secondary navigation

WJB posted on Thursday, March 27, 2008 (permalink) 0 Comments Links to this post

  top of page

---

Exercise 7 - Usability Associates Services, 02/24/08

Check this out:

Tuesday, February 26, we will begin Exercise 7, using one set of the tabs you generated with CSS Tab Designer, Thursday, February 21. This tab set will become the top-tier primary navigation in the header of the services page of our prototype site, Usability Associates.

Exercise 7 will allow you to place the tabs in a fully functional template, complete with wrapper, header, left-column secondary navigation, right column content, and footer. The screenshot at right (click for larger view) illustrates the prototype I built from a tab set placed into one of the earlier layout exercises.

This exercise introduces you to a number of new Web design challenges, chief of which is putting together layout (with appropriate color palette), primary navigation (generated), secondary navigation (hand carved), exported and commented CSS, exported JavaScript, W3C validation, and high level prototype functionality. All in all, this exercise is an excellent design, information architecture, and site management experience.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: css, CSS Tab Designer, information architecture, internal navigation, navigation systems, primary navigation, prototype, secondary navigation, template, top-tier navigation, web design

WJB posted on Sunday, February 24, 2008 (permalink) 0 Comments Links to this post

  top of page

---

IDCC 380 Sites Nicely Designed, 04/10/07

Check this out:

Take a look at some really appealing designs and course work that your classmates submitted for assignment one:

1. Siraj Bilimoria
2. Jason Feldman
3. Brian Gilbreath
4. Josh Mahoney
5. Kimberly O'Connor
6. Robyn Saidi
7. Jennifer Shabshelowitz
8. Laura Tabb

Here are the problem areas that were general:

1. SEO: poor page titles; no meta keywords or descriptions. Be sure to correct these on all pages (except the exercise pages).
2. On your dream site prototype and your IDCC 380 Web site, kill all self-referencing links. If your navigation setup causes you trouble in doing this, let me know.
3. Remember that you are creating a Web; you need to make sure that from any page in the Web your visitor can easily get back home (except the exercise pages; I give you a pass on those).
4. Many of you experienced wrapper problems. Be sure to correct these. Ask if you need some help with this.
5. Provide a signature and a text global navigation bar in the footer of your IDCC 380 site and prototype dream site pages. The footer minimally should include date, time, and contact information. You need not include the footer on exercise pages.
6. Avoid non-informative hyperlinks such as click here.
7. Watch your proofreading. Remember as well to use Shift/F7 in Dreamweaver to check your pages for spelling.

If you have questions, just e-mail me at wbuchholz@bentley.edu. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below.

Labels: assignment one, CSS Tab Designer, design, dream site, Dreamweaver, footer, hyperlinks, non-recursive hyperlinks, proofreading, prototype, student sites

WJB posted on Wednesday, April 04, 2007 (permalink) 0 Comments Links to this post

  top of page

---