| Wave 1: June 13 - June 30th:
See 1.6 Design Specs for detailed info | Team member | Status: Ready for QA
Reviewed & needs follow-up
Approved to dev or publish
|
| DEVELOPMENT TASKS FOR SPRINT 1 | | |
---|
1. | Two compact cards displayed on home page | Mike | 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 | http://climatexv2.mit-dev.penzias.com/learn
|
3. | Learn lander page with filters (topic / type) | Mike | 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 members | Mike | http://climatexv2.mit-dev.penzias.com/ |
5. | Make home page top users show most active members, minus ClimateX team role | Mike | http://climatexv2.mit-dev.penzias.com/ |
6. | Social share added to all detail pages — Video, Post, Podcast – using ShareThis | Mike | http://climatexv2.mit-dev.penzias.com/ |
7. | Click on “Recent Activities” feed from home page takes you to full feed page. | Mike | 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 | http://climatexv2.mit-dev.penzias.com/podcasts/what-does-harry-potter-have-do-climatex |
9. | Top Nav cosmetic changes — logo moves, new sizing of icons | Mike | 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 | http://climatexv2.mit-dev.penzias.com/ |
11. | Home page cosmetic changes — smaller hero image | Mike | 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
| Mike | TBD 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 | 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 | |
# | Image | Specifications and Behaviors | Laura Comments |
---|
Top Nav | Image Removed | - Logo is clickable — goes to Home Page (revised)
- Learn goes to Learn Lander (new page)
- None of the nav items has a rollover dropdown
- Connect goes to Member page (revised)
- Search bar goes to Search Results (new page)
- Utility Icons click to:
- Notifications page (no changes)
- Messages page (no changes)
- My Profile page (no changes)
- 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 Page | Image Removed | - Hero image is cropped smaller
- CTA
- 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
- 2 Primary Compact Cards (see design below).
- We should be able to select from existing cards, as in current state.
- Member preview
- Member count still clicks to Member page (revised)
- Can we show most active members (minus ClimateX team members)?
- Recent activities
- Make title clickable
- Should link to Recent Activities page (orphan page)
- Recent Activities page uses Notifications feed template, but simply lists all activities – comments, new posts, new videos, new podcasts
- Footer links are:
- Terms and conditions
- About
- Get involved
- (What are we doing with Courses? – we need to create a Course object.)
- Feedback link
- We're moving from a button to a link.
- Copy as shown
| |
| | | |
Compact Card | Image Removed | Author – image and nameTitle of card – clicks to Card Detail page (post, project, podcast, video)- Ning – should title have hover state? It doesn't signify clickable right now
Add comment button- Click anchor links to "Add Comment" button at bottom of Card Detail page. (doesn't actually let you make a comment yet)
Comment icon- Shows number of comments
- Clickable icon goes to "Add Comment" button at bottom of Card Detail page
- 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
Date- Date shown should be date that card was created (or last edited by author).
- Laura and Ning, do we agree?– This makes thing look "fresher" on the page right?
Image- Clicks to Card Detail
Card Type BannerClarifies whether card is a video, post, podcast, or projectNing needs to create new version that includes this
| Learn Lander | Image Removed | 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 pageMost recent - either date of last comment or date posted if now commentsMost active – whichever post has the most commentsOther ideas- (Most popular? – some combo of liked and active...we might want to wait on this for a bit)
- (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- When arriving on this page from Learn top nav click, text should read:
- "<##> Posts, Videos and Podcasts to explore"
- Following interaction with filters, text should read:
- <##> results
- Results should be sorted
- In reverse chronological order – most recent first
- Date is
Topics filter- Lists topics (Ning - place in alphabetical order)
- Ning - remove numbers beside each topic
- Behavior:
- One clicked box shows all entries with that Topic as primary or secondary selection
- 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- Lists types
- Currently Video, Podcast or Post only
- Laura and Ning - we need to create a Course object
Card banner – Post, Video or PodcastCard Author– image and name and date of card creationCard image- With Icon overlay to show what type of object it is
- 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- Title (Ning – is this clickable)
Add Comment button- Click anchor links to "Add Comment" button at bottom of Card Detail page. (doesn't actually let you make a comment yet)
IconsComment icon- Shows number of comments
- Clickable icon goes to "Add Comment" button at bottom of Card Detail page
- Laura and Ning - should the "Add Comment" button be a "Read Post" button?
Like iconShows number of likesClickable icon goes to "Like Post" button at <where?> on Card Detail page
| People | Image 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. | |
Pagination | Image Removed | This pagination is great. We'd like to see it say "Page 1 of __" | |
| How to like a post?
What happens to your Member page?
Recent Activity page?
Force only one choice for secondary topic
Create Course object |