You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 30 Next »

 

ClimateX 1.5 Staging

 

PageZone / Detail

Priority

L,M,H

N=New

ClimateX Team CommentPenzias NotesStatus
Global Style M

Insert MIT favicon for all pages (currently it uses a Drupal favicon), so browser tabs read: "<MIT logo> ClimateX - <Page Name>

Done 
  H

Add global link behavior as follows: Link is different color to signify its a link (ie green). On hover, link becomes underlined.

Done 
0.1 Global NavigationLogoH

ClimateX should not have space in logo: "ClimateX" not "Climate X"

Done 
  HMIT logo should not be active link to MIT home page.

Did Bara give the OK for this?

I just sent her a note, will let you know ASAP -

We can have active link in the footer

 
 Primary Left NavM

For hover over state in navigation menu items – make navigation label bold.

Done 
 Right Utility NavM

Alt text for Alerts should read: "View activity you're following" – with "No recent activity" added to end if relevant

Changed message, but we can't detect activity count in this round

 
  MAlt text for Messages should read: "View your messages" – with "No new messages" added to end if relevantDone 
 Activity Alerts ZoneNNot seeing alerts in this zone when people I am following create posts or make comments.

We don't have alert counts in this round.

Can we notify alerts, even without a count?

 
 Message Alerts Zone    
 My ProfileM

Clicking on username (without navigating to drop down options) should take user to her/his profile

Currently it does this in desktop. But it cannot do this in mobile unless we remove the dropdown feature for mobile all together.

Yup - OK

 
 

Banner CTA

(only seen if unauthenticated)

H

We wanted to see a persistent banner CTA just below the navigation encouraging people to sign up as they navigate through the site...See below...

In progress 
 Differentiation of child pagesNAdd breadcrumbs to child video and post pages

Breadcrumbs were not part of the original design.

Problematic because of our tagging system - no clear parent.

 
0.2 Footer MAdd link "Feedback" that goes to "climatex_feedback@mit.edu"

Where in the footer would you like this to go?

We need to design a footer and give to Mike

 
0.3 Messages Table Page HDeactivate link for user name in the table of messages – you should only be able to click on the message.In progress 
  HI think the "Write New Message" button is problematic – because you need to select a member to send it to – which creates a complex loop – how does the user select a member? I think it should be removed.

We can remove this. It just means that people need to navigate to a users page in order to write them a new message.

Agreed – the alternative is that they somehow remember/know the users name/username – which seems unlikely – please remove.

 
  HThe action bar spreads all the way across the page. Should be not so wide...In progress 
0.4 Activity Table N

This should show entries where:

  • User has created a Post and someone else makes a Comment
  • User has followed a Member and that Member makes a Post or Comment
  • User has followed a Member and that Member decides to Follow someone
  • User has Liked a Post and someone has commented on that Post
We need to see what's possible in this round. Some of these are easier than others. Some involve items that won't be built until next round. 
1.0 Home PageHero Image ZoneHLighten hero image overlay (~.3 opacity? currently at .5)Done 
 Topic ButtonsM

Mobile: topics should extend full screen for small screen sizes

Everything should really respect the padding gutter in this section. 
  MTopic titles should not wrap mid-word (preferably not at all) - assign width properties based upon screen width

I don't see individual words wrapping, but I see breaks to new lines when the width gets small. We can modify here.

Most likely this will be done by increasing space vs proportional font size. Proportional font size would not be a good choice here given the size of the text starts out small.

 
  HFor all columns - reduce padding for smaller screen widthsIn progress 
 Twitter FeedHFor all columns - reduce padding for smaller screen widthsIn progress 
 Active MembersM

Between 770px - 830px: 3rd column (members/site feed) wraps below topics column

Yes, this is by design. At this point, there is no longer enough real estate to span 3 columns (even if we reduce padding) and there is too much real estate to have them all span 100% like they do in mobile.

 
  HFor all columns - reduce padding for smaller screen widthsIn progress 
 Site FeedM

Between 770px - 830px: 3rd column (members/site feed) wraps below topics column

Yes, this is by design. At this point, there is no longer enough real estate to span 3 columns (even if we reduce padding) and there is too much real estate to have them all span 100% like they do in mobile. 
  HFor all columns - reduce padding for smaller screen widthsIn progress 
1.1Log inpageFormMOn login, users should navigate to the page they were last on if possible. Currently we send them to My Profile page, no matter what.

Will look into it. Should discuss.

In page logins return to source page. We want all logins to return to source page.

This represents a new feature.

 
1.2 Members-only Intercept (login / signup)Form 

 

  
1.3 Sign Up page     
2.0 Topic Detail PageTitle and Intro CopyH

Please add Lorem Ipsum copy to each Topic's Intro Copy field.

Or else (preferred) we need to see the admin edit screen for this page.

Will grant admin privileges. 
  

N

