|
|
| (14 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <h3>Content Overview</h3> | + | <hr> |
| - | | + | <p>This section of the Specification will detail how the site is arranged, how it looks, and how it works.</p> |
| - | | + | <p>[[Navigational/UIdesign]] takes a look at how users will navigate the site, and what the art style of the webpage is.<br /> |
| - | | + | [[Content]] will describe what each section contains, and what users will get out of each section of the site. <br /> |
| - | <h3>Navigation and UI Design</h3> | + | The [[Key functions]] gives a description of the other features such as the Zoom tool. <br /> |
| - | | + | Finally, the [[Project architecture]] will talk about some nerdy file types and the order these files will be layed down.</p> |
| - | <b>Purpose:</b><br> | + | --[[User:Admin|MikeG]] 02:43, 22 November 2006 (EST) |
| - | Instead of running with a stereotypical vertical website full of hierarchical menus in a three column format, the new media department website will use a unique, artistic style that all potential media arts students will appreciate. Its unique experience will engage viewers to stay on the site to see what Pacific has to offer through its Media Arts Department.
| + | <hr> |
| - | | + | Next Section: [[Navigational/UIdesign]] |
| - | <h3>Key Functions</h3>
| + | |
| - | | + | |
| - | ''Layout''
| + | |
| - | | + | |
| - | This Flash website begins like a typical website with a loading page and a page to direct you where you would like to go. However, there is one large difference for the Media Arts website, all the pages are actually on one large page making the site very unique. The large page is to make the user feel like it is on a large sketchpad. Each line is made to feel like the site was actually hand drawn.
| + | |
| - | | + | |
| - | ''Transitions''
| + | |
| - | | + | |
| - | On a typical website the transitions from one page to the other simply means that another page appears once you click on the link for that specific page. For the Media Arts website, each page is actually on one large page making the transitions very unique. These transitions mean that you actually fly around the site to get from one page to the other. For example, if you are at the Alumni page and you would actually like to go to the Program Overview page. The user would then click on the appropriate link, which will take the user through the entire page to get there. On the way there, the user will see numerous other sketches and drawings to continue giving the user the feel that they are on a sketchpad.
| + | |
| - | | + | |
| - | ''Zoom''
| + | |
| - | | + | |
| - | Since the Media Arts website is on one large page, a key element is the zoom feature. This allows the user to zoom out of the site and be able to see the entire site on one screen. This allows the user to pick and choose which page that they would like to go to by seeing all of them. Once the user decides on which page that they would like to go to, then all that they have to do is to click on the page and the site will zoom back in for the user. By being able to zoom out, the user is actually able to see the sketches and hidden drawings in between the web pages.
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | '''Navigational Structure'''
| + | |
| - | | + | |
| - | | + | |
| - | The Media Arts website for Pacific University will have navigation that will be unique, just like the rest of the site. The navigation will simply have the name of the other pages and arrows to direct them which way they will fly next. If the user would like to have a navigation box that will stay consistent throughout the site then the user has that option by going to the Linear Navigation link located at the bottom of the screen. | + | |
| - | | + | |
| - | '''Main Navigation'''
| + | |
| - | | + | |
| - | <ul>
| + | |
| - | <li>Program Overview</li>
| + | |
| - | Major, Classes, Descriptions, Media Content
| + | |
| - | <li>Faculty</li>
| + | |
| - | Faculty Members, Bios
| + | |
| - | <li>Student Gallery</li>
| + | |
| - | Major, Media Content
| + | |
| - | <li>Alumni</li>
| + | |
| - | Alum, Bios
| + | |
| - | </ul>
| + | |
| - | | + | |
| - | '''Utility Navigation'''
| + | |
| - | | + | |
| - | <ul>
| + | |
| - | <li>Help</li>
| + | |
| - | Description on how to get around the site
| + | |
| - | <li>Linear Navigation</li>
| + | |
| - | Program Overview, Faculty, Student Gallery, Alumni
| + | |
| - | <li>Copyright</li> | + | |
| - | <li>Zoom</li>
| + | |
| - | Three levels of zoom, zoom in, zoom out
| + | |
| - | </ul>
| + | |
| - | | + | |
| - | The utility navigation is global but the main navigation will change from page to page depending on where the user is at on the site.
| + | |
| - | | + | |
| - | <h3>Project Architecture</h3>
| + | |
This section of the Specification will detail how the site is arranged, how it looks, and how it works.
