SlideShare a Scribd company logo
Principles for
UI/UX Designer
in Digital Design Industries
Me
Visual Designer Web Designer - CRO Manager Designer
Student of Life | Design Practitioner
Abankirenk
A brief about UX and
UX Design Process
How people feel when they use a product or
service.
So every instance of human-object interaction
has associated user experience.
In my View UX is
UX Process
1st Edition 2nd Edition
jjg.net/elements/pdf
Design Principles
A value statement that is
tied to the goals of the
product.
Function: Guiding stars for designers.
They ensure designers make the best
decisions for their users for the product or
the services they’re working on.
Heuristic, Law of UX, Design
Thinking, Inclusive Design,
Pareto, Usability, Affinity,
Don`t make me drink,
Prototyping, User Centered
Design, Human Centered
Design, Sprint, Jogging,
Agile,Lean, Data-Driven,
Face-ism, Golden Ratio,
Horror Vacui, etc
Designer
in Industries.
Freelance In-House
(Product Team)
Design Agency
(IC/Lead Team)
as an Individual
contributor, Survival,
and contract based.
Part of team with Lean
and agile development
cycle
Complex, Complicated
and unpredictable
condition.
Mostly Waterfall
01.
Be Empathetic
[ Berempati ]
Empathetic
adj
having the ability to imagine how
someone else feels:
dictionary.cambridge.org
Why?
interaction-design.org
“PEOPLE IGNORE DESIGN THAT
IGNORES PEOPLE.”
—FRANK CHIMERO
Empathy
=
Sympathy.
Youtube.com | The RSA Channel
02.
Collaboration
[ Kolaborasi ]
noun
the situation of two or more people
working together to create or achieve
the same thing:
dictionary.cambridge.org
Principles for ui/ux designer in digital industries.
Principles for ui/ux designer in digital industries.
Mental model is an explanation of
someone's thought process about how
something works in the real world.
Based on each individual's learning and
experience.
Different
Mental Model
System Model
how something works
Interaction Model
how to interact /
how to use it.
“ I know how system
application/web work but not
how people really use it”
“ I am a user, but have no
idea how system application
work”
“ I understand both and can
fill the gap”
03.
Fluid & Adaptive
[ Mudah beradaptasi ]
Adaptive
adj
having an ability to change to suit
different conditions
dictionary.cambridge.org
Principles for ui/ux designer in digital industries.
“The design process is
messy and not always smooth" “
mindtribe.com/blog
productplan.com/blog
Different Phase, Different Focus
04.
Deliver Progress
and Outcomes
[ Memberikan Hasil ]
Outcome
noun
a result or effect of an action, situation,
etc
dictionary.cambridge.org
Why?
Managers want to see
progress.
Output
Lean UX book-Jeff Gothelf
Outcomes Impact
The change after we deliver the
output.
Refer to "what difference is
there."
Harder to trace
E.g.
- Behaviour
- Satisfaction
Increase user sign-up rate
Increase user active time app
etc
The material we produce
Relate to "what we do"
Easy to trace
E.g.
A new signup page
A new login page
etc
The change we see over time.
Refer to "what difference in the
world."
Very Hard to trace
E.g.
- ROI
- Brand Awareness
- Market Share
Service Profitable
Slideshare/Joshua Seiden,
Slideshare/Joshua Seiden,
Slideshare/Joshua Seiden,
05.
Experiment to
Learn
[ Berani bereksperimen
untuk belajar ] Experiment
verb
to try something in order to discover
what it is like or find out more about it:
dictionary.cambridge.org
“Technology change
rapidly, people and
culture change
slowly”
“We never know until
we test it”
Fail Fast.
SUCCEED
FASTER.
- Lean startup machine slogan
Ux strategy book
Key Takeaway
Everything in this
presentation is based
on my personal
experience.
Reference
The Design of Everyday Things
Elements of User Experience Design
Lean UX
Creative Confidence
UX Strategy
The Lean Product Playbook
Don`t make me think
Interaction-design.org
NNgroup.com
“Practice Makes Progress.
Design is Never DONE”
A Designer who is still learning about design for human, and who
believe designers are thinkers as much as they are makers.
- Rudityas W. Anggoro | uxmarker -

More Related Content