Can we add a button to "follow/unfollow" this topic? – which is essentially the same as signing up for that topic on signup.Need to discuss. May need to launch without this and introduce shortly after launch. 
 Add Post CTAHButtons should read "Login" and "Sign Up" (not Register)In Progress 
 PostsHPosts do not currently display uploaded images. This is not the desired behavior – we want uploaded images to display above posts.They are disabled. We need to discuss. This behavior. 
  NCan you "like" a post in the brief view?We will give Mike a design 
 Contributors Zone    
 Related Videos    
2.1 Post DetailPostN

Ability to "like" a post

We will give Mike a design 
 Add Comments CTAN

This should be stronger and more prominent to encourage comments

  • Add Button "Make a Comment"
  • Make the Comment count stronger.
  
 Most Recent CommentsHPost should be listed in reverse-chronological order: most recent posts should be listed first  
 Contributors Zone    
 Related Posts    
2.2 Add PostForm    
 Topics checkbox select    
2.3 Add CommentForm    
3.0 Videos LanderTitle and Opening Copy    
 Video Grid    
 

Video Entry

(Image, Member, Descrip, Topics)

    
 List of Topics    
3.1 Video DetailPrimary Video    
 Related Topics    
 Add Comments CTA    
 CommentsH

Remove the "Reply" link from each listed comment.

The user cannnot actually reply to a specific comment...they are simply adding a new comment to the video post.

  
   

Comments should be in reverse chronological order.

Newest comments on top.

  
 Related Videos    
 Related Posts    
4.0 MembersFiltersHFilter dropdowns need to be themed; margins need to be corrected

Can adjust margins. Should talk about what the expected theme is vs the design we have.

OK, we will supply design

 
   Add "Filter By" label above dropdowns  
 Member tableH

Separate location into two lines: city/state, country

 

In progress 
  (question)

Try with photo at 60x60px

  
  H

Re-label: "# of posts/comments" -> "Activity level" (question)

Our initial pass was going to be creating a line break. We did that, let's take a look. 
  HAdd topics to each entry.In progress 
4.1 Member Profile DetailGeneralN

We would like to restrict access to this page unless you're signed up.

You can see the member table (4.0), but you should be prompted for login/signup (1.2) to get to this page.

  
 Photo, Topics, Education    
 Followers    
 Bio + Follow, Message buttons    
 Recent Activity    
4.2 Compose MessageForm    
 Messages inbox page(question)Message subject line should take up more width - add hover events to separate participant vs. subject line link destinations.Let's discuss 
5.0 My ProfilePhoto, Topics, EducationNNeed a way to "unsubscribe" from a Topic  
  Followers, FollowingN

Need a way to "unfollow" someone on the My Profile page.

I guess you click on that person, then you can unfollow them on that profile page.

  
  Bio + Edit buttonsNThe current "View/Edit" tab at top of My Profile should become a simple Edit button, and it would be nice if we could get into more of a WYSIWYG mode, instead of the form for 5.1 Edit My Profile (see below)

The edit/view tab should not be there. Will remove. The edit button is found in the hover menu above.

We can discuss adding another edit button somewhere on the page itself.

 
  Recent Activity    
 FormattingLRemove top margin from user-profile profile - top two blocks should be at same heightThis is because of the "edit" and "view" tab. They should not be there at all. 
5.1 Edit My ProfileFormNWe should migrate this page into more of a WYSIWYG editing format – where you can edit the blocks, instead of editing the entire form.  
  HRelabel "Interests" to "Specific Areas of Interest"Done 
  HFree text entry is confusing in this Interests area - add directions. Enter one-by-one? Insert commas in between topics?This is a comma separated type-ahead field. We should add directions/helper text for that. 
  HLast name should go above "Location"In Progress 
  MUpon submit – unless there's a problem – the user should return to the My Profile (ie View) page (5.0)In progress 
  (question)

Update 'Topics of Interest' choices on sign up

  
  Hin Sign Up page: remove 'Show row weights' linksWhere do you see this happening? 
   Is it necessary to require a password with every profile update?  
  (question) Username should be username/email, not first and last nameWe should discuss what you mean here. 
6.0 ProjectsCurrently empty    
7.0 ResourcesCurrently empty(question)Add link to 'Resources' page to footerAre we making a small primary menu item only type menu in the footer? What does this look like? Where does it go in the footer? 
8.0 About ClimateXCurrently empty(question)Add link to 'About' page to footerAre we making a small primary menu item only type menu in the footer? What does this look like? Where does it go in the footer? 
      
10.0 EMAILSNotification email (someone commented/posted in a Topic you were following)NThese have a tendency to go to junk mail. Is there a way to prevent that?I was under the impression that email notifications were out. We don't have email notification on this version of the site for alerts. 
    

Notificaitons – counting on site

Notifications – email notificaitons

ODL needs to create email notification toggles in My Profile page. In order to properly execute notificatinos strategy.

 
  • No labels