IDCC 380: Web Design II Spring 2010

Information Architecture and the WWW, 01/20/09

Check this out:

Today's introductory presentation on Information Architecture and the World Wide Web is now available for you to view on your own computer. Just click on the icon to your right, and you will be taken to the tutorial.

Here are some of the key terms we covered, terms that will keep cropping up in the course:

• primary, secondary, and tertiary navigation
• Top-tier and second-tier navigation
• drop-down/fly-out menu
• Banner, footer, contents area of a page template
• findability
• browse
• search
• content, context, user
• xhtml, css, dhtml, JavaScript, Ajax (Asynchronous JavaScript and XML), Spry components, and programmable widgets
• RSS feeds and subscriptions

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: ajax, browse, drop-down/fly-out menu, findability, JavaScript, primary navigation, search, second-tier navigation, secondary navigation, tertiary navigation, top-tier navigation, Web 2.0

WJB posted on Tuesday, January 20, 2009 (permalink) 0 Comments Links to this post

  top of page

---

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

---