Sacando punta al lápiz: Experiencia Mozilla Design Challenge Spring 2009

El día 25/07/2009 tuve la oportunidad de realizar una presentación ante los miembros de FundarIngenio acerca de la experiencia en el Mozilla Design Challenge Spring 2009 en el marco de las actividades de la fundación y proyectos actuales. Aquí las diapositivas de la presentación:

User Profile Mockup - Chocolate Factory - Mozilla

Chocolate Factory is a Mozilla Labs project and place for the wider community to work on a collaborative Open Innovation tool for the Mozilla Labs Concept Series.

We are doing some mockups and discussion about the process. This is an interesting project, it is about collaborative design work; about how many people can bring their backgrounds and collaborate to one concept from different perspectives.

Some of the girls made mockups about the different functions and phases. I made one about the user profile. The main idea is to have a profile as a Concept Series User’s portfolio. The challenge is: one user can contribute to any stage of any concept (via entries or comments). How can we manage that?

This is a “raw” mockup about the user profile in Chocolate Factory. I made this in order to respond to:

- There is some information about the user and ways to contact him/her (email, twitter, facebook, etc.).

- Every active user is a “contributor/participant”, not an “owner” of  a concept. By this way, every user can “contribute” to any stage (idea, mockup, video, prototype) of any concept. All the contributions are listed and organized by concept and date of contribution.

- Every contribution has a different color icon.
- A user can make comments also in any concept phase scenario.
- The people can subscribe to user’s comments and/or participations
(contributions) –>RSS.
- Users can share their profile (Share profile option)

And…the mockup:

Click the image to see full sized mockup.

Link to Mozilla Wiki - Chocolate Factory Mockups

Killer expressions mean the death of every idea

One of the things that is missing when a homogeneus group starts looking for an idea is the playful, creative component in the idea generation process. If the inside view predominates in the search, then the search will not get up to speed however good it may methodically be. Instead of helping the search for ideas, the participants put the brakes on. Career considerations, possessiveness, hierarchical considerations and self-censor stand in the foreground, as shown in the famous “killer expressions”:

• I already know that
• We’ve tried that before
• The competition already does that
• It’s too much expensive
• We can’t do that
• There are technical difficulties
• The boss will say no to that
• It doesn’t fit our image
• We’ll make ourselves look ridiculous
• We don’t know enough about that
• That can’t be implemented..

“People who say not to everything attack fresh ideas like sharks”

From the book  “The Idea Machine: How ideas can be produced industrially”, by Nadja Schnetzler.

INFINITO- Our presentation for the Mozilla Design Challenge Summer 2009

This is our presentation for the Mozilla Deisgn Challenge Summer 2009. This concept was made in order to answer the question: “Reinventing Tabs in the Browser - How can we create, navigate and manage multiple web sites within the same browser instance?”
The main idea is to offer the user one space to manage the tabs system, with new features: See a group of tabs in a new context, save and share a group, circle-based structure, RSS feature, and more.

 
“…Tabs worked well on slow machines on a thin Internet, where ten browser sessions were “many browser sessions”. Today, 20+ parallel sessions are quite common; the browser is more of an operating system than a data display application; we use it to manage the web as a shared hard drive. However, if you have more than seven or eight tabs open they become pretty much useless. And tabs don’t work well if you use them with heterogeneous information. They’re a good solution to keep the screen tidy for the moment. And that’s just what they should continue doing…”
 

Authors: M. Eugenia Ortiz and José Ignacio Marcos.

SEEING THE TABS ZONE

The user sees the “tabs zone” by moving the mouse to the top of the browser (under the address bar)

STOP SEEING THE TABS ZONE

The user stops seeing the “tabs zone” by moving the mouse to the bottom of the “tabs zone” or out of it. This allows the user to see all the web content in a comfortable way.

ADDING A TAB

You can add a tab by:

a) “New tab” button and typing in the address bar. You can open a blank tab and type the URL in the address bar.

b) From a link (dragging it into the “tabs zone” or right click and open a new tab). For example, after a search at google.com you can drag one of the links below to the “tab zone” and a new tab will open

c) Pressing Ctrl + clicking the link

MOVING TABS

The structure allows the rotation of the tabs. You have two icons that indicate the direction of the rotation. (maybe for touch screens it could be made by dragging the tabs zone to the right or left side). When rotating the tabs like a circle, you can see again the “first” tab, anyway there is not an order of the tabs.

RE-ORDER TABS

You can manage the tabs as you want. You can change the order by just dragging them into the correct place for a more comfortable vision and managing.

GROUPING TABS

You can group tabs under any criteria. By this way, you will have a new small window to build your group. You have to drag the tabs that you want to put in that group and name it as you like (Videos, Tabs for later , etc.), or just leave it with the default name (e.g. “Group 1″). Once you have the tabs that you want to have in that group, click the “OK” button. Now you have a group of tabs! For seeing the tabs that you have in a group, just click on the tab and you will see them in a scrolling list.

SAVE A GROUP

This is an interesting function: You can save a group to read it later!

UNGROUPING TABS

To ungroup the tabs, you can drag out the page’s tab that you want from the scrolling list of a group. It will be back to the tabs zone as one single tab. By the other hand, you can always close a tab.

EXPLORING A GROUP OF TABS IN CONTEXT

This allow you to open a group of tabs in a new context (instance of the browser) with the same interface of a simple tab zone, only with the tabs of that group.

This is an option that you can select from right clicking in a group tab if you feel that you have too many tabs in a group, and want to navigate in a more comfortable way.

TO CLOSE TABS

