Explaining about design in the context of HCI, UI, & UX. Human Computer Interaction, User Experience, and User Interface are the topics that commonly discussed in product development nowadays. This presentation was delivered in a Studium General at UIN Sunan Kalijaga (National Islamic University).

1. Design for Life
of Human Being
Afif Bimantara
Founder of Agensip UI/UX Agency
www.agensip.com

2. I’m Aveef
I’m a passionate UI/UX Designer &
Consultant who currently help some
startups to bring their app into reality and
expose them to the world.
More about me:
linkedin.com/in/aveef
Trace my timeline:
@aveef

3. Stuffs currently I work on:
www.jogja.workwww.agensip.com

4. www.agensip.com
Website:
@agensip
Instagram/Facebook:
2017
Founded:
UI/UX design for any apps,
brand design, stationery
design.
Service:

6. www.jogja.work
Website:
@jogjawork
Instagram/Facebook:
2018
Founded:
Instant website for any
purpose, custom website
Service:

8. Think About
Technology

9. Bookstore in old times

10. Bookstore now

11. Bookstore now too

12. TECH
NOLO
GY
USER
EXPERI
ENCE

13. Think About
Design

14. “Design is not just what it
looks like and feels like.
Design is how it works”
19562011
Steve Jobs

15. vs

16. vs

17. vs

18. DESIGN
USER
EXPERI
ENCE

19. HCI, UX, & UI
and other diciplines

22. The Diciplines of User Experience
Dan Saffer 2008
Made by Envis Precisely

23. https://medium.muz.li/design-types-7d75839a20ea

24. Position role name is each team/
company could be different. The
company describes with its own
way to define.

25. Processes in
App Design

26. Understand
& Research
Information
Architecture
Wireframes Testing
Hi-Fidelity
Design
PrototypeHand Over
1 2 3
67
4
5
AGENSIP DESIGN PROCESS

27. REAL LIFE PROBLEM
CASE STUDY

29. the
service
of ojek
in Indonesia

30. UNDERSTAND & ANALYSE
THE PROBLEM

33. Common Problem:
Design Gap

34. “Without Development, Design
is useless. Without Design,
Development is unusable.”
Muzli

35. What does this button do?
Why is this here?
When do I show this page?

36. Design Development

37. Solution
Dev Early Involvement
Design Documentation
Handover Tools

38. Class
class.agensip.com

39. Pray. Act. Evaluate.
Repeat.
@agensip @aveef