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, the plurality of metadata values comprising a message subject, a message sender, a set of message recipients, and a message sent date;
generating, via the one or more processors, a visualization of the electronic message to be displayed via a display unit, the visualization of the electronic message comprising a dynamic message header panel and a message body panel;
displaying, via the display unit, 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 downward scroll within the message body panel;
in response to detecting the downward scroll within the message body panel, modifying, via the display unit, the visualization including:
collapsing the dynamic message header panel such that (i) the message subject and the message sent date remain in the same location of the dynamic message header panel, and (ii) the message sender and the set of message recipients are removed from the dynamic message header panel, and
displaying the message body panel separate from the dynamic message header panel and according to the detected downward scroll within the message body 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 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 includes 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 includes receiving the electronic mail message via the electronic mail client application using an electronic mail transfer protocol.
4. A computer device configured to visually display an electronic message, the computer 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 computer device to:
access the electronic message via the one or more processors, the electronic message comprising (i) a message header comprising a plurality of metadata values, and (ii) a message body, the plurality of metadata values comprising a message subject, a message sender, a set of message recipients, and a message sent date,
identify, via the one or more processors, a plurality of metadata values of the electronic message, based upon the electronic message,
generate, via the one or more processors, a visualization of the electronic message to be displayed via a display unit, 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, via the one or more processors, a downward scroll within the message body panel,
in response to detecting the downward scroll within the message body panel, modify, in the user interface, the visualization including:
cause the user interface to collapse the dynamic message header panel such that (i) the message subject and the message sent date remain in the same location of the dynamic message header panel, and (ii) the message sender and the set of message recipients are removed from the dynamic message header panel, and
cause the user interface to display, within the message body panel separate from the dynamic message header panel and according to the detected downward scroll within the message body 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.
5. The computer device of claim 4 , wherein the electronic message is an electronic mail message, and wherein the display of the visualization is a display via an electronic mail client application.
6. The computer device of claim 5 , wherein the electronic mail message is accessed via an electronic mail transfer protocol.
7. One or more non-transitory computer readable media storing non-transitory computer-executable instructions that, when executed via one or more processors, cause a computer to:
access an electronic message via the one or more processors, the electronic message comprising (i) a message header comprising a plurality of metadata values, and (ii) a message body, the plurality of metadata values comprising a message subject, a message sender, a set of message recipients, and a message sent date;
identify a plurality of metadata values of the electronic message, based upon the electronic message,
generate a visualization of the electronic message to be displayed via a display unit, the visualization of the electronic message comprising a dynamic message header panel and a message body panel;
display, via the display unit, the visualization in which the dynamic message header 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 downward scroll within the message body panel; and
in response to detecting the downward scroll within the message body panel, modifying, via the display unit, the visualization including:
collapsing the dynamic message header panel such that (i) the message subject and the message sent date remain in the same location of the dynamic message header panel, and (ii) the message sender and the set of message recipients are removed from the dynamic message header panel, and
displaying the message body panel separate from the dynamic message header panel and according to the detected downward scroll within the message body panel;
after modifying the visualization, detecting 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 display unit, the visualization by expanding the dynamic message header panel to display the plurality of metadata values.
8. The one or more non-transitory computer readable media of claim 7 , wherein the electronic message is an electronic mail message, and wherein the display of the visualization is a display via an electronic mail client application.
9. The one or more non-transitory computer readable media of claim 8 , wherein the instructions to access the electronic mail message include instructions to receive the electronic mail message via an electronic mail transfer protocol.