Final Build Examples - 7/1/08
Design Review 2; 3 options
We suggest you view the sample pages first, then review any comments or opinions listed below. Note: the pages are still 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 "Option x comments" link.
Option 01 (top HR banner reminded at the standard height, QuickLinks removed.)
...
- community bubble at homepage:
...
...
...
- 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:
...
...
...
- community bubble at your benefits:
...
...
...
Design Review 3 - 6/26/08
Please post all comments here by noon, Friday 6/27: Design Review 3 Comments
...
- homepage:
...
...
...
...
Your Benefitshttp://www.inkd.net/dl/mit/neo/r02/neo_r02_03.1.html
------------------------------------------------------------------------------------------------------------------
Option 02 (top HR banner with reduced height, QuickLinks removed.)
...
...
- 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)
- 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/
...
...
...
- Your Checklists: http://www.inkd.net/dl/mit/neo/
...
...
...
- Your Benefits: http://www.inkd.net/dl/mit/neo/
...
...
...
- 3rd level pages: (we will develop all lower level page template for bob to program):
- Your MIT:
...
...
...
...
...
...
...
- Your Checklists: http://www.inkd.net/dl/mit/neo/
...
...
...
- Your Benefits: http://www.inkd.net/dl/mit/neo/
...
...
...
- 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
when the main nav button is rollovered, a preview of the lower level topic will be revealed and they will also be clickable. because of my limited html skill, i can't program it for the design review. so i made a separated page to show the sub nav rollover effect:http://www.inkd.net/dl/mit/neo/r02/neo_r02B_rollover.html
++++++++++++++++++++++++++++++++++++
quick note about lower level page nav rollover
++++++++++++++++++++++++++++++++++++
i would like to suggest to keep the rollover simple for the main nav.
having the sub nav appear as the main nav. rollover, may create confusion.
here is a sketch to show how the graphic will look like (as a negative sample):http://www.inkd.net/dl/mit/neo/r02/neo_r02_special.html
MIT Community Bubble - functional description
MIT Community Bubble - content
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 and enlarge 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.
- 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.
- Hosting Site: http://www.inkd.net/dl/mit/neo/r01/
- 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