Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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 
  H MIT 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

 
  M Alt text for Messages should read: "View your messages" – with "No new messages" added to end if relevantDone 
 Activity Alerts ZoneN Not 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 pagesN Add 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 M Add 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 H Deactivate link for user name in the table of messages – you should only be able to click on the message.In progress 
  H I 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.

 
  H The 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
  • User has followed a Topic and wants to know about any new posts or comments in that Topic
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 ZoneH Lighten 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. 
  M Topic 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.

 
  H For all columns - reduce padding for smaller screen widthsIn progress 
 Twitter FeedH For 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.

 
  H For 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. 
  H For all columns - reduce padding for smaller screen widthsIn progress 
1.1Log inpageFormM On 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 H 1.5Remove username from view by user   
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.

We want to:

  • Topic categories / taxonomy (vocabulary list)
  • Topic page copy
  • Video page copy
  • Create video posts

 
  

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.

ODL needs to think through the design implications – where do you go after, and how is this controlled? Where does it appear? It should update your profile

 
 Add Post CTAH Buttons should read "Login" and "Sign Up" (not Register)In Progress 
 PostsH Posts 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.

Mike will implement a mask / crop component. Hopefully the users can handle this from a usability POV.

This will render for both brief post and post detail

 
  N Can 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.

 

In progress

 
 Most Recent CommentsH Comments should be listed in reverse-chronological order: most recent posts should be listed first In progress 
 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.

In progress 
   H 

Comments should be in reverse chronological order.

Newest comments on top.

 In progress 
 Related Videos     
 Related Posts     
4.0 MembersFiltersH Filter 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

 
  H 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   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. 
  H Add topics to each entry.In progress 
  H Make # of posts / comments sortable  
4.1 Member Profile DetailGeneralN 

We would

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. 

Lock down the "To" field

 

  
4.3 Messsages summary page H Add icon image and make member name non-clickable Let's discuss 
5.0 My ProfilePhoto, Topics, EducationN 

Need a way to "unsubscribe" from a Topic

You can do this by editing profile.

  
  Followers, FollowingN1.6

Need 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 buttonsN1.5The 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     
 FormattingL Remove 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 ProfileFormN We should migrate this page into more of a WYSIWYG editing format – where you can edit the blocks, instead of editing the entire form. ODL should work on giving Mike the right groupings of text for this form 
  H Relabel "Interests" to "Specific Areas of Interest"Done 
  H Free 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.

ODL needs to add copy

 
  H Last name should go above "Location"In Progress 
  M Upon 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?  

Login goes to page of origin on submit

Edit goes to My Profile on submit

  (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 footer

Are 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?

We will redesign and supply footer

 
8.0 About ClimateXCurrently empty(question) Add link to 'About' page to footer

Are 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?

We will redesign and supply footer

 
       
10.0 EMAILSNotification email (someone commented/posted in a Topic you were following)N These 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.

 
 Welcome email  Ability to edit (and perhaps suppress) username