cybrdr :: usability on call

John C. Dailey, Ph.D.
Assistant Professor of Multimedia
Department of Telecommunications
216 Letterman Building
Ball State University
Muncie, IN 47306

- a useful listen -
Blogging and Education

Seek to use 'organic interactive design' whenever possible...

Objects that most invite users to interact are those with which they already have a familiarity.
Employing never seen before ‘widgets’ as key elements in an interface,
while often quite satisfying for the designer,
have a greater chance to confuse rather than empower the user.

"Let interactive design grow up from content, not out of your head." - JCDPHD

Between The Pixels

Copyright © 2012
John Charles Dailey, Ph.D.
All Rights Reserved

>site design<

TCOM 350
Interface and Interaction

Explores emerging media technologies, with an emphasis on motion graphic design. This course introduces and develops essential skills in color grading, 2-D animation, image design, video compositing, special effects, and the distribution of linear media for television, web, and mobile devices.

TCOM 350
DVD Design

Web Site (suggest a site)	Comments (send a comment)
	These are recommended sites dedicated to DVD design and production.
Anime DVD Menu Usability
Bad DVD Menu
DVDA :: The DVD Association	The DVDA is a global community dedicated to fostering the development and application of the DVD and related technologies.
DVD Frequently Asked Questions	The official Internet DVD FAQ for the rec.video.dvd Usenet newsgroup.
DVD Menu Design	Don Norman's - "The Failures of Web Design Recreated Yet Again"
DVD Easter Eggs
DVD Talk	DVD Movie News, Reviews, and More
Talking DVD Menus	Joe Clark's Comments
Recipe 4 DVD

TCOM 350
Adobe After Effects CS5

Web Site (suggest a site)	Comments (send a comment)
	These are recommended guides to Adobe After Effects software.
Adobe Design Center	Galleries, articles and tips on motion and interactive design
Adobe - After Effects Help and Support
Adobe - After Effects CS5	Getting Started and Tutorials
Adobe - Learn After Effects CS5	Adobe TV - After Effects CS5
AE FreeMart	The Happenin' Hotspot for After Effects Artists
Designer Today	Tutorials
Creative Cow	Tutorials
Creative Cow	Web Forum

TCOM 350
Apple DVD Studio Pro 4

Web Site (suggest a site)	Comments (send a comment)
	These are recommended guides to Apple DVD Studio Pro software.
Creative Cow	DVD Studio Pro Tutorials
DMN Forum	DVDSP Forum
intelligent assistance	Your Guide at the Side
FCP_to_DVDSP.pdf	Preparing Video for DVDSP
MCA-I ProTrack '04 Wrap-Up	Comments about Dr. J's presentation (.wmv file)
Postforum - DVDSP	A Discussion Board for DVDSP
Trai Forrester	One Man's Big Ego and DVDSP

TCOM 350
Apple Motion 4

Web Site (suggest a site)	Comments (send a comment)
	These are recommended guides to Apple Motion software.
DMN Forum	Apple Motion Discussion Forum
Creative Mac	Apple Motion 2 - 1st Look
Creative Cow	Apple Motion Review
Digital Juice	Looping Jumpbacks in Apple Motion
Mac Animation Pro	Creating Generators for Apple Motion
MovieEditor	Apple Motion Discussion Group
LAFCPUG	Getting Around in Apple Motion

TCOM 350
Adobe Photoshop CS5

Web Site (suggest a site)	Comments (send a comment)
	These are recommended guides to Adobe Photoshop software.
Adobe Design Center	Galleries, articles and tips on motion and interactive design
Adobe - Photoshop Help and Support
Adobe - Photoshop CS5	Getting Started and Tutorials
Adobe - Learn Photoshop CS5	Adobe TV - Photoshop CS5 Basics
Adobe - Content Aware Fill (part1)	Adobe TV Tutorial
Adobe - Content Aware Fill (part2)	Adobe TV Tutorial
Adove - Animate Warped Type	Tutorial
Designer Today	Tutorials
Digital Anarchy	Photoshop Plug-ins
Creative Cow	Tutorials
Layers Magazine	Photoshop \| Layers Magazine
Photoshop.com	Tutorials
Planet Photoshop	Tutorials
Tutorialized	Tutorials
Tuts Plus	Tutorials from Beginner to Advanced

