Posting examples of tweak designs????

Discussions pertaining to programming of backend systems and released UNL template code.

Re: Posting examples of tweak designs????

Postby mjoconnor » Tue Apr 05, 2011 3:43 pm

Can someone post the mockup from this morning's meeting?

I'm also wondering, since mockups for the double bar navigation weren't created yet, if the group is going straight to coding with those or if mockups will be created first? And if so, can they be posted before surveying/testing is done?

Thanks for making this process open to everyone and for posting notes on here about the process.

Mike O'Connor
mjoconnor
 
Posts: 16
Joined: Fri May 16, 2008 11:56 am

Re: Posting examples of tweak designs????

Postby acoleman » Thu Apr 07, 2011 5:05 pm

The past two weeks (Mar. 29 and Apr. 5) have largely been spent discussing more minute details of the navigation, as well as how many different variations we will need to code and test. After Tuesday's meeting, we arrived on a rough consensus of the following design:

http://ucommcoleman.unl.edu/images/20110405_mockup.jpg

The five examples that will need to be coded are:

1. Mega dropdown navigation (which is pictured above and will function much like it does now, with the added emphasis of highlighted columns and some other small improvements) with 6 primary navigation elements or less.

http://ucommcoleman.unl.edu/images/20110405_mockup_open6.jpg

2. Mega dropdown navigation with 7 or more primary navigation elements where both bars are shown on page load.

3. Mega dropdown navigation with 7 or more primary navigation elements where a single bar is shown on page load, with the second "row" of primaries only shown on rollover.

2 and 3 are variations on functionality, but both will have a look similar to the following link:

http://ucommcoleman.unl.edu/images/20110405_mockup_open7plus.jpg

4. Flag-style navigation with 6 primary navigation elements or less.
5. Flag-style navigation with 7 or more primary elements.

The look of the flag style navigation would be exactly like what is coded for the mega dropdown nav, with the exception that only the single column would show based on which primary navigation is hovered over.

As mentioned above, coding on these 5 variations will start soon, so any and all hands will be welcome if you're familiar with html, css, and javascript. Reply in this thread if you wish to join in, or hop in the WDN IRC channel for further discussion.
acoleman
 
Posts: 48
Joined: Tue Sep 20, 2005 2:54 pm
Location: 321 Canfield

Re: Posting examples of tweak designs????

Postby kabel2 » Mon Apr 11, 2011 2:42 pm

For those closely following the discussion on handling large navigation (7 or more primary elements), as the previous post mentions, we are heavily testing the nav prototype named "multi-bar" in the PDF that was previously uploaded in this thread.

Tests 1, 2, 4, and 5 are all implementations of the "multi-bar" prototype, with 1 and 4 only having one bar.

Test 3 is an implementation of the "alternate UI/Styles" prototype. It closely follows the current behavior of the navigation and lends it self to only being implemented in a megabox.

For more information about these prototypes please review the PDF in this thread.
kabel2
 
Posts: 47
Joined: Tue Jan 17, 2006 10:33 pm
Location: University Communications

Re: Posting examples of tweak designs????

Postby smeranda » Tue Apr 12, 2011 1:14 pm

Here are images of the associated designs.

The five examples that will need to be coded are:

acoleman wrote:1. Mega dropdown navigation (which is pictured above and will function much like it does now, with the added emphasis of highlighted columns and some other small improvements) with 6 primary navigation elements or less.


Closed (default navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Mega_Single_Closed.png

Open (hovered navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Mega_Single_Open.png

acoleman wrote:2. Mega dropdown navigation with 7 or more primary navigation elements where both bars are shown on page load.


Closed (default navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Mega_Double_Closed.png

Open (hovered navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Mega_Double_Open.png

acoleman wrote:3. Mega dropdown navigation with 7 or more primary navigation elements where a single bar is shown on page load, with the second "row" of primaries only shown on rollover.


Closed (default navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Mega_Single_Open.png

Open (hovered navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Mega_Double_Open.png

acoleman wrote:4. Flag-style navigation with 6 primary navigation elements or less.


Closed (default navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Mega_Single_Closed.png

Open (hovered navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Flag_Open.png

acoleman wrote:5. Flag-style navigation with 7 or more primary elements.


Closed (default navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Mega_Double_Closed.png

Open (hovered navigation):
http://ucommdev.unl.edu/smeranda/2011Realignment/finalDraft-Flag_Double_Open.png
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications

Previous

Return to Coding

Who is online

Users browsing this forum: No registered users and 1 guest

cron