Editing Mail/Threading

* [[Mail/Threading/Comparative|Comparative Studies]] 
* [[Mail/Threading/UserStudies|User studies]]
* [[Mail/Threading/Specs|Specs]]

== Problem ==
Large email discussions can become hairy. It can be difficult to follow the conversation. All messages about one subject are combined called a "thread", and it can have many people who wrote in it. There may even be sub-discussions about a very specific sub-topic forming. When you come into a thread, or come back to it, you ideally want to have an overview and see the discussion structure. This is what "threading" is about.

== Comparative studies ==
[[Mail/Threading/Comparative|Comparative Studies]] 

While conducting our comparative studies, we realized that threading is hard. Many mail apps don't show threads at all, some are showing only flat threads. But you may want to understand '''who responded to who.'''

== User studies ==
[[Mail/Threading/UserStudies|User studies]]

According to the surveys conducted this week, a user generally, when reading a long email discussion, can find it difficult to navigate throught. But usually, his main needs are:

* Seeing which emails they have not read yet, and what sub-topic (sub-thread) they are talking about.
* They might want to look for a specific email in the long thread that applies specific to they tasks, for example, the decision that was eventually taken, or emails from a certain person..

== Our solution ==
[[File:Vertical View threading.png|alt=Vertical View Threading|thumb|Vertical View Threading]]
[[File:Mail_threading.png|thumb|alt=Mail threading|Mail Table View Threading]]How do we show threads nicely? We have beautiful solution, which we'd like to show to you.
[[File:Mobile.png|alt=Mobile Mail Threading|thumb|Mobile Mail Threading ]]
[[File:Thread bar.png|thumb|alt=Thread bar|Thread bar]]

A thread bar next to the message content shows the entire conversation structure (who answer to who) and who wrote each email. This system guarantees a great use of space and full control while choosing what message to read.  

=== Remove clutter ===
We don't show the subject in this view, because the entire thread typically has the same subject, so there's no point repeating it over and over again. What is left? The author and the date. The date is implicit, because we'll order branches of the discussion by date, with the earliest message shown first. That leaves the most important information: The author, and which email he responds to.

=== Lines show replies ===
Each email is represented by a bubble, and the lines show which other email this responds to. The lines allow you to follow the discussion structure.

=== Bubbles show author ===
We show the email using the avatar of its author: Either a picture (if available, for example within a company) or a placeholder with the initial of his name, and a color that is specific to that person. The color will be generated from the email address using an algorithm and will always be the same for that person, so that you can associate that person with that color. Of course, you can change the picture of that contact in your own address book.

=== Message states ===
'''Unread''' messages are highlighted by thick green line leading to the unread message, and the the message bubble laso has a thick green border around it.

The currently '''selected''' messages, which you are reading right now, is highlighted using a separate border around it.

'''Clicking''' on a bubble selects that message and allows to read it, and also focuses the graph on that msg.

Messages that are '''starred''' will have a little star on the top right. That allows you to mark emails with decision or otherwise important messages in the thread, and to quickly find them again. They will also be starred in the normal message list.

[[Specs|See Specs]]

=== '''Algorithm''' ===

* If a msg is a reply, it's indented one level more to the right, and a short curvy diagonal line joins the line to its left.
* ... unless it's the '''only''' reply, in which case it's not indented, but directly below the previous message, and has a line straight up.
* ... unless (space issue) it has multiple replies and there already is a message to its right, which also has replies.
* Line goes straight down from a message, unless it has no replies.
* Subject to change during implementation

=== Conclusion ===
This visual representation offers an intuitive and space-efficient interface, allowing users to quickly understand the structure of the thread and easily navigate between messages. By combining graphical elements such as avatars, connecting lines, and indentation, the system provides a functional and aesthetic way to manage complex conversations.

Feel free to tell us what you think about it! Please send us email to [mailto:parula.support@beonex.com parula.support@beonex.com] or write a comment here below.

=== User testing ===
[[Mail/Threading/UserTesting|User testing]]

User testing will continue after implementing. 

According to feedback it may be more useful to user, instead of seeing only the thread selected, to see even the email it replies to and to make the rest of the thread available as well scrolling, considering that you may not want to choose specific people but just scroll all the comments. The threads bar has an important role in helping navigating all the replieChats and helps to go back to specific content, possibly even starring individual replies.



Check out our ideas for [[Chat/Threading|threading in Chat →]]