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

Sacando punta al lápizSacando punta al lápiz: Experiencia Mozilla Design Challenge Experiencia Mozilla Design Challenge

Spring 2009Spring 2009

Eugenia Ortizwww.eugeniaortiz.com.ar

m.eugenia.ortiz@gmail.com

eortiz.iigg@fundaringenio.org.ar

ContenidosContenidos• Inicio de la experiencia

• Mozilla – Firefox - Mozilla Community – Labs – “Open innovation”- “Crowdsourcing”

• Design Challenge Spring 2009

• Diseño – Diseño de software – Experiencia de usuario- Diseño centrado en el usuario – Diseño de Interacción – CHI (Computer-Human Interaction)

• Tópico central del MDCH

• Primera Fase: Presentación de conceptos: “Zorro Gris”

• Segunda Fase: Selección. Fase de tutorías donde las ideas y maquetas son refinadas.

• Presentación final de prototipos, retroalimentación. Resultados.

• Conclusiones

InicioInicio

El anuncioEl anuncio

• Una comunidad global de cientos de personas que creen en el poder de la tecnología para enriquecer las vidas de las personas.• Una organización de beneficio público dedicada a aumentar las formas en las que la gente experimenta la web en todo el mundo.• Proyecto de software open source cuyo código ha sido usado como plataforma para algunos de los proyectos más innovativos de Internet

MozillaMozilla

Y más…Y más…

Mozilla Firefox

Y más…Y más…

“Concept series” es una iniciativa para ofrecer una forma fácil de contribuir con el desarrollo de la experiencia online. Es un laboratorio abierto a nuevos proyectos

para mejorar la experiencia web.

Open innovation Open innovation

Estrategia de bajo costo, ideas de alta calidad de las mejores fuentes en colaboración con

otros externos (incluyendo clientes, vendedores e incluso la competencia). De esta manera se generan trabajos enriquecidos en

donde personas de diferentes disciplinas aportan ideas para un proyecto en común.

Open innovation Open innovation

A tener en cuenta:

- Factores Técnicos

- Factores Culturales

CrowdsourcingCrowdsourcing

• Tareas que son abiertas a un gran grupo desconocido de personas.

• Es el esfuerzo para llegar a las masas en busca de ideas, feedback o necesidades de los consumidores

¿Por qué funciona?¿Por qué funciona?

• Intereses comunes con otras personas• Se puede obtener reconocimiento• Puedes conocer otras personas con las mismas actividades (a través de Internet) ampliando así su red.

CrowdsourcingCrowdsourcing

Design ChallengeDesign Challenge

Desafío de DiseñoDesafío de Diseño

Es una serie de eventos para alentar la innovación y la experimentación en el

diseño para la web. El objetivo es provocar pensamientos, facilitar la

discusión e inspirar futuras direcciones de diseño para Firefox, el proyecto

Mozilla y la web como un todo.

¿Diseño?¿Diseño?

Diseño, como verbo, se refiere al proceso de originar y desarrollar un plan para un producto, estructura, sistema o componente con una intención.

Los objetivos, escala, resultados y medios para llevar a cabo un proyecto difieren.

Lo que es similar es que diseñan. Los procesos que siguen son también similares. Generalmente requiere una investigación previa, pensamiento, modelado, ajustes iterativos y re-diseño.

Existen muchos modelos de proceso diseño.Desde los simples (y ambiguos) hasta los más detallados y complejos. Todo depende del proyecto.

Diseño, como sustantivo, se usa tanto para el plan final (una solución) o el resultado de implementar ese plan en la forma de un producto final de un proceso de diseño. El producto final puede ser de cualquier naturaleza (físico o proceso).

Diseño de SoftwareDiseño de Software

DiseñoDiseño

Para diseñar software que realmente "funcione", necesitamos mover la mirada de un programador hacia

la mirada de un diseñador, tomando el sistema, los usuarios, todo el contexto completo como punto de

partida. Un buen diseño produce un objeto que funciona para gente en un contexto de valores y necesidades, para producir resultados de calidad y una experiencia

satisfactoria.

Experiencia de Experiencia de UsuarioUsuario

DiseñoDiseño

Diseño de SoftwareDiseño de Software

El diseño Experiencia de Usuario (UX)

impacta positivamente en

toda la experiencia que una persona

tiene con un sistema interactivo

en particular.

Diseño centrado en Diseño centrado en el Usuarioel Usuario

DiseñoDiseño

Diseño de SoftwareDiseño de Software

Experiencia de UsuarioExperiencia de Usuario

El diseño centrado en el usuario (UCD)  se focaliza específicamente en objetivos de usabilidad, contexto, tareas y flujo de trabajo en el diseño de una interfaz.

UCD sigue una serie de métodos y técnicas de análisis, diseño y evaluación. Todo esto lo realiza

concentrándose principalmente en las necesidades,

limitaciones y preferencias de los usuarios.

Diseño de Diseño de InteracciónInteracción

DiseñoDiseño

Diseño de SoftwareDiseño de Software

Experiencia de UsuarioExperiencia de Usuario

