(:Summary:Contains the 'action' links (like Browse, Edit, History, etc.), placed at the top of the page, see site page actions:) (:comment This page can be somewhat complex to figure out the first time you see it. Its contents are documented at PmWiki.SitePageActions if you need help. :) * View * Edit * History * Print


Project Work:

->Students are expected to produce professional quality deliverables for their assignments. There are many software options, some of which are licensed and available for purchase while others are open-source and available for free or minimal cost.

->I will present deliverables created with Microsoft Visio Professional, Adobe Fireworks, and Adobe Illustrator. Students may use these professional tools or others, including Adobe Photoshop and OmniGraffle. Please do NOT use Microsoft PowerPoint to create your deliverables.

->An excellent alternative for students with limited budgets is the OpenOffice.org suite of applications, which includes a drawing tool suitable for creating site architectures and schematics as well as a word processor for personas, scripts, and reports.

->Inspirational Things


Information and Interaction Design Symbols:

* Illustrator CS6 Shapes for Sitemaps and Workflows
Illustrator CS4 Shapes for Sitemaps and Workflows
Open this file in Illustrator and copy the shapes as needed. You can edit the text labels on each copy of each shape.

* Fireworks Shapes for Sitemaps and Workflows
Right-click and select "Save File As..." or "Save Link As..." to your computer, then open with Fireworks. If you plan to use these symbols often, I would suggest that you create your own symbol set in the Common Library with them.

* Omnigraffle Symbols for Sitemaps and Workflows
This library was generously provided by a student (thanks Nina!) Unfortunately, I do not use Omnigraffle, so I may not be of us much help opening or installing it.

* Unify Templates from Eight Shapes
Templates, patterns, and processes based on Adobe InDesign for producing nearly all forms of documentation and deliverables for information and interaction design.

* Wireframe Elements for Illustrator
Some of the most common elements you might need to mock-up a web site.

* Sketching Templates for Wireframes
Print these templates and use them as guides for wireframe sketching before taking the concepts into a digital form.


Recommended Books

->Visit my recommended readings list for information, interaction, and UX design on Amazon.com.

->School of Visual Arts Interaction Design Reading List for the MFA Program


'''Online Resources'''

* A List Apart * Boxes and Arrows * UX Magazine * UX Matters * Smashing Magazine UX Design * UX Booth * A Better User Experience * UIE Brainsparks * InfoDesign * International Journal of Design


'''Design Tools'''

* Adobe Creative Cloud (student and teacher pricing available) * Marvel: Easy Prototypes from Dropbox * Balsamiq * iPlotz * Mockflow * Cacoo * Google Drawing * Mockingbird * HotGloo * Gliffy * Wireframe CC * Mockup Builder * Quirk Tools Wires * Proto.io * UX Pin * Moqups * Invision * Just Proto * Easel * Lumzy * Mocknow * Protoshare * Wirify (turns an existing web page into a wireframe) * Indigo Studio (installed software) * Inkscape (vector graphics tool) * The GIMP (similar to Photoshop) * Paint.NET (similar to Photoshop) * ArtWeaver (similar to Photoshop) * Scribus Desktop Publishing (similar to InDesign)


Other Software:

* OpenOffice.org (suite of office tools, including a drawing tool) * AceHTML 5 (HTML editor) * SmartFTP {FTP client) * FileZilla (FTP client) * TopStyle Lite (for CSS) * NVu ("New View") HTML editor and web authoring tool * PDFCreator (PDF printer driver) * Freemind (mindmapping tool for PC, Mac, and Linux) * MindNode (mindmapping tool for Mac only)(:nl:)

Design by N.Design Studio, adapted by solidGone.org and IDUX
Powered by pmwiki-2.2.86