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.

1. Azizah Assattari S.Ds., M.Ds.

3. Assattari (Astri)

4. Rise your phones up!

5. Feeling familiar with this?

7. So yesterday..

12. We all connected to them through User Interface

13. USER INTERFACE

14. 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.

15. Friskies game for cat

17. What is GUI ?
type of user interface that allows users to interact
with electronic devices through graphical icons and
visual indicators

19. Relationship between Graphic User Interface and
Graphic Interaction
GUI
GI
Interactive
design
Media

20. 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.

21. Flappy bird game

26. Comparison
e Xerox 8010 Star Information System
in 1981
Amazon’s Kindlefire
2011

27. Comparison
First generation GUI New generation GUI

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

29. Sometimes too friendly..

30. I’m married !!
Until we gets married with it..

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

32. Why people buy smartphone?

33. Reasons why people buy
smartphones
Social networking
Mobile gaming
Taking photos (include selfie..)
Listening to the musics
Watch video online
Web browsing
Newer application

34. People’s parameters to buy
new gadgets
Social statues
Accesibility
Function

35. WARNING

36. You’re going to design a lifestyle..

38. What should we do in this class to
conquer the world?
Watching movies and videos
Playing games
Scratching ideas
Create an interactive crazy stuffs

39. Here’s the deal…
Lets make a rule of interaction between us..

40. Difference Between Graphic Design And Graphic Interactive Design

41. 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