Visual Communication Principles for Web Application Interface Design.pdf

Applying Visual Communication Principles

to Web Application Design

Luke Wroblewski, Interface Designer

LukeW Interface Designs [www.lukew.com]

Overview

• Visual Communication

• Visual Organization Principles

•

Putting it To Use

•

Personality (Look and Feel)

LukeW Interface Designs [www.lukew.com] -Proprietary & Confidential

Visual Communication

• What communicates visually

• Anything you can make sense of with your eyes

• Maps, posters, books, etc.

• Combinations of visual elements form a language

• Visual Organization

• Look & Feel (personality)

• Web is a communication medium

•

Does lots of “talking” visually

•

Graphic vocabulary (links, buttons, etc.)

LukeW Interface Designs [www.lukew.com] -Proprietary & Confidential

Web Design Considerations

• Presentation

• How your application appears to your audience

• Interaction

• How your application behaves in response to user actions

• Organization

• The structure of your application

LukeW Interface Designs [www.lukew.com] -Proprietary & Confidential

Presentation’s Role

• All interactions occur through the presentation

• Educate users

• Establish relationships between content

• Guide users through actions

• Focus user attention

• Make organizational systems clear

• Provide situational awareness

• Maintain consistency to create a sense of place

• Effectively convey your message to your audience

• Emotional impact

• Engage and invite

• Give sites a unique personality

LukeW Interface Designs [www.lukew.com] -Proprietary & Confidential

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: