Idea: Bottom bar of profile photos for navigation including horizontal swipe to see more, one-tap to view person’s next unread post, & scrolling automatically adjusts visible profile photos in order 3.15.2016 (#76)

Purpose is to enable people to quickly see posts by friends by identifying their profile photo and tap to view those posts, and the unread count indicates how many more posts there are to view by tapping to view the next post. Opportunity is to use the existing vertical feed approach while enabling people to navigate and view posts more quickly.

Start on the feed at Person 1’s post, swipe up to see Person 2’s post then tap on the post to get to Person 2’s second post, then tap on Person 11’s profile photo on the bottom bar to see Person 11’s post, then tap 3 times to see the other 3 unread posts by Person 11, then swipe down to see Person 10’s post, then swipe the bottom bar to the right then tap on Person 5’s profile photo to see Person 5’s post, then tap on Person 6’s profile photo to see Person 6’s post then tap Person 7’s profile photo then Person 8’s profile photo. Designed by D.J. Sherrets.

Feeds today:

  • Problem is to figure how to enable people to view more of the posts from people they want to see posts from, and to be able to quickly see multiple posts from the same person.
  • Facebook feed requires scrolling to get to see who posted what. One screen may show 2 or 3 different people who have posted. Keep scrolling to see what more has been posted.
  • Snapchat has a list of people who have posted so you tap on the person you want to see their posts.
  • Messenger shows a list of people who have messaged you and so you tap on the person you want to view posts.
  • Instagram is a feed like Facebook requiring to scroll to see who posted. Since Instagram shows post chronologically, you know when you have seen all of the new posts when you have scrolled far enough to notice seeing a post that you have already seen.
  • Sometimes maybe people don’t see all the posts on Facebook, Instagram, and Twitter that they may want to because they don’t know that a particular person posted.
  • Facebook, Instagram, and Twitter offer a feature to subscribe to notifications about posts by a particular person, but my guess is that it is used by far fewer than most people.
  • Facebook enables you to put someone’s post at the top of your feed, but this is limited to a certain number of posts.
  • Scrolling in Facebook, Instagram and Twitter is enjoyed in part because there is an opportunity to discover what other posts have been made and see what’s next. But sometimes the posts made are by people you may not want to see and then you may choose to close the app.
  • There’s a need to help people discover more posts, while still making available the benefits and familiarity of using the feed.

Proposed idea:

  1. Start on the feed with Person 1’s post at the top, and the start of Person 2’s post is under that. Note that the bottom shows a bar of profile photos numbered in order. Under that are the main links showing how to interact with the app. Swipe up to go to Person 2’s post and note that the bottom bar including links to Feed/Notify/Messages/Friends/More is hidden. Note that Person 11’s profile photo animated in from the right as Person 3’s profile photo moved onto Person 3’s post.
  2. Tap on Person 2’s post to see post 2 of 2.
  3. Tap on Person 11’s profile photo on the bottom bar to jump to Person 11’s post. Note that the bottom bar animates to advance to show more posts you haven’t seen yet.
  4. Tap on Person 11’s post to go to post 2, tap again to go to post 3, and tap again to go to post 4. Note that the counter on the profile photo of “# new” goes down each time you tap to view the post.
  5. Swipe down to go to Person 10’s post and note that the bottom bar with links including Feed appears. Reason the bottom bar including Feed appears is because this bottom bar appears whenever you swipe down.
  6. Swipe to the right on the bottom profile photo bar to page to more profile photos of people who have posted, then tap on Person 5’s profile photo, which opens Person 5’s post.
  7. Tap on Person 6’s profile photo which open’s Person 6’s profile, then tap Person 7’s profile photo to advance, then Person 8’s profile photo to advance. This way people can tap in place to keep advancing.

Comments:

  • Opportunity is to enable people to navigate directly to people they want to view their posts.
  • Opportunity is to highlight how many posts have been made so that people can be sure to view all of the posts that are relevant to them.
  • The profile photo bar could even include the first name of the person to help with identifying who the person posting is.
  • Tapping on a particular person loads to that part of the feed.
  • When a post is in full view, then the counter of “new” goes down by one.
  • One-tap on a post loads that person’s next new post.
  • The design shows posts as images. These posts could also be text.
  • There’s a need to consider how posts of different vertical length would be presented for consistency. Perhaps design with consistent vertical length would be needed.
  • Bottom bar can be swiped to page to show a full list of more people you can access for ease of selecting.
  • One tap on the post profile photo that isn’t yet visible loads the post into view. Opportunity is to make easy and fast to tap in one place on the feed and advance to the next post.
  • Note that only swiping down causes the bottom links appear such as Feed, Notify, Messages, Friends, and More.
  • Alternatively, any time advancing to a post that is higher up in the feed could show the bottom bar including the “Feed” link, but reason to only show when swiping down is because someone tapping on a profile photo on the bottom bar to see a post is more focused on navigating to a post and so perhaps doesn’t make sense to show the bottom links.
  • Alternatively provide an ability to see a full list of friends names in addition to a bottom bar.
  • Consider what people understand about this design, how this could be simplified, and update.
Designed by D.J. Sherrets.

© 2016 D.J. Sherrets