decanus
October 21, 2019, 12:54pm
1
Although not a pressing issue, it may make sense to add a mark as read
feature to chats. This could be useful as I often have chats on status that I haven’t looked at in a while and I need to scroll every time to get the +9
unread thing away which triggers me and probably does other users too.
5 Likes
maciej
October 21, 2019, 1:10pm
2
fyi, we had this feature requested as far back as October last year
opened 07:17AM - 18 Oct 18 UTC
closed 10:35AM - 05 Dec 22 UTC
feature
[comment]: # (Please replace ... with your information. Remove < and >)
### Use… r Story
As a user, I want to see the number of unread messages in a chat so that I can continue my chats where I left them and track my progress in catching up with new messages.
### Description
[comment]: # (Feature or Bug? i.e Type: Bug)
_Type_: Feature
[comment]: # (Describe the feature you would like, or briefly summarise the bug and what you did, what you expected to happen, and what actually happens. Sections below)
_Summary_: We need a visible way to indicate and track the number of unread messages left in a chat, and if desired, skip past them and mark all messages as read.
#### Expected behavior
User has an X number of unread messages in a chat. After opening the chat, we present a small badge to the bottom right with a counter of unread messages left. The chat is opened in the position before any new unread messages, where you last left it.
Scrolling downward should update the counter as the user scrolls past the unread messages, marking them as read. Tapping on the counter should scroll down to the last unread message and mark everything as read. When there are no unread messages left, we dismiss the counter.
### Solution
You can follow the intended design in this prototype https://framer.cloud/taJfZ
Mobile designs are here in [Figma](https://www.figma.com/file/aS1ct66VQ6V0cio7vSqS8UoG/Chat?node-id=568%3A0)
Desktop designs [Figma](https://www.figma.com/file/MRYBI5axcTwL4Ft8xAYhFOfy/Desktop-Chat?node-id=20%3A154)
Some things to be aware of, please enclose the badge in a touchable that's slightly larger than the button itself, adding a 12px padding inside the touchable or a margin outside the button. The text inside the badge should be right aligned. The SVG for the icon can be exported directly from Figma, it's called `scrollBottomIcon`, lmk if you need help or further directions.
<blockquote>![](https://framer.cloud/taJfZ/2/framer/social-1200x630.png)<div><strong>[Scroll - Unread](https://framer.cloud/taJfZ)</strong></div><div>This project was made with Framer, a design tool for turning original concepts into working prototypes.</div></blockquote>
2 Likes
rachel
November 20, 2019, 3:55pm
3
FYI - This was voted one of the top 5 items in the planning session for make chat more enjoyable
, so I imagine we’ll work on it in early 2020. There will probably be some overlap/borrowed functionality from the #1 request, mentions, which could mean they get packaged together.
1 Like