Review of Mid-Term All interfaces are up. Compare what others have done. Think about what you would have done differently with a design. Think about what you would have done differently with your design.

Congratulations! You all now have a functional Information Architecture document for your portfolios. The interface is a portfolio item. Information Architecture designs/documents are portfolio items. Yet there is more.

What else have you done? Advertising design – Expando, banner ads Game design – Game of Chance, client projects Instructional Design – Flash Tutorials, After Effect Tutorials delivering lessons, tutorials, course work on the internet or on cd is becoming a larger and larger portion of multimedia work and very few do it properly. Information Graphics – Flash Tutorials

What else have you done? Audio/Video work You have done research (client project, director research) Built proto-types – director research, flash

What else have you done? Project Management documents – scoping, creative brief MS Project Timelines Logo Design Online Branding Rebranding Creating an online presence for an organization or company Relaunch an online presence

What else have you done? Information Management Flash Application Design – games, flash comm server, etc Director Application Design – shockwave Audio/Video Media Flash animation Online Marketing

What else have you done? Usability Information Architecture Interface Design

It’s all good Anything that you’ve designed, created, written, edited, illustrated, programmed, managed is a portfolio item. Document everything Add Case Studies to your client work for added value to the work you have done. Don’t sell yourself short.

Interface Design the Non-technical Journey

Interface design Paper and pencil are your friends Avoid starting in Photoshop or Illustrator Photoshop and Illustrator should be opened up last If you can’t sketch it out on paper, how do you expect to do it in a drawing application?

Interface Redesign Digital Watch affordances - four push buttons, not clear what they do constraints and mapping unknown- no visible relation between buttons and the end-result of their actions negative transfer - little association with analog watches cultural standards- somewhat standardized functionality, but highly variable conceptual model - must be taught; not obvious

Interface Redesign Digital Watch Take a few minutes to try to redesign a digital watch

Step One: Define the Application List out features Work out information flow Sketch and place parts on a wall

Step Two: Architecture Once again paper is King Draft and design

Step Three: Define the information Define the navigational elements Diagram the organization of the information Create a prototype

Step Four: Wireframes & Mockups Create wireframes for your key pages Design for: functional requirements user requirements Create a prototypeDesign for the functional requirements, business requirements, and user requirements

Interface Design Not limited to interfaces Can be used for technical concepts Application Development Create a prototypeDesign for the functional requirements, business requirements, and user requirements

Ink Chat “Phat Chat”