Final Build Examples - 7/1/08
- community bubble at homepage: http://www.inkd.net/dl/mit/neo/r03.5/neo_final_00.html
- since each section has it own color. i just assigned a blue color for the homepage community bubble.
hope this is ok.
- since each section has it own color. i just assigned a blue color for the homepage community bubble.
- community bubble at your mit: http://www.inkd.net/dl/mit/neo/r03.5/neo_final_01.html
- community bubble at your checklists: http://www.inkd.net/dl/mit/neo/r03.5/neo_final_02.html
- community bubble at your benefits: http://www.inkd.net/dl/mit/neo/r03.5/neo_final_03.html
Design Review 3 - 6/26/08
Please post all comments here by noon, Friday 6/27: Design Review 3 Comments
- homepage: http://www.inkd.net/dl/mit/neo/r03/neo_r03B_00a.html
- once the pull down menu appear for the main nav, the audience should be able to select the white text too:
(based on my limited html skill, i can't program it to work the proper way)http://www.inkd.net/dl/mit/neo/r03/neo_r03B_b.html
- once the pull down menu appear for the main nav, the audience should be able to select the white text too:
- 2nd level pages:
- Your MIT: http://www.inkd.net/dl/mit/neo/r03/neo_r03B_01.html
- Your Checklists: http://www.inkd.net/dl/mit/neo/r03/neo_r03B_02.html
- Your Benefits: http://www.inkd.net/dl/mit/neo/r03/neo_r03B_03.html
- 3rd level pages: (we will develop all lower level page template for bob to program):
- Your MIT: http://www.inkd.net/dl/mit/neo/r03/neo_r03B_01.5.html
- http://www.inkd.net/dl/mit/neo/r03/neo_r03B_01.6.html
- Your Checklists: http://www.inkd.net/dl/mit/neo/r03/neo_r03B_02.1.html
- Your Benefits
Documents, URLs, comments, etc. related to the Design of the NEO website:
Design Direction 6/2/08
Design approach 3 is our preferred base design. We particularly liked:
the graphics images (arrow and bullseye)
the horizontal orientation of the secondary page links
the balloon shaped Community object with the vertical orientation of "Community"
the web site name branding
Requested Enhancements:
1. For the top page, rather than the dynamic people/place images, have the "You Are Here" Dome image as a static image. It was this image that made design approach 1 the initial favorite.
2. Use "You are here" instead of "You're here" in the Dome image.
3. On the children pages, display a single people/place image that changes upon reload. (This may have been part of your original concept.) We should have a large variety of strong images to support this.
4. On the secondary pages, for the text that appears in the larger font, use a different, bright color.
5. Please exclude the "Ambulance" image from your set of images.
6. Substitute "New Employee Orientation" for "New Employees Orientation"
7. Please substitute "See the Sites" for "Resources".
Other Ideas/Challenges
1. The MIT Logo displays off the monitor screen on the secondary/tertiary pages. We need to find a way to elevate the logo.
2. The overall "shape and feel" is a little blocky/horizontal. Ideas to add some contrasting roundness would help; e.g., someone suggested cutting out the photograph to fit bullseye.
3. To facilitate navigation, would it be possible to implement a rollover menu effect on the top page for the secondary page links? And on the secondary pages, for the other secondary page links, have the same rollover effect?
5/27/08 Presentation- 3 Design Approaches
If this is your first time here, we suggest you view the sample pages first, then review any comments or opinions listed below. Note: at this stage the pages are static (i.e., links and buttons won't work!) and typos may be present. Our goal is to identify the approach that best expresses the values we wish to convey to new employees.
Windows Internet Explorer tip: holding the Ctrl key down while clicking on a link will open up the page in a new tab.
Add your comments/votes by clicking the appropriate "Approach x comments" link.
- Hosting Site/r01/
- Design Review 3 Requested Changes - 6/27/08
- Design Review 3 Deferred Suggestions- 6/27/08
Design Review 2, 6/12/08; Three Design Options
- Usability Documents 6/24/08: NEO Review ATIC Accessiblity Review
- NEO Design Review 2 - Comment Summary
- NEO Design Review 2 - Change Recommendations
Design Review 1, 5/27/08 Presentation- Three Design Approaches
- Design Direction 6/2/08
- MIT Community Bubble
- 7/1/08 Note: The Community Bubble will appear only on pages where no "special content" exists on the right hand margin.
- An example of "special content" is the "Campus Emergency" phone numbers appearing on the MIT Safety page.
- MIT Community Bubble - functional description
- MIT Community Bubble - content
- 7/1/08 Note: The Community Bubble will appear only on pages where no "special content" exists on the right hand margin.
- Design Approach 1: Top Page, 2nd Level Page A, 2nd Level Page B, 2nd Level Page C
- Design Approach 2: Top Page, 2nd Level Page A, 2nd Level Page B, 2nd Level Page C
- Design Approach 3: Top Page (Variant 1, Variant 2, Variant 3), 2nd Level Page A, 2nd Level Page B, 2nd Level Page C