Education/Design: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
=Overview=
Mozilla needs designers. You can help imagine the next generation of Mozilla products.
XXX: UI/UX/HCI


Students are currently getting involved through the [http://design-challenge.mozilla.com/summer09/ Design Challenge] as part of the [http://labs.mozilla.com/projects/concept-series/ Mozilla Labs Concept Series].
Video tutorials created to help students get started with the Design Challenge can be found either at [http://www.vimeo.com/mozconcept Concept Series on Vimeo] or at the bottom of the [http://design-challenge.mozilla.com/spring09/ Spring 09 Design Challenge] page. However, those videos will also be linked from here with additional resources.
=Design Theory=
<!--=[[Education/Design/Theory|Design Theory]]=-->
* [http://www.vimeo.com/3760909 Open Source Design, Mozilla and You]
[[Image:Open_source_design_mozilla_and_you.jpg]]
*[http://www.vimeo.com/3952822 Innovation, UCD, Web and Life ]
[[Image:Innovation_ucd_and_web.jpg]]
<!--
* Design Principles for Application Design
* Interaction Design 101
* Personas 101
-->
<!--
=[[Education/Design/Mockups|Mockups]]=
=[[Education/Design/Mockups|Mockups]]=
* How to create a mockup
* How to create a mockup
* Tools for creating mockups
* Tools for creating mockups
 
-->
=[[Education/Design/Prototypes|Prototypes]]=
=Prototypes=
<!--=[[Education/Design/Prototypes|Prototypes]]=-->
<!--
* From mockup to prototype
* From mockup to prototype
* Tools for creating prototypes
* Tools for creating prototypes
* Prototyping using the Web: HTML, CSS, Javascript
* Prototyping using the Web: HTML, CSS, Javascript
* Rapid Prototyping using Javascript Frameworks (e.g. jQuery)
-->
* Rapid Prototyping using Canvas
* [http://www.vimeo.com/3958413 Rapid Prototyping using Javascript Frameworks (e.g. jQuery)]
 
[[Image:Prototyping_using_jquery.jpg‎]]
=[[Education/Design/Theory|Design Theory]]=
* [http://www.vimeo.com/3833774 Rapid Prototyping using Canvas]
* Design Principles for Application Design
[[Image:Prototyping_with_canvas.jpg]]
* Interaction Design 101
*[http://www.vimeo.com/3922255 Engineering prototypes]
* Personas 101
[[Image:Engineering_prototypes.jpg]]


<!--
=[[Education/Design/Examples|Design Examples]]=
=[[Education/Design/Examples|Design Examples]]=
XXX
XXX
 
-->


[[Category:Education]]
[[Category:Education]]
[[Category:Design]]
[[Category:Design]]

Revision as of 14:05, 24 July 2009

Mozilla needs designers. You can help imagine the next generation of Mozilla products.

Students are currently getting involved through the Design Challenge as part of the Mozilla Labs Concept Series.

Video tutorials created to help students get started with the Design Challenge can be found either at Concept Series on Vimeo or at the bottom of the Spring 09 Design Challenge page. However, those videos will also be linked from here with additional resources.

Design Theory

Open source design mozilla and you.jpg

Innovation ucd and web.jpg

Prototypes

Prototyping using jquery.jpg

Prototyping with canvas.jpg

Engineering prototypes.jpg