Diseño centrado en el UsuarioDiseño centrado en el Usuario

Diseño de Interacción (IxD) disciplina que define el comportamiento de los productos y sistemas

con los que interactúa el usuario. La práctica generalmente se centra en sistemas software,

dispositivos móviles y otros dispositivos electrónicos; sin embargo, también se puede aplicar a otro tipo de productos y servicios, e

incluso a organizaciones.

CHI (Computer-CHI (Computer-Human Interaction)Human Interaction)

DiseñoDiseño

Diseño de SoftwareDiseño de Software

Experiencia de UsuarioExperiencia de Usuario

Diseño centrado en el UsuarioDiseño centrado en el Usuario

Diseño de InteracciónDiseño de Interacción

Área de estudio centrada en el fenómeno de interacción entre usuarios y sistemas informáticos, cuyo objetivo es proporcionar bases teóricas, metodológicas y prácticas

para el diseño y evaluación de productos interactivos que puedan ser usados de forma eficiente, eficaz, segura y

satisfactoria.

La CHI es interdisciplinar en su práctica. Entre las disciplinas sobre las que se sustenta podemos enumerar la psicología cognitiva y de la conducta, ergonomía, antropología, sociología y ciencias de

la computación entre otras.

Un ejemplo de todo esto

Antes

Ahora

Mozilla Design Challenge

Tópico CentralTópico Central

 ”Cómo sería un navegador web si la Red fuera todo lo que existe? Sin ventanas, sin

elementos innecesarios. Sólo la Red.”

Mozilla Design Challenge

Todos los conceptos están bajo la licencia Creative Commons

Attribution (BY:): Obliga a citar las fuentes de esos contenidos. El autor debe figurar en los créditos.No commercial (nc): Obliga a que el uso de los contenidos no pueda tener bonificación económica alguna para quien haga uso de contenidos bajo esa licencia.No Derivative Works (nd): Obliga a que esa obra sea distribuida inalterada, sin cambios.ShareAlike (sa): Obliga a que todas las obras derivadas se distribuyan siempre bajo la misma licencia del trabajo original.

Mozilla Design Challenge

Primera Fase:Primera Fase:  Presentación de “conceptos”

Concepto = Idea + Maqueta + Prototipo + Producto

Concepto presentado por Eugenia OrtizArgentina

Mozilla Design Challenge

Segunda Fase:Segunda Fase:  Selección. Fase de tutorías donde las ideas y

maquetas son refinadas

Modo de preparación: WebinarsWebinars (Web seminars) bajo la coordinación de Pascal

Finette.

Orientadas a Diseño:

Design FundamentalsDesign Fundamentals - Alex Faaborg

Interaction SeductionInteraction Seduction - Aza Raskin

Designing for MobileDesigning for Mobile - Madhava Enros

Open Source Design, Mozilla and YouOpen Source Design, Mozilla and You - John Slater

Design or DieDesign or Die - Innovation, User-Centered Design, - Innovation, User-Centered Design, Web and LifeWeb and Life - Wei Zhou

Presentaciones - WebSeminarsPresentaciones - WebSeminars

Orientadas a Desarrollo:

Extension Bootcamp:Extension Bootcamp: Zero to Hello World! in 45 Minutes -Myk Melez  Stupid/Awesome Extension Development HacksStupid/Awesome Extension Development Hacks - Jono DiCarlo MMaking Prototypes with Canvasaking Prototypes with Canvas - Jono DiCarlo  

Making Prototypes with jQueryMaking Prototypes with jQuery - Atul Varma  

Engineering PrototypesEngineering Prototypes - Atul Varma

Ship It (or: Coffee is for Closers)Ship It (or: Coffee is for Closers) - Mike Beltzner

Presentaciones - WebSeminarsPresentaciones - WebSeminars

Presentación final de Presentación final de prototiposprototipos

Y retroalimentación. Y retroalimentación.

Pre-presentación del prototipo:Pre-presentación del prototipo: Mozilla Design Mozilla Design LunchLunch

Zorro GrisZorro Gris – Mención de Honor en – Mención de Honor en el área “Interaction”!el área “Interaction”!

““Para la solución que provee el mejor modelo de interacción Para la solución que provee el mejor modelo de interacción

Humano-Ordenador”Humano-Ordenador”

Y ahora qué? Seguir!Y ahora qué? Seguir!

Open collective :Open collective : “Chocolate Factory”“Chocolate Factory”

Plataforma abierta de diseño y trabajo colaborativo para Mozilla Labs Concept Series.

https://wiki.mozilla.org/Labs/Chocolate_Factory

ConclusionesConclusiones

La aventura (lo aprendido/reforzado)La aventura (lo aprendido/reforzado)  Inquietos/Inquietas  Inquietos/Inquietas   Animarse a innovar "¿Por qué no?" Animarse a innovar "¿Por qué no?" "Sacar punta al lápiz" "Sacar punta al lápiz" 

“Sacar la punta al lápiz”

De esa manera,De esa manera,estaremosestaremossiempre siempre

listos!listos!

Gracias.Gracias.

¿Alguna pregunta?¿Alguna pregunta?