User:Jamesboston/Thingsfordesignpage: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Created page with 'UI/UX/HCI area: Mockups: - How to create a mockup (general) - Tools for creating mockups Prototypes: - From mockup to prototype (general) - Tools for creating prototypes - Prot…')
 
No edit summary
 
Line 1: Line 1:
UI/UX/HCI area:
Hi James,
 
here's a (totally incomplete) list of 'modules' I think would be great
for people in the UI/UX/HCI area:


Mockups:
Mockups:
- How to create a mockup (general)
* How to create a mockup (general)
- Tools for creating mockups
* Tools for creating mockups


Prototypes:
Prototypes:
- From mockup to prototype (general)
* From mockup to prototype (general)
- 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 Javascript Frameworks (e.g. jQuery)
- Rapid Prototyping using Canvas
* Rapid Prototyping using Canvas


Design Theory:
Design Theory:
- Design Principles for Application Design
* Design Principles for Application Design
- Interaction Design 101
* Interaction Design 101
- Personas 101
* Personas 101


Design Examples:
Design Examples:
- (here we would have sessions where Mozilla designers explain the
* (here we would have sessions where Mozilla designers explain the thinking and solutions deployed for a Mozilla product, e.g. Ubiquity)
thinking and solutions deployed for a Mozilla product, e.g. Ubiquity)


Please note that a module can consist of multiple "learning sessions"
Please note that a module can consist of multiple "learning sessions"
and can/should be mixed media (e.g. a video presentation plus text and
and can/should be mixed media (e.g. a video presentation plus text and
some examples to download).
some examples to download).
I hope that this goes somewhat into the direction you were thinking
about * if not, please let me know! :)
Looking forward getting this off the ground with you!

Latest revision as of 18:35, 29 July 2009

Hi James,

here's a (totally incomplete) list of 'modules' I think would be great for people in the UI/UX/HCI area:

Mockups:

  • How to create a mockup (general)
  • Tools for creating mockups

Prototypes:

  • From mockup to prototype (general)
  • Tools for creating prototypes
  • Prototyping using the Web: HTML, CSS, Javascript
  • Rapid Prototyping using Javascript Frameworks (e.g. jQuery)
  • Rapid Prototyping using Canvas

Design Theory:

  • Design Principles for Application Design
  • Interaction Design 101
  • Personas 101

Design Examples:

  • (here we would have sessions where Mozilla designers explain the thinking and solutions deployed for a Mozilla product, e.g. Ubiquity)

Please note that a module can consist of multiple "learning sessions" and can/should be mixed media (e.g. a video presentation plus text and some examples to download).

I hope that this goes somewhat into the direction you were thinking about * if not, please let me know! :)

Looking forward getting this off the ground with you!