Interface Design Resources

Logic Flow Charts

Glossaries: rff.com/flowchart_shapesFlowchart, XKCD comic

Lucidchart Online Wireframing/Flowchart – sign up for free account

 

 

Axure: Submit a Good Student Program Request if you have a gpa of 3.0 for a free license.

Student Guide to Interactive Presentations.pdf

Creating Interactive PDFs

screensiz.es

useronboard.com

Awwwards 30 Great Websites with Parallax Scrolling.html

Frameworks

Awwwards 22 best responsive frameworks.

50 Useful Responsive Web Design Tools For Designers

Parallax scrolling framework Example of student implementation: Adam Ferch

Cool Kitten

Responsive Web Design

Smart Phone App Design Resources

Catch up: set up an RSS Reader!

typesetter: instant type choice visualiser for web design

Design Pattern Libraries

App In Seconds: Upload jpgs, setup hotspots, link up to create interactive iphon app mockup. Sign up for free account.

Kevin Harris’ 4th Wall app mockup

Kerning Display Type

How to Steal Like an Artist (and 9 Other Things Nobody Told Me)

Web Basics: 20 things I learned

Semiotics for Beginners

Design with Intent Toolkit

w3schools.com

The $300 Million Dollar Button

Anatomy Of A Perfect Landing Page

The Photoshop Etiquette Manifesto for Web Designers

Blogs

24 Ways

A List Apart

abduzeedo

carsonified.com

Chuck Mallott’s Bookmarks

DesignNotes

designinformer.com

drawar.com

Onextrapixel

Perishable Press

Smashing Magazine

Typophile

visitmix.com

Web Design Ledger

webdesignerdepot.com

Noupe.com

Coding Color: mothereffinghs

Content Management Systems (CMS)

WordPress

Joomla

Drupal

Inexhibit

Concrete5

CSS Positioning 101 from A List Apart

Eyetracking

Understanding a Heatmap

The Eye’s View of Multimedia News Features

Understanding Web Vision

 User Testing service loop11.com

User Testing service usertesting.com

Facebook

Facebook Social plugins for Developers: easily add Facebook to your site.

static fbml app

fbml tutorial

Gestalt

Gestalt Glossary and Links Page

Checking Your Site for Visual Hierarchy

Web Browser Elements

Designer’s Toolbox.com

 

Gannt Charts/Project Management

Axure, again

Gigantt.com

Tom’s Planner

Prototyping sites:

invision

app in seconds

fieldtestapp.com

realizerapp.com

List of others

Grid systems

The Grid System.org

The 960 Grid System

Photoshop Actions for 960 grid system

The 10 Pixel Method

Applying Divine Proportion to Web Design

The Gridinator

Kiosks

Modal Galleries

iWeb and Lytebox

Lightbox2

Fancy Zoom

Moodboards

Why Mood Boards Matter – webdesignerdepot

Moodboarding Methods for Web Designers

How Moodboards Can Save Time, Money And Your Sanity

Perspectives: Mood Boards, Love ‘em or Hate ‘em (plus a panel)

Mood Boards? Welcome Aboard

Online Mood Board resource: Image Spark

iPad/Iphone moodboard app

Paper Prototyping/Testing

Wikipedia paper prototyping entry

Article: Using Paper prototypes to manage risk

Snyder Consulting Paper prototyping

Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces

site related to that book:  downloadable .pdf resources, materials link

Portfolio Sites

Noupe’s 12 Tips for Creating a Great Portfolio Site

Smashing Magazine’s 10 Steps to the Perfect Portfolio Site

DesignMag’s 101 Awesome Portfolio Sites

Project Statements and Persona

Prototyping

Prototyping with Keynote

keynotopia

QR codes

Kaywa

QRstuff.com

Sitemapping

iPhone, Android, Smart Phone App Design Resources

Thumbnails/drawing process for interface design:

The Paper Version of the Web

Free Sketch Templates For Web Design

Free Sketch Template at Carrer web log

Web Design Stencil Kits

App Sketchbook

Wayfinding

Breadcrumbs In Web Design: Examples And Best Practices

Breadcrumb Navigation

Showcase Of Well-Designed Tabbed Navigation

Wireframing Resources

The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes

Illustrator

Sqetch, an Illustrator Wireframing toolkit

Building a Wireframe in Illustrator Tutorial

Wireframe Symbols for Illustrator free download

Wireframes online magazine

35 Excellent Wireframing Resources from Smashing Magazine

Free Sketching and Wireframing Kit. Ai, PSD, pdf, eps and svg formats

 Applications (free ish), still being evaluated.

Online Flash app lovelycharts

Gliffy

Lucid Chart

Yed

argouml

Windows app: Dia

Useability

Slideshare

Interaction Design and Psychology Slideshare

Improving Interface Design Slidshare

Information Design: 4 steps to save the world Slideshare

 

http://subtlepatterns.com/