Sugar design review 2: Difference between revisions
Jump to navigation
Jump to search
(→Rooms) |
mNo edit summary |
||
| (24 intermediate revisions by 8 users not shown) | |||
| Line 1: | Line 1: | ||
= Goals = |
= Goals = |
||
* |
* Experiment with ideas about social presence |
||
* Experiment with ideas about how to chat and share information |
|||
* Start figuring out our visual design and strategy |
* Start figuring out our visual design and strategy |
||
| Line 12: | Line 13: | ||
= Results = |
= Results = |
||
:''Please know that clicking on a picture shows a larger display of it.'' |
|||
== Social presence == |
== Social presence == |
||
Sharing, chatting, play, etc. require finding other people to interact with. Sugar tries to do this through shared "spaces", of which there are two kinds: quick chats, and shared documents. |
|||
| ⚫ | |||
You don't always want to have to create a shared document or some other context just to have a really quick chat with your friend Meike. So Sugar supports "quick chats" that aren't tied to any particular context. They don't stick around after you close them, and they probably won't be logged in any way. There should (eventually) be a way to create some sort of context around them after-the-fact, but we'll punt that for now. |
|||
| ⚫ | |||
[[Image:chatstep1.jpg|400px]] |
[[Image:chatstep1.jpg|400px]] |
||
You can create a |
You can create a quick chat by double clicking on a buddy from the presence pane. |
||
| ⚫ | |||
{| |
|||
| ⚫ | |||
|- |
|||
|[[Image:chatstep2.jpg|350px|thumb|none|Rough sketch of an individual quick chat]] |
|||
|valign="top"|[[Image:Sugar-private-chat-mockup.png|350px|thumb|none|Quick chat mockup (by Diana Fong)]] |
|||
|} |
|||
| ⚫ | |||
[[Image:chatstep3.jpg|400px]] |
[[Image:chatstep3.jpg|400px]] |
||
The buttons at the bottom of the presence window allows to invite more |
The buttons at the bottom of the presence window allows to invite more friends into the chat. |
||
=== Shared documents === |
=== Shared documents === |
||
Shared documents can be web pages, drawing canvases, wiki pages. These are the starting point, and you can form topical chats around these shared documents as well. Imagine a "History Class" wiki page containing assignments, useful links, teacher's notes, etc. This class wiki page, like any shared document, can have a chat associated with it. |
|||
Shared documents can be web pages, drawing canvases, wiki pages. |
|||
[[Image:everyone1.jpg]] |
|||
You |
You find shared documents through a few means: |
||
* A well-known location or name. Ideally not an actual URI, but an easily remembered named resource. |
|||
* Someone shares the location with you through chat |
|||
* The teacher writes the location on the classroom board or other writable surface |
|||
* Through the Everyone page's shared document list (see below) |
|||
[[Image:history1.jpg]] |
|||
{| |
|||
| ⚫ | |||
|- |
|||
|[[Image:everyone1.jpg|350px|thumb|none|Rough sketch of the Everyone Page]] |
|||
|valign="top"|[[Image:Sugar-everyone-page-mockup.png|350px|thumb|none|Everyone Page Mockup (by Diana Fong)]] |
|||
|} |
|||
The Everyone page is like a homepage. For the moment, it contains a list of all the documents/links/whatever that others have shared with everyone. For example, if the teacher wishes the class to go to the "History Class" wiki page, he/she shares the History Class page with everyone. Students then go to the Everyone page, and click the link that the teacher shared. |
|||
[[Image:history2.jpg]] |
|||
<small>(We realize this doesn't scale that well, but we're starting with here anyway.)</small> |
|||
| ⚫ | |||
{| |
|||
|- |
|||
|[[Image:history1.jpg|350px|thumb|none|Rough sketch of a shared document tab]] |
|||
|valign="top"|[[Image:Sugar-shared-document-mockup.png|350px|thumb|none|Shared document tab mockup (by Diana Fong)]] |
|||
|} |
|||
| ⚫ | |||
| ⚫ | |||
| ⚫ | The presence pane is available from each shared document too, and allows you to invite more people to see the document (via the "Friends" and "Everyone" parts). From here it's also possible to make a chat window slide in and talk with people that are currently viewing this document ("Who's Here Now"). |
||
== New components == |
== New components == |
||
| Line 51: | Line 79: | ||
=== Presence pane === |
=== Presence pane === |
||
{| |
|||
[[Image:presence1.jpg]] |
|||
|- |
|||
|[[Image:presence1.jpg|350px|thumb|none|Rough sketch of the Presence Pane]] |
|||
|valign="top"|[[Image:Presence.png|350px|thumb|none|Presence Pane Mockup (by Diana Fong)]] |
|||
|} |
|||
The presence pane is now a slide-in window globally available. |
The presence pane is now a slide-in window globally available. Its content is contextual to the currently activated tab. |
||
[[Image:presence2.jpg]] |
[[Image:presence2.jpg|400px]] |
||
It features: |
It features: |
||
* A list of people |
* A list of people participating in the active activity (i.e., a web page, chat room, shared document, etc...) |
||
* A list of friends. We |
* A list of your friends. We didn't discuss how to build this list in detail. It could be automatic (serendipity/who you talk to most), manual (you add and remove buddies from the list) or a mix of both (for example serendipity but still allow to add and remove). |
||
* A searchable list of all available buddies. |
* A searchable list of all available buddies. |
||
* A button to invite other buddies on the activity (how is the invitation displayed?) |
* A button to invite other buddies on the activity (how is the invitation displayed?) |
||
| Line 67: | Line 99: | ||
=== Everyone page === |
=== Everyone page === |
||
| ⚫ | |||
* Allow to search the shared documents and the web to replace the google search activity (?) |
* Allow to search the shared documents and the web to replace the google search activity (?) |
||
* '''Deskbar'''[http://raphael.slinckx.net/deskbar/] (a Gnome panel accessory) could be used to replace the google search area. It lets you launch applications[http://www.gnomejournal.org/article/41/deskbar-a-bar-for-your-desk], search your computer, and search files all from one auto-completing text box[http://raphael.slinckx.net/deskbar/screenshots.php]. Non-tech folks love it, as you can get to everything from one spot. Deskbar is in Python and gtk+ (etc). Flash movie of Deskbar[http://browserbookapp.sourceforge.net/deskbar-2-14-screencast.html] (old version). The interface works well with a '''large''' number of items. |
|||
| ⚫ | |||
=== Chat window === |
=== Chat window === |
||
| Line 80: | Line 113: | ||
* The implementation is probably going to be a mix of custom (cairo drawn) and traditional widgets. |
* The implementation is probably going to be a mix of custom (cairo drawn) and traditional widgets. |
||
[[Category:Messaging ideas]] |
|||
== Others == |
|||
(This was'nt really part of the meeting but someone added it on this page and it makes total sense, so I don't want to delete it...) |
|||
[[Category:Sugar]] |
|||
Since the recent press coverage there are many new people who wish to participate in some way. In particular, many of them are unaware of the progress that has been made with SUGAR to date and want to reimplement it. To support these people and get them on the right track, we need to point them to the existing SUGAR work. To begin with, this can be pointers to other sites, but we need to get people to write up pages on how to set up a development environment including SUGAR on normal desktop systems running Windows(Cygwin), OS X, and other UNICES. |
|||
Latest revision as of 14:45, 29 June 2006
Goals
- Experiment with ideas about social presence
- Experiment with ideas about how to chat and share information
- Start figuring out our visual design and strategy
People
- Dan Williams
- Diana Fong
- Bryan Clark
- Marco Pesenti Gritti
Results
- Please know that clicking on a picture shows a larger display of it.
Social presence
Sharing, chatting, play, etc. require finding other people to interact with. Sugar tries to do this through shared "spaces", of which there are two kinds: quick chats, and shared documents.
Quick Chats
You don't always want to have to create a shared document or some other context just to have a really quick chat with your friend Meike. So Sugar supports "quick chats" that aren't tied to any particular context. They don't stick around after you close them, and they probably won't be logged in any way. There should (eventually) be a way to create some sort of context around them after-the-fact, but we'll punt that for now.
You can create a quick chat by double clicking on a buddy from the presence pane.
A new tab will open where you can text chat with your buddy and/or send sketches you have drawn.
The buttons at the bottom of the presence window allows to invite more friends into the chat.
Shared documents can be web pages, drawing canvases, wiki pages. These are the starting point, and you can form topical chats around these shared documents as well. Imagine a "History Class" wiki page containing assignments, useful links, teacher's notes, etc. This class wiki page, like any shared document, can have a chat associated with it.
You find shared documents through a few means:
- A well-known location or name. Ideally not an actual URI, but an easily remembered named resource.
- Someone shares the location with you through chat
- The teacher writes the location on the classroom board or other writable surface
- Through the Everyone page's shared document list (see below)
The Everyone page is like a homepage. For the moment, it contains a list of all the documents/links/whatever that others have shared with everyone. For example, if the teacher wishes the class to go to the "History Class" wiki page, he/she shares the History Class page with everyone. Students then go to the Everyone page, and click the link that the teacher shared.
(We realize this doesn't scale that well, but we're starting with here anyway.)
From the Everyone page, you click on a shared document, which opens that document in a new tab.
The presence pane is available from each shared document too, and allows you to invite more people to see the document (via the "Friends" and "Everyone" parts). From here it's also possible to make a chat window slide in and talk with people that are currently viewing this document ("Who's Here Now").
New components
Presence pane
The presence pane is now a slide-in window globally available. Its content is contextual to the currently activated tab.
It features:
- A list of people participating in the active activity (i.e., a web page, chat room, shared document, etc...)
- A list of your friends. We didn't discuss how to build this list in detail. It could be automatic (serendipity/who you talk to most), manual (you add and remove buddies from the list) or a mix of both (for example serendipity but still allow to add and remove).
- A searchable list of all available buddies.
- A button to invite other buddies on the activity (how is the invitation displayed?)
- A "Send to everyone" button (need to figure out what Bryan had in mind exactly here... Share? Send invitations to everyone?)
Everyone page
- Allow to search the shared documents and the web to replace the google search activity (?)
- Deskbar[1] (a Gnome panel accessory) could be used to replace the google search area. It lets you launch applications[2], search your computer, and search files all from one auto-completing text box[3]. Non-tech folks love it, as you can get to everything from one spot. Deskbar is in Python and gtk+ (etc). Flash movie of Deskbar[4] (old version). The interface works well with a large number of items.
- Show a list of the shared documents and allow to open them, perhaps with a folder-like ability to sort by name/date/type/size.
Chat window
Just like the old chat window but globally available (sliding in) and contextual to the activity.
Visual design
- Diana is working on mockups of the Sugar visual appeareance (yay!).
- We are going to need to evaluate this and see how much of it is doable within our current platform.
- The implementation is probably going to be a mix of custom (cairo drawn) and traditional widgets.