Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  • 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 icon
    1. Shows number of likes
    2. Clickable icon goes to "Like Post" button at <where?> on Card Detail page
  • Date
    1. Date shown should be date that card was created (or last edited by author).
    2. Laura and Ning, do we agree?– This makes thing look "fresher" on the page right?
  • Image
    1. Clicks to Card Detail
  • Card Type Banner
  • Clarifies whether card is a video, post, podcast, or project
  • Ning needs to create new version that includes this

     

     

    Ning and Laura

  • I feel like this Learn Lander should have a header – when clicking in from the Learn Top Nav – that distinguishes it a little from a Search results page.
  • How many entries per page before we show the pagination – 10 entries?
  • I'd like to think about a sort toggle in the top right of the page
  • Most recent - either date of last comment or date posted if now comments
  • Most active – whichever post has the most comments
  • Other ideas
    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)
  • The toggle should make it clear which sort is currently active.

     

  • Results feedback
    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
  • Topics filter
    1. Lists topics (Ning - place in alphabetical order)
    2. Ning - remove numbers beside each topic
    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)
  • Type filter
    1. Lists types
      1. Currently Video, Podcast or Post only
      2. Laura and Ning - we need to create a Course object
  • Card banner – Post, Video or Podcast
  • Card Author– image and name and date of card creation
  • Card image
    1. With Icon overlay to show what type of object it is
    2. Ning - I think a Post should have a different icon – the "college cap" icon should be a "Course" – Post should be like a "document" icon.
  • Card details
    1. Title (Ning – is this clickable)
  • 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)
  • Icons
  • 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 icon
  • Shows number of likes
  • Clickable icon goes to "Like Post" button at <where?> on Card Detail page

    How to like a post?

    What happens to your Member page?

    Recent Activity page?

    Force only one choice for secondary topic

    Create Course object
     

    Wave 1: June 13 - June 30th:


    See 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

    (blue star) http://climatexv2.mit-dev.penzias.com/

    MB says: Design is correct for mobile

     

    2.Small and Medium cards for all objects (posts, videos, podcasts for now – courses and projects coming soon)Mike

    (blue star) http://climatexv2.mit-dev.penzias.com/learn

    3.Learn lander page with filters (topic / type)Mike

    (blue star) http://climatexv2.mit-dev.penzias.com/learn

    (1) MR says: Something to consider - The persistent share this on the left will overlap the checkboxes in some cases. Although, a user can easily minimize the share this if it's a problem for them.

     MB replies: Persistent ShareThis only on detail pages (Post, Podcast, Video)

    (2) MB says: Upon engagement with filters, "Learn" header should add "<##> results".

    Image Added

    (3) MB says: Results set should show up to 10 entries before engaging pagination

    4.Create new ClimateX role for team membersMike(blue star) http://climatexv2.mit-dev.penzias.com/
    5.Make home page top users show most active members, minus ClimateX team roleMike(blue star) http://climatexv2.mit-dev.penzias.com/
    6.Social share added to all detail pages — Video, Post, Podcast – using ShareThisMike(blue star) http://climatexv2.mit-dev.penzias.com/
    7.Click on “Recent Activities” feed from home page takes you to full feed page.Mike(blue star) http://climatexv2.mit-dev.penzias.com/
    8.New Podcast object — you’re going to tweak the design of the video page to allow it to render right for soundcloud.Mike(blue star) http://climatexv2.mit-dev.penzias.com/podcasts/what-does-harry-potter-have-do-climatex
    9.Top Nav cosmetic changes — logo moves, new sizing of iconsMike(blue star) http://climatexv2.mit-dev.penzias.com/
    10.

    Top Nav taxonomy changes

    topics and videos merged into single Learn lander

    Connect from Members

    Act from Projects

    Unpub Courses

    Mike(blue star) http://climatexv2.mit-dev.penzias.com/
    11.Home page cosmetic changes — smaller hero imageMike(blue star) http://climatexv2.mit-dev.penzias.com/
    12.

    NEW 6/21: Security changes to the site

    • JS to detect human life
    • Formatted LI, FB, TW fields
    MikeTBD based on call this week - may not fit in to this sprint.
    13.New 6/21: Change footer feedback button to a link, with copy as follows: "We're scrappy. We're evolving. Tell us what you want us to do."Mike

    (blue star) http://climatexv2.mit-dev.penzias.com/

     OTHER STUFF - TO BE DONE NOW  
     

    Update home page copy CTA's

    • Tagline for non-logged in state should be "See the latest conversations right now on ClimateX"
    •  Tagline for logged in state should be "Join the conversation"
    •  Button copy should be "View posts" for both states
    Kelly 
    #ImageSpecifications and BehaviorsLaura Comments
    Top NavImage Removed
    1. Logo is clickable — goes to Home Page (revised)
    2. Learn goes to Learn Lander (new page)
      1. None of the nav items has a rollover dropdown
    3. Connect goes to Member page (revised)
    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.

     

    Ning – We need a version for non-logged in state.

     

     
    Home PageImage Removed
    1. Hero image is cropped smaller
    2. CTA
      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
    3. 2 Primary Compact Cards (see design below).
      1. We should be able to select from existing cards, as in current state.
    4. Member preview
      1. Member count still clicks to Member page (revised)
      2. Can we show most active members (minus ClimateX team members)?
    5. Recent activities
      1. Make title clickable
      2. Should link to Recent Activities page (orphan page)
      3. Recent Activities page uses Notifications feed template, but simply lists all activities – comments, new posts, new videos, new podcasts
    6. Footer links are:
      1. Terms and conditions
      2. About
      3. Get involved
      4. (What are we doing with Courses? – we need to create a Course object.)
    7. Feedback link
      1. We're moving from a button to a link.
      2. Copy as shown
     
        
    Compact CardImage Removed Learn LanderImage Removed 
    PeopleImage Removed

    We like the member profile square.

    It should be a smaller box – and the image should be larger in proportion to the box.

    We can replace the progress bar with a number for posts and comments.

     

     
    PaginationImage Removed

    This pagination is great.

    We'd like to see it say "Page 1 of __"