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

•Create a prototype

Step Four: Wireframes & Mockups

• Create wireframes for your key pages

• Design for:

• functional requirements

• user requirements

•Create a prototype•Design 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 prototype•Design for the functional requirements, business requirements, and user requirements

Ink Chat“Phat Chat”