Technologies for generating visualizations of electronic communications
Systems and methods are provided for improving user experience in reading of email messages and other electronic communications. An interactive visualization of an electronic message may be provided, the visualization including a “dynamic message header region” that a user may cause to be collapsed and/or expanded to reduce the amount of device screen space occupied by message metadata and correspondingly increase the amount of device screen space available to display the message body, while maintaining accessibility of the while maintaining accessibility of the message metadata.
1. A computer-implemented method for visually displaying an electronic message, the method comprising:
accessing the electronic message via one or more processors, the electronic message comprising (i) a message header comprising a plurality of metadata values, and (ii) a message body;
generating, via the one or more processors, a visualization of the electronic message to be displayed via a user interface, the visualization of the electronic message comprising a dynamic message header panel and a message body panel;
displaying, via the user interface, the visualization in which the dynamic message header panel displays the plurality of metadata values and the message body panel displays at least a portion of the message body, the dynamic message header panel displayed separately from the message body panel;
detecting, via the one or more processors, a gesture associated with the visualization displayed in the user interface;
in response to detecting the gesture, modifying, via the user interface, the visualization including collapsing the dynamic message header panel such that at least a portion of the plurality of metadata values is removed from the dynamic message header panel;
after modifying the visualization, detecting, via the one or more processors, a hover gesture made by an input device over the dynamic message header panel; and
in response to detecting the hover gesture made by the input device, further modifying, via the user interface, the visualization by expanding the dynamic message header panel to display the plurality of metadata values.
2. The computer-implemented method of claim 1 , wherein accessing the electronic message comprises accessing an electronic mail message, and wherein displaying the visualization comprises displaying the visualization via an electronic mail client application.
3. The computer-implemented method of claim 2 , wherein accessing the electronic mail message comprises receiving the electronic mail message via the electronic mail client application using an electronic mail transfer protocol.
4. The computer-implemented method of claim 1 , where detecting the gesture associated with the visualization comprises:
detecting, via the one or more processors, a downward scroll within the message body panel.
5. The computer-implemented method of claim 1 , wherein the plurality of metadata values comprise at least two of: a message subject, a message sender, a set of message recipients, or a message sent date.
6. The computer-implemented method of claim 1 , wherein modifying, via the user interface, the visualization further includes:
displaying the message body panel separate from the dynamic message header panel and according to the detected gesture.
7. The computer-implemented method of claim 1 , wherein detecting the hover gesture comprises:
detecting, via the one or more processors, the hover gesture made by a mouse over the dynamic message header panel.
8. An electronic device configured to visually display an electronic message, the electronic device comprising:
a user interface;
one or more processors; and
one or more memories storing non-transitory computer-executable instructions that, when executed via the one or more processors, cause the one or more processors to:
access the electronic message, the electronic message comprising (i) a message header comprising a plurality of metadata values, and (ii) a message body,
generate a visualization of the electronic message to be displayed via the user interface, the visualization of the electronic message comprising a dynamic message header panel and a message body panel,
cause the user interface to display the visualization in which the dynamic message header panel displays the plurality of metadata values and the message body panel displays at least a portion of the message body, the dynamic message header panel displayed separately from the message body panel,
detect a gesture associated with the visualization displayed in the user interface,
in response to detecting the gesture, cause the interface to modify the visualization including collapsing the dynamic message header panel such that at least a portion of the plurality of metadata values is removed from the dynamic message header panel,
after causing the user interface to modify the visualization, detect a hover gesture made by an input device over the dynamic message header panel, and
in response to detecting the hover gesture made by the input device, cause the user interface to further modify the visualization by expanding the dynamic message header panel to display the plurality of metadata values.
9. The electronic device of claim 8 , wherein the electronic message is an electronic mail message, and wherein the visualization is displayed via an electronic mail client application.
10. The electronic device of claim 9 , wherein the one or more processors accesses the electronic mail message via the electronic mail client application using an electronic mail transfer protocol.
11. The electronic device of claim 8 , where to detect the gesture associated with the visualization, the one or more processors is configured to:
detect a downward scroll within the message body panel.
12. The electronic device of claim 8 , wherein the plurality of metadata values comprise at least two of: a message subject, a message sender, a set of message recipients, or a message sent date.
13. The electronic device of claim 8 , wherein to cause the user interface to modify the visualization, the one or more processors is configured to:
cause the user interface to display the message body panel separate from the dynamic message header panel and according to the detected gesture.
14. The electronic device of claim 8 , wherein to detect the hover gesture, the one or more processors is configured to:
detect the hover gesture made by a mouse over the dynamic message header panel.
15. A non-transitory computer readable media storing non-transitory computer-executable instructions that, when executed via one or more processors, cause a computer to:
access the electronic message, the electronic message comprising (i) a message header comprising a plurality of metadata values, and (ii) a message body;
generate a visualization of the electronic message to be displayed via a user interface, the visualization of the electronic message comprising a dynamic message header panel and a message body panel;
display, in the user interface, the visualization in which the dynamic message header panel displays the plurality of metadata values and the message body panel displays at least a portion of the message body, the dynamic message header panel displayed separately from the message body panel;
detect a gesture associated with the visualization displayed in the user interface;
in response to detecting the gesture, modify, in the user interface, the visualization including collapsing the dynamic message header panel such that at least a portion of the plurality of metadata values is removed from the dynamic message header panel;
after modifying the visualization, detect a hover gesture made by an input device over the dynamic message header panel; and
in response to detecting the hover gesture made by the input device, further modify, in the user interface, the visualization by expanding the dynamic message header panel to display the plurality of metadata values.
16. The non-transitory computer readable media of claim 15 , wherein the electronic message is an electronic mail message, and wherein the visualization is displayed via an electronic mail client application.
17. The non-transitory computer readable media of claim 16 , wherein the computer accesses the electronic mail message via the electronic mail client application using an electronic mail transfer protocol.
18. The non-transitory computer readable media of claim 15 , where to detect the gesture associated with the visualization, the computer is configured to:
detect a downward scroll within the message body panel.
19. The non-transitory computer readable media of claim 15 , wherein the plurality of metadata values comprise at least two of: a message subject, a message sender, a set of message recipients, or a message sent date.
20. The non-transitory computer readable media of claim 15 , wherein to modify the visualization, the computer is configured to:
display the message body panel separate from the dynamic message header panel and according to the detected gesture.