Education/Design: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
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.
__TOC__
=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]]
* [http://johnnyholland.org/magazine/2009/05/metaphor-on-the-brain/ Metaphor thinking]
* [http://johnnyholland.org/magazine/2009/02/deconstructing-analysis-techniques/ Desconstructing Analysis Techniques]
* [http://johnnyholland.org/magazine/2009/04/intuited-interfaces/ Intuited interfaces]
<!--
* 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.png]]
* [http://www.vimeo.com/3833774 Rapid Prototyping using Canvas]
[[Image:Prototyping_with_canvas.jpg]]
*[http://www.vimeo.com/3922255 Engineering prototypes]
[[Image:Engineering_prototypes.jpg]]


=[[Education/Design/Theory|Design Theory]]=
==A series of videos on prototyping from johnnyholland.org==
* Design Principles for Application Design
* [http://johnnyholland.org/magazine/2009/07/communicating-ux-through-video-1-prototyping/ Prototyping]
* Interaction Design 101
* [http://johnnyholland.org/magazine/2009/07/communicating-ux-through-video-2-concepting/ Concepting]
* Personas 101
* [http://johnnyholland.org/magazine/2009/08/communicating-ux-through-video-3-future-scenarios/ Future Scenarios]
* [http://johnnyholland.org/magazine/2009/08/communicating-ux-through-video-4-probing-research/ Probing & Researching]
* [http://johnnyholland.org/magazine/2009/04/prototyping-makes-you-tell-the-right-story/ Prototyping makes you tell the right story]


=[[Education/Design/Examples|Design Examples]]=
=Design Examples=
XXX
[http://design-challenge.mozilla.com/summer09/#bic-people People's Choice Award from Design Challenge Summer 2009]  




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

Latest revision as of 07:10, 26 August 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.png

Prototyping with canvas.jpg

Engineering prototypes.jpg

A series of videos on prototyping from johnnyholland.org

Design Examples

People's Choice Award from Design Challenge Summer 2009