You can close a tab at any time by clicking in the X button of each one.

FILTER - SEARCH FOR TABS

You can search a tab. How? Entering the name in the search box. If a tab that matches with your search is in a group, the group will let you know you that the tab that you are looking for is inside of it. The search is made in real time (filtering).

GROUP EVERYTHING IN ONE TAB

Do you feel that you have “a lot” of tabs open and you want to see a lot more? You can group all the open tabs until that moment in one group (maybe save it for later!), and keep opening more tabs.

RSS TABS

This function aim is to allow the user to open the “not readed” feeds like new tabs in the “tabs zone”. The user can drag the subscription link (for example Johnny Holland Magazine link in Google Reader) and a new “RSS Group” will be open in the tabs zone. You can easily distinguish it by the RSS icon in the group tab. You can manage that group like all the others.

Mockup

 
 
“This work is licensed under a Creative Commons Attribution 3.0 United States License (http://creativecommons.org/licenses/by/3.0/us/)”

Hablas Español? Mozilla Design Challenge Summer 2009

 
Traducción del inglés al español de la Invitación de Mozilla Labs Concept Series a participar del Mozilla Design Challenge Summer 2009.

Resultados Design Challenge!

 
Estoy muy feliz de haber recibido una mención honorable en el área de Interaction como resultado del Mozilla DCH 2009! El feedback recibido es realmente muy útil y positivo!
 
Best in Class: Interaction
For the solution that feels provides the best human-computer
interaction model.

Selected prototype: “Scrolling 2.0″ by Valentin Laube

Honorable Mentions: “Zorro Gris” by Eugenia Ortiz and “Chromeless Full-
Screen Web Browser” by Joanna Pierozek
 
Ver más…

Sobre la experiencia en el Mozilla DCH 2009

Pascal Finette publicó muy amablemente en su blog una síntesis de mi experiencia en el Mozilla Design Challenge 2009 (en Inglés y Español).

Publications and presentations

Researches, publications and presentations of Academic works:

• “Systemic Epistemology: A Synthetic View For The Systems Science Foundations” – M. Eugenia Ortiz, M. Mercedes Clusella, Pedro Luna for IFSR (International Federation for Systems Research) - First World Congress of the IFSR - Centre of International Conference in Kobe, Japan – November 2005. Jaist Press, Komatsu, Japan, 2005, ISBN: 4-903092-02-X

• “Civilization-Culture Context as Systemic Background” (Abstract) M. Eugenia Ortiz and M. Mercedes Clusella for ISSS (International Society for the Systems Sciences) – 50th Annual Meeting of the ISSS - Sonoma State University- California, U.S.A. July 2006.

• “Sistémica y Cibernética: discusión sobre el conectivo ´y´” (Systemic and Cybernetic: discussion on the connective ‘and’) Presentation of paper and poster for the University Conferences 2006 about “Transdisciplinarity“ – Termas de Río Hondo- Santiago del Estero, Argentina, August 2006.

• “Educación Cibernética en las Universidades: Necesidad de un nuevo enfoque para el aprendizaje” (Cybernetic education in the Universities: Need for a new approach for learning) M. Eugenia Ortiz, M. Mercedes Clusella, for the First Regional Meeting of the Latin-American Systems Association (ALAS) – Buenos Aires, Argentina–August 2006.

• “Organización “universidad” como objeto de estudio transdisciplinario: complejidad bajo las perspectivas sistémica y cibernética” – Paper presented at the 2nd Brazilian Congress of Systems – ISSS Brazil (International Society for System Sciences - Brazil) - FEARP/USP, Riberão Preto, San Pablo, Brazil. October 2006.

• “Methodological validation of modelization, discussion from a “systemic epistemology” viewpoint” M. Eugenia Ortiz, Mercedes Clusella. Abstract presented at the 51º Annual Meeting of the ISSS- Tokyo, Japan. 2007.

• “Diseño de Modelo Interactivo para el aprendizaje asistido bajo condiciones cibernéticas” (Design of Interactive Model for assisted learning under cybernetic conditions) M. Eugenia Ortiz, M. Gabriela Mitre. Abstract and full paper presented at the Second Regional Meeting of the Latin-American Association of Systems (ALAS) – Ibagué, Colombia – 2007.

• “A Systemic Epistemology to understand the complex relationships between cybernetics and design”
  Colaboration with Maria Mercedes Clusella Cornejo.  International Institute Galileo Galilei –  2007

• “Cibernéticas y modelización sistémica: exigencias para los “nuevos diseños”. M. Eugenia Ortiz, M. Mercedes Clusella. Astract presented at the Third Regional Meeting of the Latin-American Association of Systems (ALAS) – Mexico DF, Mexico. 2008

Si desea adquirir alguna de estas publicaciones, no dude en contactarse conmigo.

If you want to read any of these publications, please feel free to contact me.

Presentación de Prototipo -Mozilla Design Challenge 2009

Main characteristics of the panels:

- Auto hide: When the user rolls the mouse over the “panel’s zone” they hide/appear again (the user can choose not to see them anymore).

- “Windows preview” panel: “As you like”-organized groups of apps (the user can organized, manage, name them as he/she likes.

- “Applications” panel: Most used apps at the side, with the option for browse new ones.

For full description of the concept, please read this before.

Presentation

Prototype

Primera presentación del prototipo

The web browser as a platform for multiple applications and activities

* Short Summary: The future web browser as a platform for different applications, users and activities. This proposal was made in order to answer:
“What would a browser look like if the Web was all there was? No windows, no unnecessary trappings. Just the Web.”
Seguir leyendo…