graphic interactive design 01 introduction

41
Graphic Interactive Introduction Azizah Assattari S.Ds., M.Ds.

Upload: azizah-assattari

Post on 22-Dec-2014

64 views

Category:

Technology


2 download

DESCRIPTION

This is a basic introduction to a graphic interactive design class. The main interest of this presentation is to understand the reason of people use the digital user interface according to the nowadays lifestyle. Understanding the history will help designer realize the good User Interface based on reliable User Experience.

TRANSCRIPT

Page 1: Graphic Interactive Design 01 introduction

Graphic Interactive

Introduction

Azizah Assattari S.Ds., M.Ds.

Page 2: Graphic Interactive Design 01 introduction

Introduction

COURSE 01

Page 3: Graphic Interactive Design 01 introduction

Assattari (Astri)

Page 4: Graphic Interactive Design 01 introduction

Rise your phones up!

Page 5: Graphic Interactive Design 01 introduction

Feeling familiar with this?

Page 6: Graphic Interactive Design 01 introduction
Page 7: Graphic Interactive Design 01 introduction

So yesterday..

Page 8: Graphic Interactive Design 01 introduction
Page 9: Graphic Interactive Design 01 introduction
Page 10: Graphic Interactive Design 01 introduction
Page 11: Graphic Interactive Design 01 introduction
Page 12: Graphic Interactive Design 01 introduction

We all connected to them through User Interface

Page 13: Graphic Interactive Design 01 introduction

USER INTERFACE

Page 14: Graphic Interactive Design 01 introduction

What is user interface?

the space where interaction between users and functional object (called machines) occurs

A systematic simbolism of languange used by user to interact with machines

The user interface includes hardware (physical) and software (logical) components.

Page 15: Graphic Interactive Design 01 introduction

Friskies game for cat

Page 16: Graphic Interactive Design 01 introduction

Graphic User Interface

Page 17: Graphic Interactive Design 01 introduction

What is GUI ?

type of user interface that allows users to interact with electronic devices through graphical icons and visual indicators

Page 18: Graphic Interactive Design 01 introduction
Page 19: Graphic Interactive Design 01 introduction

Relationship between Graphic User Interface and

Graphic Interaction

GUI

GI

Interactive design

Media

Page 20: Graphic Interactive Design 01 introduction

A good user interface provides a "user-friendly" experience, allowing the user to

interact with the software or hardware in a natural and intuitive way.

Page 21: Graphic Interactive Design 01 introduction

Flappy bird game

Page 22: Graphic Interactive Design 01 introduction
Page 23: Graphic Interactive Design 01 introduction
Page 24: Graphic Interactive Design 01 introduction
Page 25: Graphic Interactive Design 01 introduction
Page 26: Graphic Interactive Design 01 introduction

Comparison

e Xerox 8010 Star Information System in 1981

Amazon’s Kindlefire 2011

Page 27: Graphic Interactive Design 01 introduction

Comparison

First generation GUI New generation GUI

Page 28: Graphic Interactive Design 01 introduction

the goal of a good user interface is to be user-friendly

Page 29: Graphic Interactive Design 01 introduction

Sometimes too friendly..

Page 30: Graphic Interactive Design 01 introduction

I’m married !!

Until we gets married with it..

Page 31: Graphic Interactive Design 01 introduction

And take it to the beach.. (owh please..)

Page 32: Graphic Interactive Design 01 introduction

Why people buy smartphone?

Page 33: Graphic Interactive Design 01 introduction

Reasons why people buy smartphones

Social networking

Mobile gaming

Taking photos (include selfie..)

Listening to the musics

Watch video online

Web browsing

Newer application

Page 34: Graphic Interactive Design 01 introduction

People’s parameters to buy new gadgets

Social statues

Accesibility

Function

Page 35: Graphic Interactive Design 01 introduction

WARNING

!

Page 36: Graphic Interactive Design 01 introduction

You’re going to design a lifestyle..

Page 37: Graphic Interactive Design 01 introduction
Page 38: Graphic Interactive Design 01 introduction

What should we do in this class

to conquer the world?Watching movies and videos

Playing games

Scratching ideas

Create an interactive crazy stuffs

Page 39: Graphic Interactive Design 01 introduction

Here’s the deal…

Lets make a rule of interaction between us..

Page 40: Graphic Interactive Design 01 introduction

Difference Between Graphic Design And Graphic Interactive

Design

Page 41: Graphic Interactive Design 01 introduction

Level of interactivity

Graphic design Interactive Design

Usability See it See and click it

Accessibility Distribute it Google it

Update Daily, weekly, monthly

Anytime, and you can retweet it