About a week ago, 15 students from all around the world set out to work on Mozilla Labs’ Crowdsourcing Project – with the aim to create a next generation crowdsourcing platform. In the first phase of this project, the students broke into three teams, each with a specific objective. Here are their status reports after week 1 of the project:
Junto con la coordinadora del área de Graduados de la Universidad Católica de Santiago del Estero, Mercedes Clusella, colaboro en el diseño e implemetación del modelo de programa para la nueva etapa de ésta área, generalmente conocida como “Alumni”. El modelo debía incluir una plataforma virtual para presentar la información del área y promocionar la participación de los graduados de la Facultad de Matemática Aplicada (web 2.0).
Una estrategia comunicacional, un canal (sitio web y Facebook) y el contenido que permita implementar una red, de graduados para graduados, son los ejes en los cuales debíamos concentrarnos. Ofrecer y facilitar las herramientas para la formación continua y actualización académica/ profesional.
Breve descripción
Apenas ingresé a trabajar en la Sub-Dirección de Informática (Sgo. Del Estero) se me pidió formar parte del grupo que comenzaría a desarrollar el nuevo sistema del Tribunal de Faltas Municipal. Desde ese momento fuimos 2 integrantes del equipo, de tal manera que debíamos optimizar tiempo y recursos. Mi tarea era el diseño y desarrollo del subsistema de Pagos del Tribunal. Se optó por la realización de un prototipo funcional ya que los tiempos eran escasos (y generalmente lo son en la administración pública). La premisa impuesta era que se debía registrar TODO lo que se realizaba para un mejor control de las actividades y obviamente los datos debían ser consistentes y confiables.
Se distinguieron las principales funciones que debía tener el sistema, siguiendo el curso administrativo de las tareas que allí realizan. Muchos aspectos de las funciones manuales y automáticas que allí se llevaban a cabo (con un sistema anterior con el que ya contaban) debían cambiar.
Foto: gilderic en Flickr
En esta ocasión tuve que re-diseñar e implementar el Collegium Virtual (CV) de FundArIngenio. Anteriormente, el sub-sistema se encontraba en un área separada a la del sitio de la Fundación. La idea era simple: combinar el sitio con el CV y re-diseñarlo. El CV es la plataforma virtual que sirve de soporte a seminarios presenciales que la Fundación brinda.
Para esto, la idea fue hacer una versión que pudiera satisfacer los mínimos requerimientos (0.1). Esta versión está en estos momentos a prueba por los alumnos del Seminario de Gestión del Conocimiento Escolar 2009. Para próximas versiones, se está pensando en un diseño más amplio que permita seminarios totalmente online.
Para ingresar al CV se necesita de un usuario y contraseña provista por el administrador.
El diseño es simple, sin muchas funciones complicadas. Manejo de información sobre el seminario en el cual se encuentra inscripto el alumno, material ofrecido por los docentes, contacto con otros alumnos y docentes, foro de discusión de actividades, fotos, material multimedia, gestión de información de usuarios (fotos de perfil, datos de contacto,etc.).
Los usuarios para los cuales está dirigido el CV (a través de los seminarios) son usuarios simples, aproximadamente entre los 25 y 60 años, a veces sin acceso a internet de manera frecuente.
Tecnologías utilizadas: PHP5 (Joomla en su mayoría con modificación de código y scripts propios), MySql, Phpmyadmin.
A continuación, una presentación con algunas capturas:
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.
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.
“This work is licensed under a Creative Commons Attribution 3.0 United States License (http://creativecommons.org/licenses/by/3.0/us/)”
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.
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…
Estado: Diseño de las interfaces de usuario del prototipo para ser presentado en el mes de Abril para el Mozilla Design Challenge Spring 2009.
Formato: Animación Flash (.swf)
Idioma: Inglés
Mi nombre es Eugenia y este es mi espacio. Estudiante, me interesa el diseño de UX, UI, HCI, Innovación y Creatividad. Notarás que algunos artículos están en inglés y otros en español.
My name is Eugenia and this is my space. I'm a student and I'm interested in UX design, UI, HCI, Innovation and Creativity. Please note that some content is in english and some is in spanish.
Copyright © 2004–2009. All rights reserved.
RSS Feed. This blog is proudly powered by Wordpress and uses Modern Clix, a theme by Rodrigo Galindez.
