5 principals of interactive design

9
5 Principals of Interactive Design By: Kim Jekov GA-144

Upload: kimberly-jekov

Post on 12-Apr-2017

26 views

Category:

Design


2 download

TRANSCRIPT

Page 1: 5 Principals of Interactive Design

5 Principals of Interactive Design

By: Kim JekovGA-144

Page 2: 5 Principals of Interactive Design

Visibility VeilHymn.co

m

- Hover – Move the mouse to opposite sides of the screen, depending on your position, the screen will change images.

- Click & Tap – Allows use of the scroll wheel Or click anywhere on the Loading Screen to start the video.

Page 3: 5 Principals of Interactive Design

Visibility- Drag & Drop –

Click and Drag once the video begins to view what’s going on behind the scenes of filming.

Learnability- Efficiency –

Tells you what to do in three to 5 steps. Simplicity makes it easier to learn and remember options.

- Satisfaction –

No cost, only a few minutes of your time, and its pretty entertaining.

Page 4: 5 Principals of Interactive Design

Predictability- Common UI –

Commonly accepted buttons, and icons, give us a sense of what to do, what will happen and where the link will take you.

- Layout –

Layout is fluid and responsive, making it available on multiple platforms.

Page 5: 5 Principals of Interactive Design

ConsistencyTMA – 2Discovery

- Color and Pattern -

Common colors, size, and navigation, make the UI easy to identify as well as use.

Page 6: 5 Principals of Interactive Design

Consistency

- Behavior–

Transitions and roll over effects are demonstrated similarly throughout the site.

- Voice –

Look and feel of the site is consistent.

- UI –

even though content changes, interactions as well as processes don’t.

- Layout –

Layout is fluid and responsive, making it available on multiple platforms.

Page 7: 5 Principals of Interactive Design

Feedback- Allows Customization –

Fully customize your headphones.

Also allow TMA – 2, to sync to your Spotify Account and give recommendations for the best headphones, based on Your playlists. - Action & Reaction –

Each action produces a visible, understandable, and immediate reaction.

Watch the site switch individual pieces as you select them.

Page 8: 5 Principals of Interactive Design

Useful for WEB Design

DesignNation.com

I threw this site on here, because I thought it was pretty neat and should be useful to other web designers.

Page 9: 5 Principals of Interactive Design

- Tips & Tricks –

By fellow designers and professionals, in blog format so you can post comments too.

-7 Catagories–

In Icons, Typography, Logo Design, Animation, and more!

- Free and Easy–

No cost, easy to use, and tons of useful information to help with web designers.

Why Look Into It?