TCOM 351
Advanced Interface and Interaction

Analysis of interface and interaction design of dynamic web sites. Foundational elements of TCOM 350 are expanded to include: audience considerations; interactivity; multi-screen layout; and usability. Students design and create sites for fixed and mobile use.

SYLLABUS - 001 - Path 1

SYLLABUS - 001 - Path 2

SYLLABUS - 002 - Path 1

SYLLABUS - 002 - Path 2

STUDENT SITES

Art & Science of CSS Book

Art & Science of CSS CODE

The CSS Anthology Book

The CSS Anthology CODE

TCOM 351
Student Sites

SYLLABUS - 001 - Path 1

SYLLABUS - 001 - Path 2

SYLLABUS - 002 - Path 1

SYLLABUS - 002 - Path 2

STUDENT SITES

Art & Science of CSS Book

Art & Science of CSS CODE

The CSS Anthology Book

The CSS Anthology CODE

TCOM 351
CSS, HTML & XHTML Guides

CSS 2	Comments (send a comment)
	These are recommended guides to Cascading Style Sheets, the Hyper Text Markup Language and the Extensible Hyper Text Markup Language (suggest a site)
csstutorial.net	Beginners CSS Tutorial For Web Designers
csszengarden.com	The Beauty in CSS2 Design
w3schools.com	Basic CSS2 Tutorials
w3schools.com	150+ CSS2 Examples
CSS 3 / JQuery	Comments (send a comment)
cssdeck.com	Pure CSS3 Smooth Drop-Down Menu
dynamicdrive.com	Animated Collapsible DIV
tympanus.net	Accordion Menu With CSS3
tympanus.net	CSS3 Tutorials
tympanus.net	Advanced CSS3 / JQuery Tutorials
w3schools.com	CSS3 Tutorials
HTML 4
w3.org	Home base for the Web
december.com	The HTML Station by John December, a Computer Mediated Communication Reseacher
htmlcodetutorial.coml	Reference Guide for Help with HTML 4.01
htmlgoodies.com	HTML Tutorials, Primers, Web Development Tips and Tricks
htmlhelp.com	An Organizational List of All Elements in HTML 4.01
w3schools.com	HTML 4.01 Tutorial
webreference.com	HTML 4.01 Element Reference
HTML 5
alistapart.com	A Preview of HTML5
acrisdesign.com	HTML5 Website Layout Tutorials and Inspiration
blogs.adobe.com	Flash to HTML5 Conversion Tool on Adobe Labs
diveintohtml5.info	Dive Into HTML5
html5boilerplate.com	HTML5 Boilerplate
html5rocks.com	HTML5 Rocks - A resource for open web HTML5 developers
whatwg.org	HTML5 - Edition for Web Developers
wikipedia.org	HTML5
w3schools.com	HTML5 introduction
XHTML
arcosmultimedia.com	The Most Important Differences Between XHTML and HTML 4.1
w3schools.com	XHTML Tutorial

SYLLABUS - 001 - Path 1

SYLLABUS - 001 - Path 2

SYLLABUS - 002 - Path 1

SYLLABUS - 002 - Path 2

STUDENT SITES

Art & Science of CSS Book

Art & Science of CSS CODE

The CSS Anthology Book

The CSS Anthology CODE

TCOM 351
Web Usability

Web Site (suggest a site)	Comments (send a comment)
	These are sites which consider the concept of web usability.
Excuse-ability
Scott Berkun	Great essays on web and interaction design
Stop, or Dr Nielsen gets it!	Response: The Backlash against Jakob Nielsen
Troubles in Paradise	Problems Facing the Usability Community
Usability Must Die	Usability has grown into a monster.
Usability Professionals Association
Useit.com	Dr. Jakob Nielsen's Website

SYLLABUS - 001 - Path 1

SYLLABUS - 001 - Path 2

SYLLABUS - 002 - Path 1

SYLLABUS - 002 - Path 2

STUDENT SITES

Art & Science of CSS Book

Art & Science of CSS CODE

The CSS Anthology Book

The CSS Anthology CODE

TCOM 351
Web Design Guides

Web Site (suggest a site)	Comments (send a comment)
	These are recommended guides to designing individual web pages and entire sites.
Apple Web Design Guide	The original web design guide from the people who made desktop computers easy to use.
Codrops	Inspirational collections, opinions and best practices articles.
The HTML Writers Guild	A group of individuals dedicated to supporting the webmaster and their craft.
Web Page Design for Designers	A London graphic designer's web site for people who are already involved with print design.
Web Professionals	A professional association for Web Designers, Web Developers, Webmasters and Web Engineers and Web Business Professionals
Web Monkey	THE Web Developer's Resource... (so they say)
Webmaster Reference Library	A guide to all manner of web design issues.
YAHOO: Site Design & Layout	YAHOO's list of WWW site design sites.
Yale Web Style Guide	The classic "Writing for the Web" style guide.

SYLLABUS - 001 - Path 1

SYLLABUS - 001 - Path 2

SYLLABUS - 002 - Path 1

SYLLABUS - 002 - Path 2

STUDENT SITES

Art & Science of CSS Book

Art & Science of CSS CODE

The CSS Anthology Book

The CSS Anthology CODE

TCOM 351
Adobe Dreamweaver CS5

Web Site (suggest a site)	Comments (send a comment)
	These are recommended guides to Adobe Dreamweaver software.
Adobe Design Center	Galleries, articles and tips on motion and interactive design
Adobe - Dreamweaver Help and Support
Adobe - Dreamweaver CS5	Getting Started and Tutorials
Adobe - Learn Dreamweaver CS5	Adobe TV - Dreamweaver CS5 Basics
CBT Cafe	Tutorials
Ethos Web	Tutorials
Layers Magazine	Dreamweaver \| Layers Magazine
The Site Wizard	Tutorials
TutVid	Hi-Res Vidoe Tutorials
Site Definition	Dreamweaver Site Definition for BSU iWeb

SYLLABUS - 001 - Path 1

SYLLABUS - 001 - Path 2

SYLLABUS - 002 - Path 1

SYLLABUS - 002 - Path 2

STUDENT SITES

Art & Science of CSS Book

Art & Science of CSS CODE

The CSS Anthology Book

The CSS Anthology CODE

TCOM 450
Seminar in Interface and Interaction

Investigates interface and interaction design on many levels: from the choosing of metaphors to the creation of complex interactive experiences. The course introduces interactive scripting languages and their implementation across multiple devices.

SYLLABUS

STUDENT PROJECTS

450 - Spring 2012 Blog

FLASH

INTERACTION DESIGN

bit.ly

TCOM 450
Adobe Flash CS5

Web Site (suggest a site)	Comments (send a comment)
	These are recommended guides to Adobe Flash software.
Adobe Design Center	Galleries, articles and tips on motion and interactive design
Adobe - Flash Help and Support
Adobe - Flash CS5	Tutorial & Article Index
Adobe - Learn Flash CS5	Adobe TV - Flash CS5 Basics
AS3 Video Player Tutorials	Flash Video Player in AS3
ActionScript.org	Tutorials
Creative Cow	Tutorials
Drawing Sounds with AS3	Source Files
Ethos Web	Tutorials & Resource
Flash Kit
Flash XML	Free Flash Components and Galleries
Go To And Learn	Tutorials
Hot Scripts	Tips & Tutorials
Layers Magazine	Flash \| Layers Magazine
Moock.org	Flash Production Tips
New Grounds	Everything, by Everyone
Tutorialized	Tutorials

SYLLABUS

STUDENT PROJECTS

450 - Spring 2012 Blog

FLASH

INTERACTION DESIGN

bit.ly

TCOM 450
Interaction Design

Web Site (suggest a site)	Comments (send a comment)
	These are sites which consider the world of interaction design.
ACM SIGCHI	Computer-Human Interaction Group
Boxes and Arrows	Information Architecture & Interaction Design
interactions	ACM SigCHI "interactions" Magazine
IXDA	Interaction Design Association
Interactivity: A Forgotten Art?
Interaction Design Pattern Library
Stanford HCI Group
Storytron	Interactive Storytelling Tool
Thoughts on Interaction Design	by Jon Kolko, Co-Editor in Chief of Interactions
UXnet	The User Experience Network
The Language of Interactivity
What is Interactitivity Anyway?