5

profileKing Wave

 

Week 5-Site Architecture-sv 

Each week builds on itself in order to help  you to design a web store layout.  This week you will continue to  research and thoughtfully develop your web store.  

Create a site map using the content that you organized in week 4.   Produce both a site map sketch then a finished site map, using the  graphical tool of your choice. Attach your work here.

  • Organize content into nodes. (slide 2)
  • Choose from one of the four structures to organize your nodes.  Why  did you choose this organizational style to present your content?  (slides 3-6)
  • Answer the five critical questions about your content. (slide 7)
  • Complete your site map sketch. (slides 8-10)

Note: Include a sketched out site map (use Word, Excel, PPT, etc. to  create the sitemap).   A couple of examples are provided in this week's  resource links of the lecture. How to Draw a Site Map
http://webdesign.about.com/od/strategy/qt/plan_site_map.htmLinks to an external site. 

Resources

Garrett, Jesse James. The Elements of User ExperienceLinks to an external site.. New Riders Publishing, 2002

Vince Flanders’ suggested reading list for good design articlesLinks to an external site.

Web Site Architecture http://core.ecu.edu/engl/kaind/7766/notes/web/arch.htmLinks to an external site.

Lynch, P. & Horton, S. (2011). Retrieved from http://webstyleguide.com/wsg3/3-information-architecture/3-site-structure.htmlLinks to an external site.
 

About nodes. Drupal. Retrieved from https://www.drupal.org/documentation/modules/nodeLinks to an external site.

Web Style Guide http://webstyleguide.com/wsg3/3-information-architecture/3-site-structure.htmlLinks to an external site. Here's a site that helps to explains site structure further.

DENIM http://www.softpedia.com/get/Internet/WEB-Design/Web-Design-related/DENIM.shtmlLinks to an external site.  Free program that helps in sketching websites.

Gliffy https://www.gliffy.com/#sitemapsLinks to an external site. Site that gives a free 14 day trial to allow you to sketch websites.

Example of navigation, nodes 1 (Using DENIM program)

Example of navigation, nodes 2

  • 5 years ago
  • 15
Answer(0)