PDF
Create User Flow & Wireframing for an Application
PPTX
Usability Essentials to Know
PPTX
Simple Project Management
PPTX
Thin Controllers Fat Models - How to Write Better Code
PPTX
User interface for website
PPT
Introduction to CS60171 (2009)
PPTX
Usability and User Experience Training Seminar
PPTX
Alice Phieu - UI/UX For Developers
Create User Flow & Wireframing for an Application
Usability Essentials to Know
Simple Project Management
Thin Controllers Fat Models - How to Write Better Code
User interface for website
Introduction to CS60171 (2009)
Usability and User Experience Training Seminar
Alice Phieu - UI/UX For Developers

What's hot (7)

PDF
Modern UX, UI, and front-end tools
PDF
Prototyping invision vs axure
PDF
Preso 5
PDF
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing
PDF
SkippOH Presentation 4
PPTX
Design Centred User: A reality check on UCD
PPTX
Importance of the Usability of a website
Modern UX, UI, and front-end tools
Prototyping invision vs axure
Preso 5
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing
SkippOH Presentation 4
Design Centred User: A reality check on UCD
Importance of the Usability of a website
Ad

Similar to Principles for ui/ux designer in digital industries. (20)

DOCX
Embry-Riddle Campus Solutions UX Design
PPTX
UXBASIS – Getting UX integrated
PDF
Responsive & Organic Design
PPT
User Experience Distilled
PPTX
Agile + Lean Startup principles + Lean UX -> How to make it all work together!
PPTX
What's Next For UX?
PDF
User Centered Design
PDF
Ui/UX design by Onteractive
PDF
P-Camp 2008 - PM & UX - Meghan Ede 2
PPTX
Ux Overview
PDF
The UX Landscape 2015
PPTX
A brief overview of the history and practice of user experience by Ian Westbrook
PPT
Rich User Experience Documentation - Update
PDF
Walk, Don't Run: Incremental Change in Enterprise UX
PDF
Best Practices in UX Design
PPT
Agile Commissioning A Beginners View
PDF
The Business of UX - People Process and Tech - Miner, Toft
PPT
User Experience as a Strategic Advantage
PPTX
User Experience Explained
Embry-Riddle Campus Solutions UX Design
UXBASIS – Getting UX integrated
Responsive & Organic Design
User Experience Distilled
Agile + Lean Startup principles + Lean UX -> How to make it all work together!
What's Next For UX?
User Centered Design
Ui/UX design by Onteractive
P-Camp 2008 - PM & UX - Meghan Ede 2
Ux Overview
The UX Landscape 2015
A brief overview of the history and practice of user experience by Ian Westbrook
Rich User Experience Documentation - Update
Walk, Don't Run: Incremental Change in Enterprise UX
Best Practices in UX Design
Agile Commissioning A Beginners View
The Business of UX - People Process and Tech - Miner, Toft
User Experience as a Strategic Advantage
User Experience Explained
Ad

Recently uploaded (20)

PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
building Planning Overview for step wise design.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPT
UNIT I- Yarn, types, explanation, process
PPTX
Entrepreneur intro, origin, process, method
PPTX
Special finishes, classification and types, explanation
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
Media And Information Literacy for Grade 12
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPT
Machine printing techniques and plangi dyeing
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
areprosthodontics and orthodonticsa text.pptx
DOCX
actividad 20% informatica microsoft project
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
AD Bungalow Case studies Sem 2.pptxvwewev
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
building Planning Overview for step wise design.pptx
Quality Control Management for RMG, Level- 4, Certificate
UNIT I- Yarn, types, explanation, process
Entrepreneur intro, origin, process, method
Special finishes, classification and types, explanation
Wisp Textiles: Where Comfort Meets Everyday Style
HPE Aruba-master-icon-library_052722.pptx
Media And Information Literacy for Grade 12
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Machine printing techniques and plangi dyeing
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
mahatma gandhi bus terminal in india Case Study.pptx
Fundamental Principles of Visual Graphic Design.pptx
YOW2022-BNE-MinimalViableArchitecture.pdf
areprosthodontics and orthodonticsa text.pptx
actividad 20% informatica microsoft project
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb

Principles for ui/ux designer in digital industries.