In the world of tech capitals, a discussion about the great UX of a product, or the poor UI of a website is a common conversations we’ve all overheard. But what is exactly the difference between UI & UX design? Find out more in this presentation. Diagrams, pictures and graphics in the slides are not mine unless stated otherwise. Please do not distribute without permission.

2. Introduction
What is UI/UX Design?
Business Value
of UX Design
What make a good
UI/UX Designer?

3. Hello!
My name is Meicy.

4. penyanyi cilik kapten kesebelasan

5. UI/UX Designer
UI/UX Designer

6. Introduction
What is UI/UX Design?
Business Value
of UX Design
What make a good
UI/UX Designer?

7. What is design?

8. Design = Rancangan
as a noun

9. Design = Merancang
as a verb

10. de·sign /dəˈzīn/
verb
Do or plan (something) with a specific
purpose or intention in mind.
Source: Oxford Dictionaries.

11. Creative Fields
• Graphic Design
• Fashion Design
• Interior Design
• Cinematography
• Photography
• Editorial Design
• Architecture
• UI/UX Design
• Industrial Design
• Illustration
• Motion Graphic
• Interaction Design
• Writing
• Advertising

12. What is Graphic Design?
How things
should look
Choosing
font & color
Arranging
image & text
digital & print media

13. What is UI Design?

23. Seriously..
What is UI Design?

24. User Interface Design is a process of visually guiding
the user through a product’s interface via interactive
elements and such lives almost exclusively in digital
media, across all sizes/platforms.

25. What is the difference
between Graphic Design
and UI Design?

27. What is UX Design?

28. User Experience Design is a process of enhancing
customer satisfaction and loyalty by improving the
usability, ease of use, and pleasure provided in the
interaction between the customer and the product.

32. Misconceptions About
UX Design

33. UX and UI is the same thing

34. UX is the role of one person or department

35. UX is all about users

36. Questions?
- end of session 1 -

38. Introduction
What is UI/UX Design?
Business Value
of UX Design
What make a good
UI/UX Designer?

39. Save Money
Source: PointSource.com

40. Effective UX Increase Revenue
Source: PointSource.com

41. UX Can be Key Differentiator
Source: PointSource.com

42. “We are living in an attention economy. If you
don’t deliver a valuable experience and
valuable information to your users at every
moment, they are going to disengage from
you and there are a lot of different options in
the marketplace. It’s essential that you get
your user experience right.”
John Romano, Pointsource UX Director

43. Introduction
What is UI/UX Design?
Business Value
of UX Design
What make a good
UI/UX Designer?

44. Passionate
traits
• Takes pride of his/her own work
• Willing to go extra miles
sample question
• Tell us your favorite project and why?

45. User-centered
traits
• Creates data driven design
• Design for the sake of user’s needs
• Have empathy
sample question
• What would you do if the stakeholders
requested a design solution that would
damage the user experience?

46. Continuously Learning
traits
• Have plenty of references (online & offline)
• Actively looking for design inspirations
• Actively attending workshops
sample question
• What do you read? Tell us what you learn
from those sources
• Any role model designer?

52. Continuously Exploring & Improving
traits
• Continuously trying out new designs, new style
• Have a dribbble account (bonus)
sample question
• Where do you look for inspirations?
• If you can change some stuff in your old design,
what would you change to make it better?

54. Up to the latest UI trend
which are
• Beautiful gradient
• Soft shadows (z-aspect)
• Micro-interactions
• Large text
• Local trend and behaviour
sample question
• What are the latest UI/UX trend? Any trend
forecast?
• Bonus: what are the latest tech trend?

60. Appropriate Design Process
traits
• Didn’t jump straight to high-fidelity
design
• Heavy on research and brainstorming
sample question
• What’s your design process look like?

61. Source:

62. Communication Skill
traits
• Managing stakeholders/client’s expectations
• Explain the design to developer
• Negotiate with team to find the best solution for customer
• Ask users the right question for research purpose
• Ability to read between the lines while gathering user
feedback
• Bonus: fluent in English
sample question
• Encourage us that your solution is a good solution.

63. Maintain a Documentation & Style Guide
traits
• Have an updated documentation &
style guide
sample question
• What’s your documentation and style
guide look like?

69. The Essential Tools
• Visual
• Interac.on
• Prototyping

70. The Essential Tools
• Handover
to developer
• User testing

72. Bonus: Common mistakes
in UI/UX Interview
• Over-confident
• Showing weaknesses without giving
your development plan
• Not preparing best works
• Not learning about the company’s
business

73. Bonus #2: Tips on standing out
among other recruiters
• Personalized message
• Don’t be too detailed about the job
• Keep it short, but meaningful
• Ask for WhatsApp number
• Even if the candidate isn’t looking for a
new opportunity, meet them anyway

74. Questions?
- end of session 2 -

75. Thank You!
Emerentiana Meicy
dribbble.com/icydelight
emerentiana.meicy@gmail.com

76. What is design?
Design