Versions Compared

Key

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

Wave 1: June 13 - June 30th:


TasksSee 1.6 Design Specs for detailed info

Team member

Status:

(blue star) Ready for QA

(star) Reviewed & needs follow-up

(tick) Approved to dev or publish

 DEVELOPMENT TASKS FOR SPRINT 1  
1.Two compact cards displayed on home pageMike 
2.Small and Medium cards for all objects (posts, videos, podcasts for now – courses and projects coming soon)Mike 
3.Learn lander page with filters (topic / type)Mike 
4.Create new ClimateX role for team membersMike 
5.Make home page top users show most active members, minus ClimateX team roleMike 
6.Social share added to all detail pages — Video, Post, Podcast – using ShareThisMike 
7.Click on “Recent Activities” feed from home page takes you to full feed page.Mike 
8.New Podcast object — you’re going to tweak the design of the video page to allow it to render right for soundcloud.Mike 
9.Top Nav cosmetic changes — logo moves, new sizing of iconsMike 
10.Top Nav taxonomy changes — topics and videos merged into single Learn landerMike 
11.Home page cosmetic changes — smaller hero imageMike 
12.NEW 6/21: Security changes to the site - e.g. Oauth for registration option and making it so only facebook or linkedin urls are recognized in bio linksMike 
 DESIGN PREP FOR SPRINT 2  
1.Redesign of the course detail pageNing 
2.Redesign of the project lander pageNing 
3.Design small and medium project cardsNing 
4.Design project detail pageNing 
5.Design member page changes - blocked out version for non-members, location prompt for members w/o locationNing 
 OTHER STUFF  
 Add a learn more link to each video, which links to author bio page, e.g. "learn more about Prof X here."Kelly 
 Write copy for members location prompt CTALaura 

 

 

A. Top Nav cosmetic changes — logo moves, new sizing of icons as below:

B. Top Nav taxonomy changes — topics and videos merged into single Learn lander

  1. Logo is clickable — goes to Home Page
  2. "Learn" goes to Learn Lander (new page below)
  3. "Connect" goes to Member page (revised)
    1. None of the nav items has a rollover dropdown
  4. Search bar goes to Search Results (new page)
  5. Utility Icons click to:
    1. Notifications page (no changes)
    2. Messages page (no changes)
    3. My Profile page (no changes)
    4. MIT logo goes to web.mit.edu

 

We will keep the black CTA banner for non-logged in state.

  • Hero image is cropped smaller
    1. Tagline for non-logged in state should be "See the latest conversations right now on ClimateX"
    2. Tagline for logged in state should be "Join the conversation"
    3. Button copy should be "View posts" for both states
  • 2 Primary Compact Cards (see design below).
    1. We should be able to select from existing cards, as in current state.
  • Member preview
    1. Member count still clicks to Member page (revised)
    2. Can we show most active members (minus ClimateX team members)?
  • Recent activities zone
    1. Make title clickable
    2. Should link to Recent Activities page (orphan page): Click on “Recent Activities” feed from home page takes you to full feed page.
    3. Recent Activities page uses Notifications feed template, but simply lists all activities – comments, new posts, new videos, new podcasts
  • Footer links are:
    1. Terms and conditions
    2. About
    3. Get involved
    4. Courses
  • Feedback link
    1. We're moving from a button to a link.
    2. Copy as shown
  • Make home page top users show most active members, minus ClimateX team role
  • Author – image and name
  • Title of card – clicks to Card Detail page (post, project, podcast, video)
    1. Ning – should title have hover state? It doesn't signify clickable right now
  • Add comment button
    1. Click anchor links to "Add Comment" button at bottom of Card Detail page. (doesn't actually let you make a comment yet)
  • Comment icon
    1. Shows number of comments
    2. Clickable icon goes to "Add Comment" button at bottom of Card Detail page
    3. Laura and Ning - should the "Add Comment" button be a "Read Post" button?
  • Like iconShows number of likes and Ning, do we agree?– This makes thing look "fresher" on the page right?
    #ImageSpecifications and Behaviors
    Top NavImage Removed
       
       
    Home PageImage Removed CTACompact CardImage Removed
  • Clickable icon goes to "Like Post" button at <where?> on Card Detail page
  • Date
  • Date shown should be date that card was created (or last edited by author).
  • Laura
  • Image
    1. Clicks to Card Detail
  • Card Type Banner
    1. Clarifies whether card is a video, post, podcast, or project
    2. Ning needs to create new version that includes this
  • Social share buttons for post/video/course/podcast detail pages using ShareThis
  • Social share added to all detail pages — Video, Post, Podcast
  •  

     

    ...

     

    ...

    Ning and Laura

    ...

    1. (Most popular? – some combo of liked and active...we might want to wait on this for a bit)
    2. (Most viewed – we should see if Mike can use this metric for sorting)

    ...

     

    ...

    1. When arriving on this page from Learn top nav click, text should read:
      1. "<##> Posts, Videos and Podcasts to explore"
    2. Following interaction with filters, text should read:
      1. <##> results
    3. Results should be sorted
      1. In reverse chronological order – most recent first
      2. Date is

    ...

    1. Lists topics (in alphabetical order)
    2. No numbers beside each topic (as depicted in design)
    3. Behavior:
      1. One clicked box shows all entries with that Topic as primary or secondary selection
      2. Two clicked boxes shows all entries with EITHER Topic A or Topic B – (super set of either Topics, NOT a subset of only those with both)

    ...

    1. Lists types
      1. Currently Video, Podcast or Post only

    ...

    1. With Icon overlay to show what type of object it is

    ...

    1. Title

    ...

    1. Click anchor links to "Add Comment" button at bottom of Card Detail page. (doesn't actually let you make a comment yet)

    ...

    1. Shows number of comments
    2. Clickable icon goes to "Add Comment" button at bottom of Card Detail page
    3. Laura and Ning - should the "Add Comment" button be a "Read Post" button?

    ...

    Mike – this is the basic idea of what we'd like

    We'll go with whatever variants are most easy to execute from you end.

    ...

    Connect (Members) Home

     

    ...

    This is the landing page after a click on "Connect" from Top Nav

    1. The page is broken into sort categories with 4 card per category
      1. Top Users
        1. Sorted by most active users - minus all designated ClimateX users
        2. Activity includes a combination of
          1. Posts
          2. Comments
          3. Liked Cards
          4. Others – thoughts for later...
            1. Site Visits
            2. Page Views
      2. Nearby
        1. Sorted by most active users who's location
        2. We should have a CTA here – "Update your profile to get better results" – that takes you to your profile
      3. Who share interests
        1. Most active users
        2. With same combination of interests
      4. All
    2. Person Card (see below)
    3. See More link goes to Connect Category Detail page (see below)
    4. Create new ClimateX role for team members

    ...

    How to like a post?

    Detail pages...

    What happens to your Member page?

    Recent Activity page?

    Force only one choice for secondary topic

    Create Course object

    We need to auto enter location for new visitors using geolocation

    ...