Thunderbird:Message Reader: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(New page: == Average Message == === Summary === <div style="position:relative;padding:0.5em;border: 1px outset #444;-moz-border-radius:5px;background-color:#efefef;"> <div style="color:#222;...)
 
No edit summary
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
These proposed changes are being tracked by {{bug|456814}}
== Average Message ==
== Average Message ==


Line 22: Line 24:


=== Detailed ===
=== Detailed ===
  <div style="position:relative;padding:0.5em;border: 1px outset #444;-moz-border-radius:5px;background-color:#efefef;">
    <div style="font-size:x-small;color:#666;position:absolute;right:0.5em;top:0.5em;">(reply)(forward) ('''archive''')(junk)(d)</div>
    <div style="position:relative;">
    <table border="0">
    <tr>
      <td style="color:#999;text-align:right;">from:</td>
      <td style="color:#222;">Bryan Clark</td>
    </tr>
    <tr>
      <td style="color:#999;text-align:right;">subject:</td>
      <td style="">New Message View Layout</td>
    </tr>
    <tr style="vertical-align:top;">
      <td style="color:#999;text-align:right;">to:</td>
      <td style="color:#444;"><div style="float:left;margin-right:0.5em;"><span>You</span><br/><span style="font-size:xx-small;">clarkbw@example.com</span></div> <div style="float:left;margin-right:0.5em;"><span>Jen Clark</span><br/><span style="font-size:xx-small;">jen@example.com</span></div> <div style="float:left;margin-right:0.5em;"><span>Joe Clark</span><br/><span style="font-size:xx-small;">joe@example.com</span></div></td>
    </tr>
    <tr style="vertical-align:top;">
      <td style="color:#999;text-align:right;">cc:</td>
      <td style="color:#444;"><div style="float:left;margin-right:0.3em;"><span>Doug Clark</span><br/><span style="font-size:xx-small;">doug@example.com</span></div></td>
    </tr>
    <tr>
      <td style="color:#999;text-align:right;">date:</td>
      <td style="color:#444;">Wednesday, September 10th 2008 at 9:51am (2 hours ago)</td>
    </tr>
    </table>
    </div>
    <div style="color:#999;position:absolute;right:0.5em;bottom:0.5em;font-family:monospace;text-align:right;"><div>[ Other Actions | v ]</div>
hide details</div>
  </div>
  <div style="text-align:center;padding:2em;margin: 0em 2em;border-right:1px solid #999;border-left:1px solid #999;">[MESSAGE BODY]</div>
  <div style="position:relative;padding:0.5em;border: 1px outset #444;-moz-border-radius:5px;background-color:#efefef;">
  <div style="float:right;">( '''Archive''' ) ( Junk ) ( Delete )</div>
  <div>( Reply ) ( Forward )</div>
  </div>


== Message w/ Attachments ==
== Message w/ Attachments ==
Line 36: Line 77:
     <div style="color:#999;position:absolute;right:0.5em;bottom:0.5em;font-family:monospace;">details</div>
     <div style="color:#999;position:absolute;right:0.5em;bottom:0.5em;font-family:monospace;">details</div>


   <div style="color:#999;margin-top:1em;">attachments
   <div style="color:#999;margin-top:1em;"><span style="text-decoration:underline;">attachments</span>
     <ul style="list-style:none;padding:0px 0px 0px 1em;font-size:x-small;margin:0px;">
     <ul style="list-style:none;padding:0px 0px 0px 1em;font-size:x-small;margin:0px;">
       <li>[[:Image:Demo-attachment-thumbnail-1.jpg]]</li>
       <li>[[:Image:Demo-attachment-thumbnail-1.jpg|me-on-the-dock.jpg]]</li>
       <li>[[:Image:Demo-attachment-thumbnail-2.JPG]]</li>
       <li>[[:Image:Demo-attachment-thumbnail-2.JPG|the-sunset.jpg]]</li>
     </ul>
     </ul>
   </div>
   </div>
Line 49: Line 90:
   <div style="position:relative;padding:0.5em;border: 1px solid #444;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;background-color:#efefef;border-bottom:none;">
   <div style="position:relative;padding:0.5em;border: 1px solid #444;-moz-border-radius-topright:5px;-moz-border-radius-topleft:5px;background-color:#efefef;border-bottom:none;">


  <div style="padding:0.5em 0em;margin: 0em 2em;border-bottom: 1px solid #999;">
  <div>2 Attachments</div>
  <div style="float:right">[ Other Actions | v ]</div>
  <div>( Open as Slideshow )  ( Save All ... )</div>
  </div>
   <div style="-moz-border-radius:3px;width:350px;background-color:lightsteelblue;color:#fefefe;margin: 2em;border:1px solid steelblue;">
   <div style="-moz-border-radius:3px;width:350px;background-color:lightsteelblue;color:#fefefe;margin: 2em;border:1px solid steelblue;">
<table><tr valign="top">
<table><tr valign="top">
<td>[[Image:Demo-attachment-thumbnail-1.jpg|top]]</td>
<td>[[Image:Demo-attachment-thumbnail-1.jpg|top]]</td>
<td><p><strong style="color:#222;">[[:Image:Demo-attachment-thumbnail-1.jpg]]</strong></p><p>Description of the photo</p></td>
<td><p><strong style="color:#222;">[[:Image:Demo-attachment-thumbnail-1.jpg|me-on-the-dock.jpg]]</strong></p><p>Description of the photo</p><div style="color:#000;"><p>( Open )  ( Save As... )</p><p>[ Other Actions | v ]</p></div></td>
</tr></table>
</tr></table>
   </div>
   </div>
Line 59: Line 105:
<table><tr valign="top">
<table><tr valign="top">
<td>[[Image:Demo-attachment-thumbnail-2.JPG|top]]</td>
<td>[[Image:Demo-attachment-thumbnail-2.JPG|top]]</td>
<td><p><strong style="color:#222;">[[:Image:Demo-attachment-thumbnail-2.JPG]]</strong></p><p>Description of the photo</p></td>
<td><p><strong style="color:#222;">[[:Image:Demo-attachment-thumbnail-2.JPG|the-sunset.jpg]]</strong></p><p>Description of the photo</p><div style="color:#000;"><p>( Open )  ( Save As... )</p><p>[ Other Actions | v ]</p></div></td>
</tr></table>
</tr></table>
   </div>
   </div>
Line 71: Line 117:


=== Detailed ===
=== Detailed ===
== Draft Message ==
=== Summary ===
  <div style="position:relative;padding:0.5em;border: 1px outset #444;-moz-border-radius:5px;background-color:#efefef;">
    <div style="color:#222;">Bryan Clark</div>
    <div style="font-size:x-small;color:#666;position:absolute;right:0.5em;top:0.5em;">(reply)(forward) ('''archive''')(junk)(d)</div>
    <div style="position:relative;">
      <div style="font-weight:bold;color:#444;">New Message View Layout</div>
      <div style="color:#999;position:absolute;right:0.5em;bottom:0em;">2 hours ago</div>
    </div>
    <div style="position:relative;">
    <div style="color:#444;">You, Her, and Him</div>
    <div style="color:#999;position:absolute;right:0.5em;bottom:0.5em;font-family:monospace;">details</div>
</div>
    <div style="font-weight:bold;">This is a draft message.  ( Edit ... )</div>
  </div>
  <div style="text-align:center;padding:2em;margin: 0em 2em;border-right:1px solid #999;border-left:1px solid #999;">[MESSAGE BODY]</div>
  <div style="position:relative;padding:0.5em;border: 1px outset #444;-moz-border-radius:5px;background-color:#efefef;">
  <div style="float:right;">( '''Archive''' ) ( Junk ) ( Delete )</div>
  <div>( Reply ) ( Forward )</div>
  </div>
=== Detailed ===
== Buttons ==
Because the buttons for the message reader are being displayed directly on the message itself we only have to show the buttons that are necessary for that message.  Previously the [[Thunderbird:Toolbar]] would have buttons showing that were disabled because they would have no meaning based on what was selected.
=== Reply ===
Providing the correct context for the reply buttons is of utmost importance.  People are constantly being embarrassed by sending messages back to lists or groups of users when they meant to send it directly to the person who sent the message.  There are several ways we believe we can help alleviate this problem.
The reply button displayed for any particular message will be, what we believe to be, the correct type of reply. 
* Reply
** Message was sent directly to the user
* Reply All
** Message was sent to multiple recipients
* Reply List
** Message was sent from a mailing list
* Reply Group
** Message was sent from a newsgroup
Replying to an individual who sent a message to a multiple recipients, a mailing list, or newsgroup will be handled by using the context menu related to that individual.
Another part of this solution is investigating better ways to display the reply type chosen in the composition window.
=== Forward ===
This button will open the composition writer to forward the current message.
==== Inline / Attachment ====
There are several ways to solve the choice of inline vs. attachment forwarding.  Thunderbird currently defaults to forwarding all messages inline.
* Providing the choice of inline vs. attachment switching during composition
* Allowing for someone to click and hold the ( Forward ) button, revealing choices for forward types
=== Mark as Junk ===
When messages are able to be marked as junk, not newsgroup messages, we should display this button for marking a message as junk.
=== Delete ===
When messages are able to be deleted, not newsgroup messages from other people, we should display the button for deleting messages.
The delete button, in the quick bar at the top, has been purposely made small and iconic only because we want to encourage people to use archival methods for getting rid of their mail and trashing only when necessary.

Latest revision as of 19:51, 24 September 2008

These proposed changes are being tracked by bug 456814

Average Message

Summary

Bryan Clark
(reply)(forward) (archive)(junk)(d)
New Message View Layout
2 hours ago
You, Her, and Him
details
[MESSAGE BODY]
( Archive ) ( Junk ) ( Delete )
( Reply ) ( Forward )

Detailed

(reply)(forward) (archive)(junk)(d)
from: Bryan Clark
subject: New Message View Layout
to:
You
clarkbw@example.com
Jen Clark
jen@example.com
Joe Clark
joe@example.com
cc:
Doug Clark
doug@example.com
date: Wednesday, September 10th 2008 at 9:51am (2 hours ago)
[ Other Actions | v ]
hide details
[MESSAGE BODY]
( Archive ) ( Junk ) ( Delete )
( Reply ) ( Forward )

Message w/ Attachments

Summary

Bryan Clark
(reply)(forward) (archive)(junk)(d)
New Message View Layout
2 hours ago
You, Her, and Him
details
[MESSAGE BODY]
2 Attachments
[ Other Actions | v ]
( Open as Slideshow ) ( Save All ... )
Demo-attachment-thumbnail-1.jpg

me-on-the-dock.jpg

Description of the photo

( Open ) ( Save As... )

[ Other Actions | v ]

Demo-attachment-thumbnail-2.JPG

the-sunset.jpg

Description of the photo

( Open ) ( Save As... )

[ Other Actions | v ]

( Archive ) ( Junk ) ( Delete )
( Reply ) ( Forward )

Detailed

Draft Message

Summary

Bryan Clark
(reply)(forward) (archive)(junk)(d)
New Message View Layout
2 hours ago
You, Her, and Him
details
This is a draft message. ( Edit ... )
[MESSAGE BODY]
( Archive ) ( Junk ) ( Delete )
( Reply ) ( Forward )

Detailed

Buttons

Because the buttons for the message reader are being displayed directly on the message itself we only have to show the buttons that are necessary for that message. Previously the Thunderbird:Toolbar would have buttons showing that were disabled because they would have no meaning based on what was selected.

Reply

Providing the correct context for the reply buttons is of utmost importance. People are constantly being embarrassed by sending messages back to lists or groups of users when they meant to send it directly to the person who sent the message. There are several ways we believe we can help alleviate this problem.

The reply button displayed for any particular message will be, what we believe to be, the correct type of reply.

  • Reply
    • Message was sent directly to the user
  • Reply All
    • Message was sent to multiple recipients
  • Reply List
    • Message was sent from a mailing list
  • Reply Group
    • Message was sent from a newsgroup

Replying to an individual who sent a message to a multiple recipients, a mailing list, or newsgroup will be handled by using the context menu related to that individual.

Another part of this solution is investigating better ways to display the reply type chosen in the composition window.

Forward

This button will open the composition writer to forward the current message.

Inline / Attachment

There are several ways to solve the choice of inline vs. attachment forwarding. Thunderbird currently defaults to forwarding all messages inline.

  • Providing the choice of inline vs. attachment switching during composition
  • Allowing for someone to click and hold the ( Forward ) button, revealing choices for forward types

Mark as Junk

When messages are able to be marked as junk, not newsgroup messages, we should display this button for marking a message as junk.

Delete

When messages are able to be deleted, not newsgroup messages from other people, we should display the button for deleting messages.

The delete button, in the quick bar at the top, has been purposely made small and iconic only because we want to encourage people to use archival methods for getting rid of their mail and trashing only when necessary.