Versions Compared

Key

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

 

ClimateX 1.5 Staging

 

MH(question)(question)
Item #PageZone / Detail

Priority

L,M,H

N=New

1.5 or

1.6

 

ClimateX Team CommentPenzias NotesStatus
1Global Style M 1.5

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

Done 
2  H 1.5

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

Done 
30.1 Global NavigationLogoH 1.5

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

Done 
4  H 1.5MIT 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

ODL needs to provide a redesigned logo – per Bara, this does not conform to standards.

On ODL
5  Primary Left NavM 1.5

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

Done 
6 Right Utility NavActivity Alerts ZoneM 1.5

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

 
7  M 1.5Alt text for Messages should read: "View your messages" – with "No new messages" added to end if relevantDone 
8 Activity Alerts Zone N 1.5Not 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?

 

Penzias will create feature to notify on the website on new activity since last login. See business rules for what qualifies as activity in item 18...

 
9 Message Alerts Zone  

 

  
10 My ProfileM 1.5

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

 
11 

Banner CTA

(only seen if unauthenticated)

H 1.6

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 
12 Differentiation of child pagesN 1.6Add breadcrumbs to child video and post pages

Breadcrumbs were not part of the original design.

Problematic because of our tagging system - no clear parent.

ODL needs to consider this and provide recommendation
13 0.2 Footer M 1.5Add 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

ODL needs to provide footer design
14 0.3 Messages Table Page H 1.5Deactivatelinkforusernameinthetable Deactivate link for user name in the table of messages – you should only be able to click on the message.In progress 
15  H 1.5I 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 toauserspagein 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.

 
16  H1.5

For each row in Message Table:

  • Add icon image to left of checkbox (this is clickable to go to Member detail page)
  • Make member name non-clickable
  
17  H1.5The action bar spreads  The action bar spreads all the way across the page. Should be not so wide...In progress 
180.4 Activity Table N 1.5

This should show entries where:

  • User has created a Post and someone else makes a Commentlikes (1.5) or follows (1.6) a Topic and there is a new post 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. 
19   N 1.5

Activity tracks when:

  • User has created a Post and someone else makes a Comment to that post.
  
20   1.5

 Activity tracks when:

  • User has followed a Member and that Member makes a Post or Comment
  
21  1.6 

 Activity tracks when:

  • User has followed a Member and that Member decides to Follow someoneMember decides to Follow someone
  
22  1.6 

Activity tracks when:

  • 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.
  • that Post
  
23 1.0 Home PageHero Image ZoneH 1.5Lighten hero image overlay (~.3 opacity? currently at .5)Done 
24 Topic ButtonsM 

Mobile: topics should extend full screen for small screen sizes

Everything should really respect the padding gutter in this section. 
25  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.

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

 
29  H For all columns - reduce padding for smaller screen widthsIn progress 
30 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. 
31  H For all columns - reduce padding for smaller screen widthsIn progress 
321.1Log inpageFormN 1.5On login, users should navigate to the page they were last on if possible. Currently we send them to My Profile page, no matter whatwhen user chooses to log in from the Utility Nav login link.

Will look into it. Should discuss.discuss.

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

This represents a new feature.

 
331.2 Members-only Intercept (login / signup)Form  

 

  
341.3 Sign Up pageForm H1.5Remove username from view by user  
352.0 Topic Detail PageTitle and Intro CopyH 1.5

Give Admin privileges to:

Mark Brown

Kelly McCann

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 edit:

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

 
36  

N

 1.6Can 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

On ODL to think this through...
37  Add Post CTAH 1.5Buttons should read "Login" and "Sign Up" (not Register)In Progress 
38 PostsH 1.5Posts 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

 
39  N 1.5Can you "like" a post in the brief view?We will give Mike a designODL supplies design for Like in a Brief and Expanded Post view
40  Contributors Zone     
41 Related Videos     
422.1 Post DetailPostN 1.5

Ability to "like" a post

We will give Mike a design 
43 Add Comments CTAN 1.5

This should be stronger and more prominent to encourage comments

  • Add Button "Make a Comment"
  • Make the Comment count stronger.

 

In progress

 
44 Most Recent CommentsH 1.5Comments should be listed in reverse-chronological order: most recent posts should be listed firstIn progress 
45 Contributors Zone     
46 Related Posts     
472.2 Add PostForm     
48 Topics checkbox select     
492.3 Add CommentForm     
503.0 Videos LanderTitle and Opening Copy     
51 Video Grid     
52 

Video Entry

(Image, Member, Descrip, Topics)

     
53 List of Topics     
543.1 Video DetailPrimary Video     
55 Related Topics     
56 Add Comments CTA     
57 CommentsH 1.5

Remove the "Reply" link from each listed comment.

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

In progress 
58  H 1.5

Comments should be in reverse chronological order.

Newest comments on top.

In progress 
59 Related Videos     
60 Related Posts     
614.0 MembersFiltersH 1.5Filter 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

ODL supplies redesign of filter zone
62   H 1.5Add "Filter By" label above dropdowns  
63 Member tableH 1.5

Separate location into two lines: city/state, country

 

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

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.

  
68 Photo, Topics, Education     
69 Followers     
70 Bio + Follow, Message buttons     
71 Recent Activity     
724.2 Compose MessageForm     
73 Messages inbox page(question) 1.5

Lock down the "To" field

 

  4.3 Messsages summary page

field

 

 Add icon image and make member name non-clickable  
745.0 My ProfilePhoto, Topics, EducationN 1.5

Need a way to "unsubscribe" from a Topic

You can do this by editing profile.

  
75  Followers, FollowingN1.6

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.

  
76  Bio + Edit buttonsNH1.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.discuss adding another edit button somewhere on the page itself.

Mike will add an Edit button where the "Follow" button is currently shown for other people's profile – in top right of top right zone.

 
77   Recent Activity     
78 FormattingL 1.5Remove 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. 
795.1 Edit My ProfileFormN 1.5We 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 formODL supplies updated form design for Edit My Profile and Sign up Form
80   H 1.5Relabel "Interests" to "Specific Areas of Interest"Done 
81  HM1.5 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

ODL needs to provide microcopy
82   HM 1.5Last name should go above "Location"

In Progress

ODL is supplying proper order and grouping of fields

 
83  M 1.5Upon submit – unless there's a problem – the user should return to the My Profile (ie View) page (5.0)

In progress

Login goes to page of origin on submit

Edit goes to My Profile on submit

Rules:

When logging in, the user should return to the source page.

When editing page and submitting, user should go to the My Profile page, in order to confirm edits are correct, regardless of source page.

 
84 6.0 ProjectsCurrently emptyH1.5   ODL plans to remove this page for now. We need admin rights.  
857.0 ResourcesCurrently emptyM 1.5Add 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 footerfooter

ODL supplies Footer
86 8.0 About ClimateXCurrently emptyM 1.5Add 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

ODL supplies Footer
87        
8810.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. 
89    Email Notifications for Site ActivityN1.6What are existing notifications rules? 

Notificaitons – counting on site

Notifications – email notificaitons–emailnotificaitons

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

Penzias tells us existing notifications rules
90  Welcome email  Ability to edit (and perhaps suppress) username  
9111   We need to create a Terms and Policies pageODL works on this. ODL creates page and supplies copy