Calendar:Improving the Calendar Views: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
(35 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== References ==
== References ==
* [[Calendar:Calendar_View|Calendar View Proposal]]
* [http://cjansen.com/lightning-demo/accordion.htm Tab-box UI Prototype]
* [http://cjansen.com/lightning-demo/accordion.htm Tab-box UI Prototype]
* {{bug|327783}}
* {{bug|327783}}
* [[Calendar:Improving_the_Calendar_Views-Archive Archive, (Old Designs)]]
* [[Calendar:Improving the Calendar Views-Archive]] (Old Designs)
== Current Issues (Lightning 0.3)==


The table below lists users feedback regarding the usability of the main Lightning UI.
== Specifications ==
* [[Calendar: Mail View Integration|Today Pane]]
* [[Calendar: Calendar View |Calendar:Calendar_View]]
* [[Calendar: View Switch Toolbar| Mode Switch Toolbar]]
* [http://spreadsheets.google.com/pub?key=plCAueWeXt4jIoK2sb3c0QQ&output=html Toolbar Content Specification]
* [[Calendar:Thunderbird_Menu_Integration|Menu Specification]]
* [[Calendar:Context Menu Specification|Context Menu Specification]]
* [[Calendar:Mail-Event-Task_Conversion| Mail, Event, Task Conversion]]


== Issues: ==
== Proposals ==
# The calendar below the email accounts is disturbing and to big if you also use the "contact sidebar" extension.
''' Calendar Mode '''
# After starting Thunderbird I don't know in which calendar I'm working in.
* [[Calendar: Crossing Day Boundaries|Crossing Day Boundaries]]
# I can't drag an event from one calendar into another.
* [[Calendar: Calendar_Mode_Invitation_handling|Invitation Handling]]
# All the different colors in the week view are confusing me. Especially same things are highlighted differentially.
''' Task Mode'''
# The three buttons (New../Edit../Delete) are somehow strange. I think these buttons are good for creating/changed/deleting events.
* [[Calendar: Task Mode|Task Mode]]
# I want to switch between E-Mail and Calendar easily.
# Why am I seeing the mail tree when I'm working in the Calendar?
# I don't want to see Saturday and Sunday. I use my calendar only for my work.
# The left side looks very cluttered.
# How can I switch into a different view?
# I have 3 calendars. One for work, the other are subscribed ones. Which means that I don't have write access on these. I don't know how many times I tried accidentally to create an event in one of the read only calendars.


== Proposal ==
''' Events and Tasks'''
Most of the issues stated above can be fixed by focusing on the following areas:
* [[Calendar: Improved Events and Tasks|Improved Events and Tasks]]


=== Rearranging already existing UI elements ===
= Modes =
 
== Mail ==
At the moment, Lightning 0.3 combines very important information on the left hand side. From an users point of view these are:
 
* Access to the E-Mail account (Mail Account Tree),
* a Calendar (Mini Moth),
* an Agenda List (Agenda Tab),
* a Todo List (Todo Tab)and
* a list of Calendars (Calendar Tab)
 
The problem with that solution is that 70% of the visual information is placed on 30% of the screen.
 
Depending on the task users want to fulfill, each element of the left hand pane has a different importance level.
 
For the tasks "Write or Read Mail" the order could be:
 
# Mail Account Tree
# Agenda
# Mini Month
# Todo
# Calendar
 
 
For the task "Create Event" the order is different:
 
# Calendar
# Mini Month
# Agenda
# Todo
# Mail Account Tree
 
To reduce visual clutter I'd like to propose to split the Mail/Calendar pane into two separate parts.
* One pane which focuses on mail reading/writing,
* the other on calendaring.
 
The table below lists the items of each pane:
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| bgcolor="#dddddd" | '''Mail Pane''' || bgcolor="#dddddd" | '''Calendar Pane'''
|-
| * Mail Account Tree
| * Mini Month
|-
|
| * Calendar Subscriptions
|}
 
 
 
== Improved Views ==
 
Idea 1 to 3 document the design iteration I went through before coming up with my preferred concept which is shown below:
 
 
=== Mail ===
 
== Initial View ==
 
<nowiki>
+--------------------------------------------------------------+
+--------------------------------------------------------------+
| M A I L -- T O O L B A R + Today button          [Search  ]  |
|--------------------------------------------------------------|
| All Folders < > || Hello      xyz@abc.com                  |
|`````````````````|| ...                                      |
| - Account      || Hello      xyz@abc.com                  |
|  - Inbox        || ...                                      |
|  - Sent        ||                                          |
|  - Junk        ||-------------------------------------------|
|  + ....        || From: xyz@abc.com                        |
|                ||                                          |
|                ||-------------------------------------------|
|                || Hi there!                                |
|                || cxcds  dfdf dfvdvf                        |
|                || dfldkf fff                                |
|                ||                                          |
|                ||                                          |
|                ||                                          |
|                ||                                          |
|                ||                                          |
|-----------------||                                          |
| [Mail] Cal Task ||                                          |
|-----------------||___________________________________________|
+--------------------------------------------------------------+
</nowiki>


[[Image:Mail-view-default.jpg]]


== Today Pane Switched On ==
== Today Pane Switched On ==


<nowiki>
[[Image:Mail-view-today-vertical.jpg]]
+--------------------------------------------------------------+
+--------------------------------------------------------------+
| M A I L -- T O O L B A R + Today button          [Search  ]  |
|--------------------------------------------------------------|
| All Folders < > ||________________________________|| Today  X|
|`````````````````||                                ||`````````|
| - Account      || Hello      xyz@abc.com        || Date    |
|  - Inbox        || ...                            ||`````````|
|  - Sent        ||                                || Event  |
|  - Junk        ||--------------------------------|| Event  |
|  + ....        || From: xyz@abc.com              ||        |
|                ||                                ||      +  |
|                ||--------------------------------||---------|
|                || Hi there!                      ||Tasks    |
|                || cxcds  dfdf dfvdvf            ||        |
|                || dfldkf fff                    || Task    |
|                ||                                || Task    |
|                ||                                ||        |
|                ||                                ||        |
|                ||                                ||        |
|                ||                                ||        |
|-----------------||                                ||        |
| [Mail] Cal Task ||                                || New Task|
|-----------------||________________________________||_________|
+--------------------------------------------------------------+
</nowiki>


=== Calendar ===
=== Calendar ===


<nowiki>
http://wiki.mozilla.org/images/a/a0/Week-view.png
+--------------------------------------------------------------+
+--------------------------------------------------------------+
| C A L E N D A R - - T O O L B A R                [Search  ]  |
|--------------------------------------------------------------|
| Calendar    < > ||  < > February 26 - March 02, 2007    CW 9|
|`````````````````||  |Mon |Tue | Wed | Thu | Fri | Sat | Sun |
| February 2007  ||---|----|----|-----|-----|-----|-----|-----|
| X X X X X X    || 8 | // |    |    |    |    |    |    |
| X X X X X X X  ||---|-//-|----|-----|-----|-----|-----|-----|
| X X X X X X X  || 9 | // |    |    |    |    |    |    |
| X X X X        ||---|----|///-|-----|-----|-----|-----|-----|
|                || 10|    |/// |    |    |    |    |    |
|                ||---|----|----|-----|-----|-----|-----|-----|
|-----------------|| 11|    |    |    |    |    |    |    |
| [X] Work        ||---|----|----|-----|-----|-----|-----|-----|
| [ ] Private    || 12|    |    | /// |    |    |    |    |
| [X] NFL        ||---|----|----|-///-|-----|-----|-----|-----|
| [ ] Team        || 1 |    |    |    |    |    |    |    |
| [ ] Birthdays  ||---|----|----|-----|-----|-----|-----|-----|
|                || 2 |    |    |    |    |    |    |    |
|                ||---|----|----|-----|-----|-----|-----|-----|
|-----------------|| 3 |    |    |    |    |    |    |    |
| Mail [Cal] Task ||---|----|----|-----|-----|-----|-----|-----|
|-----------------||___________________________________________|
+--------------------------------------------------------------+
</nowiki>


=== Tasks ===
=== Tasks ===


<nowiki>
[[Image:Task-mode-w-accordion.png]]
+--------------------------------------------------------------+
+--------------------------------------------------------------+
| T A S K S - - T O O L B A R                      [Search  ]  |
|--------------------------------------------------------------|
| Calendar    < > ||                                          |
|`````````````````||  [-] Do Car Wash                          |
| February 2007  ||      sdnsdsd fcfdf ffdf dfdf              |
| X X X X X X    ||      ds fcfdf hhj wew                    |
| X X X X X X X  ||                                          |
| X X X X X X X  ||  [+] Do Project Planning                  |
| X X X X        ||                                          |
|                ||                                          |
|-----------------||  [+] GUI Planning                        |
| 0 This Week    ||                                          |
| 0 My Tasks      ||                                          |
| O Next Seven Da ||                                          |
|                ||                                          |
|                ||                                          |
|                ||                                          |
|                ||                                          |
|-----------------||                                          |
| Mail Cal [Task] ||                                          |
|-----------------||___________________________________________|
+--------------------------------------------------------------+
</nowiki>

Latest revision as of 19:12, 20 January 2010