Baby Health Guru--New Platform!

[lila]

Please use the same footer across ALL health guru channels. This footer example is on BHG_SearchPageSexResults. I can mock it up in other pages as well if need be. The bottom is white with #d9d9d9d9 top border. Also, you will notice that the arrows in the nav bar are gray with dark gray outline around them on this same mock up. These arrows are going to be the same across all channels, too. The arrow .png artwork is attached after the SearchPage? Results file. Thanks!

[lila]

please use these arrows/circles for the nav bar across all channels. thank you!

[lila]

Here are the watch page arrows. You can also use them for the category page arrows as well if need be.

[lila]

three pieces to make up a lovely talk box of any height.

[lila]

mock up of talk box in the nav bar

[lila]

Please refer to this mock up for the Getting Started section in BHG

[lila]

These are the icons that appear on the Getting Started section of the homepage

[lila]

beta gradient to be placed behind 'beta' text on the same line as the breadrcumb

[lila]

this is the health guru register page--it is the same across all channels. this is step #1

[lila]

this is the verification of the register page (step#2). It is also the same across all channels.

[lila]

TAKE THE COMPLETE SURVEY BUTTON!!! wahooooo!!!

[lila]

sub/category sort black triangle

[lila]

sub category newspaper 'article' icon

[lila]

newsletter light box

[lila]

rss light box

[lila]

about us page

[lila]

health guru advertising page

[lila]

contact page

[lila]

getting started icons. camera, clipboard, baby, article.

[lila]

PROFILE PAGES--Please follow the same light box newsletter in HG_ProfilePageRegister01EDIT.jpg as well as the 'my health topics' edit feature

[lila]

This zip has the My Profile page in it. when user clicks on the picture, it will enlarge (like in HG_MyAccount01Picture.jpg), but please hold off on adding the comments in the picture box. thanks!

[lila]

light box--login and register. let me know if you need the 'close' x.

[lila]

this is what the page looks like with one of the Categories open.

[lila]

when all categories are closed and also the common conditions.

[lila]

BIG bhg logo

[lila]

new version of the category page

[lila]

october 28, 2009
Baby Health Guru

Homepage--
-BHG logo above nav bar is squished.
-The purple color on the nav bar on the top right goes in when it meets the header. It should just be a straight line.
-missing the links next to the BHG logo in upper right for the other channels. When user rolls over the logo, there should be simple text links
-the lines in the nav bar under the the titles are still dark red (under Baby Health Videos, Health Guru Channels, Health Conditions, Health Guru Experts). Please make them black.
-Please make the headings Baby Health Surveys and Baby Health Content the same size and the same grey (hex #444444)
-Baby Health Surveys should be below Baby Health Content
-Baby Health Surveys and Baby Health Content headings should not be bolded.
-Add two grey lines (#d9d9d9) underneath the Getting Started section (above the Baby Health Videos section)
-Add two grey lines (#d9d9d9) underneath the Baby Health Videos section (Above the Baby Health Surveys section)
-The GO button on Join the BHG Newsletter should be on the same line where the user enters their email. Currently, it's below it.
-Un-bold the 'ADVERTISEMENT' text
SPECIFY ROLL OVER COLORS
-the text 'now viewing in: ..." and 'enable enhanced navigation' needs to be pulled away from the edge of the white background about five pixels to the right.
-Now Viewing In--the page the user is NOT on (basic HTML or Standard) should be underlined identifying that it's a link.
-Please move the text field in the search box to the right ten pxls

Watchpage--
-Add the 'Related Content' section in the right hand column under Join the BHG Newsletter!
-Add a call out quiz question underneath the Related Content section
-When rating a video and login/reg box drops down, please use the same 'submit' button as the comment 'submit' button.
-when rating, the close box should be in the top upper right hand corner.
-Pls give this box a hex#444444 border.
-need new artwork for the Thanks for Rating! talk box--is there a pre-programmed option we can use like the Comment Policy box?
-Limit Vid Desc/Transcript below the video to three lines.
-'view more' needs to be underlined
-unbold "what's next?"
-unbold the content titles
-Use the same font size for Video Desc, Transcripts, Cat and Tags--just bold it.
-When a user can't scroll the video thumbnails in one direction, omit the arrow.
-Please use a darker grey for arrow roll over (hex#acacac)
-Add the icons and texts of "survey, article, video, quiz, Q&A, tool, etc" above the video thumbnails.
-In SAFARI, the boxes are square and not lined up properly. It's fine in FIREFOX
-Login, Register, My Account, My Profile, etc (all the links above the SEARCH box should be underlined and de-underlined when the user rolls over them.
-Please line these up with the right curve of the SEARCH box.

-COMMENTS BOX--

-"Oops! You must log in...." Please make this box the same width as the comment box.
-"Your comment has been posted...." Please make this box the same width as the comment box.
-LOVE the commenting policy treatment :)
-Use this same treatment for the reply, +, -, and flagging rollovers in the comments section
-Un-bold the Comments
-Log In, Register, and Commenting Policy need to be underlined

-LOG IN/REGISTER BOX UNDER COMMENTS--

-Please make more space and add the double grey lines when user clicks Log In or Register under the comment box (see mock up)
-Please move the close 'x' up to the upper right hand corner.
-Please use the same 'submit' button as the comment 'submit' button. (The ones currently live are more beveled and in a different font)
-I need to give you art for the talk bubbles when user is trying to log in/register (enter username, p'word, etc). Can we use a similar treatment as the commenting policy roll over for this?

You Are Here box--
- the description text should wrap--on some, the description goes outside of the grey box/or overlaps it's neighbor
-There should always be two #d9d9d9 lines above the box that are the same width as the box
-You Are Here--please space evenly and leave more space btwn the top row and the bottom row.
-Decrease the font size in this box.
-Breadcrumb trail ontop of You Are Here is not working.

Register Page via Join the BHG Newsletter--
-Add more space between the text fields (first name, last name, email address, etc)
-The title header should be the same height as the Search Box. It's a few pixels off right now.
-Search Box is missing the 'Login - Register' links above it
-Please line the My Newsletters box with the Search box above it.

Footer--
-RSS & Newsletter light box needs a close button in the top right hand corner
-Pls include the pipes inbwn HOME, ARCHIVES, etc.

[lila]

This is an example of the channel roll overs in the navigation.

[lila]

Replying to lila:

october 28, 2009
Baby Health Guru

Homepage--
-BHG logo above nav bar is squished.
-The purple color on the nav bar on the top right goes in when it meets the header. It should just be a straight line.
-missing the links next to the BHG logo in upper right for the other channels. When user rolls over the logo, there should be simple text links
-the lines in the nav bar under the the titles are still dark red (under Baby Health Videos, Health Guru Channels, Health Conditions, Health Guru Experts). Please make them black.
-Please make the headings Baby Health Surveys and Baby Health Content the same size and the same grey (hex #444444)
-Baby Health Surveys should be below Baby Health Content
-Baby Health Surveys and Baby Health Content headings should not be bolded.
-Add two grey lines (#d9d9d9) underneath the Getting Started section (above the Baby Health Videos section)
-Add two grey lines (#d9d9d9) underneath the Baby Health Videos section (Above the Baby Health Surveys section)
-The GO button on Join the BHG Newsletter should be on the same line where the user enters their email. Currently, it's below it.
-Un-bold the 'ADVERTISEMENT' text
There are new colors for the channel roll overs in the nav bar. Pls refer to mock up "BHG_HomepageCHANNELS". Here are the banner colors: CHG text banner: #9fdcff. SHG text banner: #fe6767. PHG text banner: #ffd1e4. BHG text banner: #e1e1ff. NHG text banner: #a2c7ec
-the text 'now viewing in: ..." and 'enable enhanced navigation' needs to be pulled away from the edge of the white background about five pixels to the right.
-Now Viewing In--the page the user is NOT on (basic HTML or Standard) should be underlined identifying that it's a link.
-Please move the text field in the search box to the right ten pxls


Watchpage--
-Add the 'Related Content' section in the right hand column under Join the BHG Newsletter!
-Add a call out quiz question underneath the Related Content section
-When rating a video and login/reg box drops down, please use the same 'submit' button as the comment 'submit' button.
-when rating, the close box should be in the top upper right hand corner.
-Pls give this box a hex#444444 border.
-need new artwork for the Thanks for Rating! talk box--is there a pre-programmed option we can use like the Comment Policy box?
-Limit Vid Desc/Transcript below the video to three lines.
-'view more' needs to be underlined
-unbold "what's next?"
-unbold the content titles
-Use the same font size for Video Desc, Transcripts, Cat and Tags--just bold it.
-When a user can't scroll the video thumbnails in one direction, omit the arrow.
-Please use a darker grey for arrow roll over (hex#acacac)
-Add the icons and texts of "survey, article, video, quiz, Q&A, tool, etc" above the video thumbnails.
-In SAFARI, the boxes are square and not lined up properly. It's fine in FIREFOX
-Login, Register, My Account, My Profile, etc (all the links above the SEARCH box should be underlined and de-underlined when the user rolls over them.
-Please line these up with the right curve of the SEARCH box.

-COMMENTS BOX--
-"Oops! You must log in...." Please make this box the same width as the comment box.
-"Your comment has been posted...." Please make this box the same width as the comment box.
-LOVE the commenting policy treatment :)
-Use this same treatment for the reply, +, -, and flagging rollovers in the comments section
-Un-bold the Comments
-Log In, Register, and Commenting Policy need to be underlined
-LOG IN/REGISTER BOX UNDER COMMENTS--
-Please make more space and add the double grey lines when user clicks Log In or Register under the comment box (see mock up)
-Please move the close 'x' up to the upper right hand corner.
-Please use the same 'submit' button as the comment 'submit' button. (The ones currently live are more beveled and in a different font)
-I need to give you art for the talk bubbles when user is trying to log in/register (enter username, p'word, etc). Can we use a similar treatment as the commenting policy roll over for this?

You Are Here box--
- the description text should wrap--on some, the description goes outside of the grey box/or overlaps it's neighbor
-There should always be two #d9d9d9 lines above the box that are the same width as the box
-You Are Here--please space evenly and leave more space btwn the top row and the bottom row.
-Decrease the font size in this box.
-Breadcrumb trail ontop of You Are Here is not working.

Register Page via Join the BHG Newsletter--
-Add more space between the text fields (first name, last name, email address, etc)
-The title header should be the same height as the Search Box. It's a few pixels off right now.
-Search Box is missing the 'Login - Register' links above it
-Please line the My Newsletters box with the Search box above it.

Footer--
-RSS & Newsletter light box needs a close button in the top right hand corner
-Pls include the pipes inbwn HOME, ARCHIVES, etc.

[lila]

Replying to lila:

october 28, 2009
Baby Health Guru

Homepage--
-BHG logo above nav bar is squished.
-The purple color on the nav bar on the top right goes in when it meets the header. It should just be a straight line.
-missing the links next to the BHG logo in upper right for the other channels. When user rolls over the logo, there should be simple text links
-the lines in the nav bar under the the titles are still dark red (under Baby Health Videos, Health Guru Channels, Health Conditions, Health Guru Experts). Please make them black.
-Please make the headings Baby Health Surveys and Baby Health Content the same size and the same grey (hex #444444)
-Baby Health Surveys should be below Baby Health Content
-Baby Health Surveys and Baby Health Content headings should not be bolded.
-Add two grey lines (#d9d9d9) underneath the Getting Started section (above the Baby Health Videos section)
-Add two grey lines (#d9d9d9) underneath the Baby Health Videos section (Above the Baby Health Surveys section)
-The GO button on Join the BHG Newsletter should be on the same line where the user enters their email. Currently, it's below it.
-Un-bold the 'ADVERTISEMENT' text
SPECIFY ROLL OVER COLORS
-the text 'now viewing in: ..." and 'enable enhanced navigation' needs to be pulled away from the edge of the white background about five pixels to the right.
-Now Viewing In--the page the user is NOT on (basic HTML or Standard) should be underlined identifying that it's a link.
-Please move the text field in the search box to the right ten pxls


Watchpage--
-Add the 'Related Content' section in the right hand column under Join the BHG Newsletter!
-Add a call out quiz question underneath the Related Content section
-When rating a video and login/reg box drops down, please use the same 'submit' button as the comment 'submit' button.
-when rating, the close box should be in the top upper right hand corner.
-Pls give this box a hex#444444 border.
-need new artwork for the Thanks for Rating! talk box--is there a pre-programmed option we can use like the Comment Policy box?
-Limit Vid Desc/Transcript below the video to three lines.
-'view more' needs to be underlined
-unbold "what's next?"
-unbold the content titles
-Use the same font size for Video Desc, Transcripts, Cat and Tags--just bold it.
-When a user can't scroll the video thumbnails in one direction, omit the arrow.
-Please use a darker grey for arrow roll over (hex#acacac)

-refer to mock up titled "WhatsNext?.jpg" it is a mock up of ONLY the what's next? section of each watch page across all channels.

-In SAFARI, the boxes are square and not lined up properly. It's fine in FIREFOX
-Login, Register, My Account, My Profile, etc (all the links above the SEARCH box should be underlined and de-underlined when the user rolls over them.
-Please line these up with the right curve of the SEARCH box.

-COMMENTS BOX--
-"Oops! You must log in...." Please make this box the same width as the comment box.
-"Your comment has been posted...." Please make this box the same width as the comment box.
-LOVE the commenting policy treatment :)
-Use this same treatment for the reply, +, -, and flagging rollovers in the comments section
-Un-bold the Comments
-Log In, Register, and Commenting Policy need to be underlined
-LOG IN/REGISTER BOX UNDER COMMENTS--
-Please make more space and add the double grey lines when user clicks Log In or Register under the comment box (see mock up)
-Please move the close 'x' up to the upper right hand corner.
-Please use the same 'submit' button as the comment 'submit' button. (The ones currently live are more beveled and in a different font)
-I need to give you art for the talk bubbles when user is trying to log in/register (enter username, p'word, etc). Can we use a similar treatment as the commenting policy roll over for this?

You Are Here box--
- the description text should wrap--on some, the description goes outside of the grey box/or overlaps it's neighbor
-There should always be two #d9d9d9 lines above the box that are the same width as the box
-You Are Here--please space evenly and leave more space btwn the top row and the bottom row.
-Decrease the font size in this box.
-Breadcrumb trail ontop of You Are Here is not working.

Register Page via Join the BHG Newsletter--
-Add more space between the text fields (first name, last name, email address, etc)
-The title header should be the same height as the Search Box. It's a few pixels off right now.
-Search Box is missing the 'Login - Register' links above it
-Please line the My Newsletters box with the Search box above it.

Footer--
-RSS & Newsletter light box needs a close button in the top right hand corner
-Pls include the pipes inbwn HOME, ARCHIVES, etc.

[lila]

This is an example of the comments section across ALL channels. This includes rollovers for Flag, Reply, '+' & '-'

[lila]

here is the search results page without the tabs...

[lila]

CROSSBROWSER TESTING.
november 2, 2009

WinXP--IE 7

BHG HomePage?
-grey 'you are here' box at bottom dissapears when user clicks the down arrow of a category. It reappears when the user clicks the arrow again.
-the talk bubbles in the nav bar have an extremely heavy/dark shadow on them when they load
-Health Conditions A-Z box: the purple background of the box is stretching outside the confines of the talk bubble.
-the underline colors in the nav bar underlining the headings are red. they need to be black
-the doctor/expert talk boxes are not alligned. the middle piece of art is jutting out to the right
-in the 'baby health categories' of the 'getting started' section, the grey box that appears when rolled over has a strange discoloration at the bottom--it looks like there's a white bar over half of the bottom of the roll over color of grey.

BHG Login (above Search box)
-missaligned--the Username & Password text field should be the same width and height.
-the 'remember me' square is by the password text field
-Please underline 'Join now'

BHG MyAccountPage?
-'activities/interests,' 'quotes,' 'my bio' need to be to the left side and top of their boxes.
-the Photo Uploaded green stripe across the top should be the same width as the My Profile grey bar above it. Currently, it's about 10 pixels short on both sides.
-same issue with the 'invalid' red bar

BHG WatchPage?
-the tabs 'rating,' 'view' 'embed' are shifted over to the right so that 'embed' is completely hanging off the right side of the player and going over the advertisement in the right hand column
-the bottom line of text underneath the video player is cut off halfway
-when click for more is hit under the video player text, the text moves up underneath the video that's playing so it is unreadable as well as being unseen.
-the You Are Here box text at is overlappy eachother substantially--the middle column needs to be pushed right more.
-the 'email to a friend' lightbox needs to have text above the fields that says 'your email address' & 'recipients email address.'

BHG CategoryPage?
-the Tags scroll bar in the right hand column is wrong--currently, it is the hand made one from the old design from SHG. Please use a defaul scroll in this instance.

Win2K--IE6

BHG HomePage?
-the transparent .pngs are appearing on a grey background rather than being transparent

BHG Login (above Search box)
-missaligned--the Username & Password text field should be the same width and height.
-the 'remember me' square is by the password text field
-Please underline 'Join now'
-the transparent black that should cover the entire page which is underneath the Sign In box stops before the 'login-reg' links above the search box

BHG RegisterPage?
-Please see mock up...the 'first name,' 'last name,' etc are in the wrong place
-my newsletters is also in the wrong place. thanks!

BHG WatchPage?
-the tabs above the video are hanging off into the right hand column
-the comment box dissapeared at one point--not sure why

BHG CategoryPage?
-the Tags scroll bar in the right hand column is wrong--currently, it is the hand made one from the old design from SHG. Please use a defaul scroll in this instance.

[lila]

this is the new end results for the survey in BHG. The colors on the pie charts will be BHG colors. Thanks!

[lila]

survey results page when a user is not registered