SlideShare a Scribd company logo
Let the Magic Begins...
Objective:
 Intro
 UX vs UI
 What is UX
 The UX design process
 Principles in Practice
[
UX design is a commitment to building products with the
customer in mind
- Marieke McCloskey Director of Research at UserTesting
UX design is the art and science of generating positive
emotions through product interactions
- Tomer Sharon Senior UX Researcher at Google
Before Starting to Design:
 What functions is the page supposed to offer?
 What is your target user? What type of user will be using the page?
 What is it you want the user to do on the page? Which actions do you expect
from the user?
The goal is to create the most effective design that will cater to all your
expectations as laid out in the beginning.
Forces and Gravity:
Content Placement Guideline:
Model in Action
Primary Optical Area Strong Follow
Weak Follow Terminal Area
Our UI
Putting Elements in Order:
1
2 3 4
5
6
7
Assisting Decision Making:
 Hick’s Law : the more options we have – the longer it takes to make a decision.
 Paradox of Choice : whenever we have too many options to choose from, we choose not to
choose.
 Thank God We Have Miller : the law of 5 plus/minus 2 options (offer between 3 and 7 options )
"Understanding how each step of the cognitive process works is a goldmine for designers"
The Four Rules of Decision Making:
 The more options we have – the longer it takes to make a decision.
 Whenever we have too many options to choose from, we choose not to choose.
 Whenever we do choose between too many options to choose from we feel
bad about our choice.
 Effective decision making is achieved when we have 3-7 options to choose
from.
Dealing with Complex Structures:
Implicit Flow Instructions:
 The World of Gestalt
 The Power of Proximity:
The rule of proximity shows us that the distance between elements will guide the way we perceive
them
 What Made You Group?
This is exactly where the principle of proximity is working its magic. The fact that a few elements
have an equal distance between one another, and a bigger distance between them and the other
group, made us treat them as separate groups.
Applying Gestalt in Our Layout Design:
Making things Readable and Scanable:
T.M.I
(Too Much Information)
TL;DR
Too-long-didn’t-read
Z - Model
F - Model
The Rule of 7 Seconds:
 The 7 second rule is a great tool for testing the ‘scannability’ of your page.
 This isn’t only relevant for web interfaces and promotional pages.
 This rule can also be applied when dealing with users who are frequently
using
a known interface.
It's time to Say Good Bye ..
THANK YOU

More Related Content

What's hot

UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
Morgan McKeagney
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
Shrestha Raaz
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
MoodLabs
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
Bruno Mendes
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer
Think 360 Studio
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
Ux design process
Ux design processUx design process
Ux design process
Junying Chang
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
Bart Van Hecke
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
Dotinum
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
Digital Snack
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
Motivate Design
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
Jordan Julien
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
Vibloo
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Ravi Bhadauria
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Anna Dahlström
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
Sooraj P R
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 

What's hot (20)

UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
UX & UI Design: Differentiate through design
UX & UI Design: Differentiate through designUX & UI Design: Differentiate through design
UX & UI Design: Differentiate through design
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer Easy UX Process Steps Must follow by every UX Designer
Easy UX Process Steps Must follow by every UX Designer
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
Ux design process
Ux design processUx design process
Ux design process
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
User Experience Workshop
User Experience WorkshopUser Experience Workshop
User Experience Workshop
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014
 
UI UX Introductory session
UI UX Introductory sessionUI UX Introductory session
UI UX Introductory session
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 

Viewers also liked

How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
Christina Wodtke
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
Dignitas Digital Pvt. Ltd.
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
Whitney Hess
 
UX DISTILLING
UX DISTILLINGUX DISTILLING
UX DISTILLING
Daniel O'Sullivan
 
UX Australia 2016: 5 steps to run a successful design sprint
UX Australia 2016: 5 steps to run a successful design sprintUX Australia 2016: 5 steps to run a successful design sprint
UX Australia 2016: 5 steps to run a successful design sprint
Chris Gray
 
UX and Semantic Web - Nurgul
UX and Semantic Web - NurgulUX and Semantic Web - Nurgul
UX and Semantic Web - Nurgul
ustwo
 
Taking a leap
Taking a leapTaking a leap
Taking a leap
ustwo
 
Margaret Gould Stewart – Elegant Tools: The 4 principles of business design
Margaret Gould Stewart – Elegant Tools: The 4 principles of business designMargaret Gould Stewart – Elegant Tools: The 4 principles of business design
Margaret Gould Stewart – Elegant Tools: The 4 principles of business design
inUse
 
The Life Changing Advice for UX Designers
The Life Changing Advice for UX DesignersThe Life Changing Advice for UX Designers
The Life Changing Advice for UX Designers
Ciprian Pălici
 
Embracing Complexity
Embracing ComplexityEmbracing Complexity
Embracing Complexity
ustwo
 
Quality is a variable
Quality is a variableQuality is a variable
Quality is a variable
ustwo
 
Propeller UI/UX Process
Propeller UI/UX ProcessPropeller UI/UX Process
Propeller UI/UX Process
Blair Stewart
 
Look at UI/UX Design Process
Look at UI/UX Design ProcessLook at UI/UX Design Process
Look at UI/UX Design Process
Elumalai Jayaraman
 
Beyond UI design - basics
Beyond UI design - basicsBeyond UI design - basics
Beyond UI design - basics
WananCHI
 
Exporting to Uganda ? What is PvOC ?
Exporting to Uganda ? What is PvOC ?Exporting to Uganda ? What is PvOC ?
Exporting to Uganda ? What is PvOC ?
Mugula Joseph
 
UI/UX: Distinction and Trends
UI/UX: Distinction and TrendsUI/UX: Distinction and Trends
UI/UX: Distinction and Trends
Ankur Sharma
 
UI/UX: Where do you draw the line? by Muhammad Elmelegy
UI/UX: Where do you draw the line? by Muhammad ElmelegyUI/UX: Where do you draw the line? by Muhammad Elmelegy
UI/UX: Where do you draw the line? by Muhammad Elmelegy
Wiredcraft
 
UI/UX Design Course Presentation
UI/UX Design Course PresentationUI/UX Design Course Presentation
UI/UX Design Course Presentation
Anastasiya Babenko
 
Design process
Design processDesign process
Design process
Leandro Puca
 
Ux design vs ui design
Ux design vs ui designUx design vs ui design
Ux design vs ui design
Oodlesstudio
 

Viewers also liked (20)

How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
 
UI / UX Design Presentation
UI / UX Design PresentationUI / UX Design Presentation
UI / UX Design Presentation
 
Design Principles: The Philosophy of UX
Design Principles: The Philosophy of UXDesign Principles: The Philosophy of UX
Design Principles: The Philosophy of UX
 
UX DISTILLING
UX DISTILLINGUX DISTILLING
UX DISTILLING
 
UX Australia 2016: 5 steps to run a successful design sprint
UX Australia 2016: 5 steps to run a successful design sprintUX Australia 2016: 5 steps to run a successful design sprint
UX Australia 2016: 5 steps to run a successful design sprint
 
UX and Semantic Web - Nurgul
UX and Semantic Web - NurgulUX and Semantic Web - Nurgul
UX and Semantic Web - Nurgul
 
Taking a leap
Taking a leapTaking a leap
Taking a leap
 
Margaret Gould Stewart – Elegant Tools: The 4 principles of business design
Margaret Gould Stewart – Elegant Tools: The 4 principles of business designMargaret Gould Stewart – Elegant Tools: The 4 principles of business design
Margaret Gould Stewart – Elegant Tools: The 4 principles of business design
 
The Life Changing Advice for UX Designers
The Life Changing Advice for UX DesignersThe Life Changing Advice for UX Designers
The Life Changing Advice for UX Designers
 
Embracing Complexity
Embracing ComplexityEmbracing Complexity
Embracing Complexity
 
Quality is a variable
Quality is a variableQuality is a variable
Quality is a variable
 
Propeller UI/UX Process
Propeller UI/UX ProcessPropeller UI/UX Process
Propeller UI/UX Process
 
Look at UI/UX Design Process
Look at UI/UX Design ProcessLook at UI/UX Design Process
Look at UI/UX Design Process
 
Beyond UI design - basics
Beyond UI design - basicsBeyond UI design - basics
Beyond UI design - basics
 
Exporting to Uganda ? What is PvOC ?
Exporting to Uganda ? What is PvOC ?Exporting to Uganda ? What is PvOC ?
Exporting to Uganda ? What is PvOC ?
 
UI/UX: Distinction and Trends
UI/UX: Distinction and TrendsUI/UX: Distinction and Trends
UI/UX: Distinction and Trends
 
UI/UX: Where do you draw the line? by Muhammad Elmelegy
UI/UX: Where do you draw the line? by Muhammad ElmelegyUI/UX: Where do you draw the line? by Muhammad Elmelegy
UI/UX: Where do you draw the line? by Muhammad Elmelegy
 
UI/UX Design Course Presentation
UI/UX Design Course PresentationUI/UX Design Course Presentation
UI/UX Design Course Presentation
 
Design process
Design processDesign process
Design process
 
Ux design vs ui design
Ux design vs ui designUx design vs ui design
Ux design vs ui design
 

Similar to UX - User Experience Design and Principles

Democratizing Online Controlled Experiments at Booking.com - Lukas Vermeer
Democratizing Online Controlled Experiments at Booking.com - Lukas VermeerDemocratizing Online Controlled Experiments at Booking.com - Lukas Vermeer
Democratizing Online Controlled Experiments at Booking.com - Lukas Vermeer
Savage Marketing
 
Usability--What is it?
Usability--What is it?Usability--What is it?
Usability--What is it?
Ann Krause
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
mikailaoh
 
UX Research Methods: Behind the Scenes At Process Street
UX Research Methods: Behind the Scenes At Process StreetUX Research Methods: Behind the Scenes At Process Street
UX Research Methods: Behind the Scenes At Process Street
QuekelsBaro
 
UX Research Methodologies
UX Research MethodologiesUX Research Methodologies
UX Research Methodologies
Chibueze Etoniru
 
Show Me You Know Me - An Intro to UX and CRO
Show Me You Know Me - An Intro to UX and CROShow Me You Know Me - An Intro to UX and CRO
Show Me You Know Me - An Intro to UX and CRO
Jeremy Hamman
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
Shawn Day
 
Story boarding, Handwritten recognition, Inductive, subductive, abductive met...
Story boarding, Handwritten recognition, Inductive, subductive, abductive met...Story boarding, Handwritten recognition, Inductive, subductive, abductive met...
Story boarding, Handwritten recognition, Inductive, subductive, abductive met...
Faisal Shahzad Khan
 
Democratizing Online Controlled Experiments at Booking.com
Democratizing Online Controlled Experiments at Booking.comDemocratizing Online Controlled Experiments at Booking.com
Democratizing Online Controlled Experiments at Booking.com
Lukas Vermeer
 
Balaji Nageswaran
Balaji NageswaranBalaji Nageswaran
Balaji Nageswaran
World_Forum_Disrupt
 
Decision making in software project management
Decision making in software project managementDecision making in software project management
Decision making in software project management
Priyadarshini Krishnaswamy
 
Idean_LeanResearch_Jan2014_FINAL
Idean_LeanResearch_Jan2014_FINALIdean_LeanResearch_Jan2014_FINAL
Idean_LeanResearch_Jan2014_FINAL
Liya James
 
Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)
Adam Nash
 
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
Anton Chandra
 
Side Smirk Capabilities
Side Smirk CapabilitiesSide Smirk Capabilities
Side Smirk Capabilities
Side Smirk
 
Collabtipskennedymighellts09
Collabtipskennedymighellts09Collabtipskennedymighellts09
Collabtipskennedymighellts09
denniskennedy
 
Be A Great Product Leader (Square 2013)
Be A Great Product Leader (Square 2013)Be A Great Product Leader (Square 2013)
Be A Great Product Leader (Square 2013)
Adam Nash
 
A bigger view of UX
A bigger view of UXA bigger view of UX
A bigger view of UX
Eric Reiss
 
Less look, more feel
Less look, more feelLess look, more feel
Less look, more feel
Roy Scholten
 
Successful Agile/UX
Successful Agile/UXSuccessful Agile/UX
Successful Agile/UX
Jeremy Kriegel
 

Similar to UX - User Experience Design and Principles (20)

Democratizing Online Controlled Experiments at Booking.com - Lukas Vermeer
Democratizing Online Controlled Experiments at Booking.com - Lukas VermeerDemocratizing Online Controlled Experiments at Booking.com - Lukas Vermeer
Democratizing Online Controlled Experiments at Booking.com - Lukas Vermeer
 
Usability--What is it?
Usability--What is it?Usability--What is it?
Usability--What is it?
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
UX Research Methods: Behind the Scenes At Process Street
UX Research Methods: Behind the Scenes At Process StreetUX Research Methods: Behind the Scenes At Process Street
UX Research Methods: Behind the Scenes At Process Street
 
UX Research Methodologies
UX Research MethodologiesUX Research Methodologies
UX Research Methodologies
 
Show Me You Know Me - An Intro to UX and CRO
Show Me You Know Me - An Intro to UX and CROShow Me You Know Me - An Intro to UX and CRO
Show Me You Know Me - An Intro to UX and CRO
 
Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
Story boarding, Handwritten recognition, Inductive, subductive, abductive met...
Story boarding, Handwritten recognition, Inductive, subductive, abductive met...Story boarding, Handwritten recognition, Inductive, subductive, abductive met...
Story boarding, Handwritten recognition, Inductive, subductive, abductive met...
 
Democratizing Online Controlled Experiments at Booking.com
Democratizing Online Controlled Experiments at Booking.comDemocratizing Online Controlled Experiments at Booking.com
Democratizing Online Controlled Experiments at Booking.com
 
Balaji Nageswaran
Balaji NageswaranBalaji Nageswaran
Balaji Nageswaran
 
Decision making in software project management
Decision making in software project managementDecision making in software project management
Decision making in software project management
 
Idean_LeanResearch_Jan2014_FINAL
Idean_LeanResearch_Jan2014_FINALIdean_LeanResearch_Jan2014_FINAL
Idean_LeanResearch_Jan2014_FINAL
 
Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)Be A Great Product Leader (Dropbox / AirBnB 2013)
Be A Great Product Leader (Dropbox / AirBnB 2013)
 
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
 
Side Smirk Capabilities
Side Smirk CapabilitiesSide Smirk Capabilities
Side Smirk Capabilities
 
Collabtipskennedymighellts09
Collabtipskennedymighellts09Collabtipskennedymighellts09
Collabtipskennedymighellts09
 
Be A Great Product Leader (Square 2013)
Be A Great Product Leader (Square 2013)Be A Great Product Leader (Square 2013)
Be A Great Product Leader (Square 2013)
 
A bigger view of UX
A bigger view of UXA bigger view of UX
A bigger view of UX
 
Less look, more feel
Less look, more feelLess look, more feel
Less look, more feel
 
Successful Agile/UX
Successful Agile/UXSuccessful Agile/UX
Successful Agile/UX
 

More from Peeyush Sahu CAPM®

OECS Guidlines for Corporate Governance
OECS Guidlines for Corporate GovernanceOECS Guidlines for Corporate Governance
OECS Guidlines for Corporate Governance
Peeyush Sahu CAPM®
 
External Debt Management
External Debt ManagementExternal Debt Management
External Debt Management
Peeyush Sahu CAPM®
 
Auto Sector in India
Auto Sector in IndiaAuto Sector in India
Auto Sector in India
Peeyush Sahu CAPM®
 
Banking in India
Banking in IndiaBanking in India
Banking in India
Peeyush Sahu CAPM®
 
The Good The Bad and The Ugly about Derivatives
The Good The Bad and The Ugly about DerivativesThe Good The Bad and The Ugly about Derivatives
The Good The Bad and The Ugly about Derivatives
Peeyush Sahu CAPM®
 
Myanmar Socio Political Report
Myanmar Socio Political ReportMyanmar Socio Political Report
Myanmar Socio Political Report
Peeyush Sahu CAPM®
 
Honda Siel Power Products Limited Research Report
Honda Siel Power Products Limited Research ReportHonda Siel Power Products Limited Research Report
Honda Siel Power Products Limited Research Report
Peeyush Sahu CAPM®
 
AMTEK Research Report
AMTEK Research ReportAMTEK Research Report
AMTEK Research Report
Peeyush Sahu CAPM®
 
Navneet Education Ltd
Navneet Education LtdNavneet Education Ltd
Navneet Education Ltd
Peeyush Sahu CAPM®
 
SREI Infrastructure Finance Research Report
SREI Infrastructure Finance Research ReportSREI Infrastructure Finance Research Report
SREI Infrastructure Finance Research Report
Peeyush Sahu CAPM®
 
PGPSM Placements 2014-15 Brochure
PGPSM Placements 2014-15 BrochurePGPSM Placements 2014-15 Brochure
PGPSM Placements 2014-15 Brochure
Peeyush Sahu CAPM®
 
An Introduction to Robotics and Embedded System
An Introduction to Robotics and Embedded SystemAn Introduction to Robotics and Embedded System
An Introduction to Robotics and Embedded System
Peeyush Sahu CAPM®
 
An Introduction to Cryptology
An Introduction to CryptologyAn Introduction to Cryptology
An Introduction to Cryptology
Peeyush Sahu CAPM®
 

More from Peeyush Sahu CAPM® (13)

OECS Guidlines for Corporate Governance
OECS Guidlines for Corporate GovernanceOECS Guidlines for Corporate Governance
OECS Guidlines for Corporate Governance
 
External Debt Management
External Debt ManagementExternal Debt Management
External Debt Management
 
Auto Sector in India
Auto Sector in IndiaAuto Sector in India
Auto Sector in India
 
Banking in India
Banking in IndiaBanking in India
Banking in India
 
The Good The Bad and The Ugly about Derivatives
The Good The Bad and The Ugly about DerivativesThe Good The Bad and The Ugly about Derivatives
The Good The Bad and The Ugly about Derivatives
 
Myanmar Socio Political Report
Myanmar Socio Political ReportMyanmar Socio Political Report
Myanmar Socio Political Report
 
Honda Siel Power Products Limited Research Report
Honda Siel Power Products Limited Research ReportHonda Siel Power Products Limited Research Report
Honda Siel Power Products Limited Research Report
 
AMTEK Research Report
AMTEK Research ReportAMTEK Research Report
AMTEK Research Report
 
Navneet Education Ltd
Navneet Education LtdNavneet Education Ltd
Navneet Education Ltd
 
SREI Infrastructure Finance Research Report
SREI Infrastructure Finance Research ReportSREI Infrastructure Finance Research Report
SREI Infrastructure Finance Research Report
 
PGPSM Placements 2014-15 Brochure
PGPSM Placements 2014-15 BrochurePGPSM Placements 2014-15 Brochure
PGPSM Placements 2014-15 Brochure
 
An Introduction to Robotics and Embedded System
An Introduction to Robotics and Embedded SystemAn Introduction to Robotics and Embedded System
An Introduction to Robotics and Embedded System
 
An Introduction to Cryptology
An Introduction to CryptologyAn Introduction to Cryptology
An Introduction to Cryptology
 

Recently uploaded

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
Tatiana Kojar
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
fredae14
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
Postman
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
SitimaJohn
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
HarisZaheer8
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
LucaBarbaro3
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
Hiike
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
GDSC PJATK
 
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Jeffrey Haguewood
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Alpen-Adria-Universität
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
Zilliz
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
Tomaz Bratanic
 

Recently uploaded (20)

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
 
WeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation TechniquesWeTestAthens: Postman's AI & Automation Techniques
WeTestAthens: Postman's AI & Automation Techniques
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
Trusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process MiningTrusted Execution Environment for Decentralized Process Mining
Trusted Execution Environment for Decentralized Process Mining
 
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - HiikeSystem Design Case Study: Building a Scalable E-Commerce Platform - Hiike
System Design Case Study: Building a Scalable E-Commerce Platform - Hiike
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
 
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
 
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing InstancesEnergy Efficient Video Encoding for Cloud and Edge Computing Instances
Energy Efficient Video Encoding for Cloud and Edge Computing Instances
 
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and MilvusGenerating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
 
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracyGraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
 

UX - User Experience Design and Principles

  • 1.
  • 2. Let the Magic Begins...
  • 3. Objective:  Intro  UX vs UI  What is UX  The UX design process  Principles in Practice
  • 4. [ UX design is a commitment to building products with the customer in mind - Marieke McCloskey Director of Research at UserTesting UX design is the art and science of generating positive emotions through product interactions - Tomer Sharon Senior UX Researcher at Google
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. Before Starting to Design:  What functions is the page supposed to offer?  What is your target user? What type of user will be using the page?  What is it you want the user to do on the page? Which actions do you expect from the user? The goal is to create the most effective design that will cater to all your expectations as laid out in the beginning.
  • 18.
  • 21. Primary Optical Area Strong Follow Weak Follow Terminal Area Our UI
  • 22.
  • 24.
  • 26.
  • 27. Assisting Decision Making:  Hick’s Law : the more options we have – the longer it takes to make a decision.  Paradox of Choice : whenever we have too many options to choose from, we choose not to choose.  Thank God We Have Miller : the law of 5 plus/minus 2 options (offer between 3 and 7 options ) "Understanding how each step of the cognitive process works is a goldmine for designers"
  • 28. The Four Rules of Decision Making:  The more options we have – the longer it takes to make a decision.  Whenever we have too many options to choose from, we choose not to choose.  Whenever we do choose between too many options to choose from we feel bad about our choice.  Effective decision making is achieved when we have 3-7 options to choose from.
  • 29. Dealing with Complex Structures:
  • 30.
  • 31.
  • 32.
  • 33. Implicit Flow Instructions:  The World of Gestalt  The Power of Proximity: The rule of proximity shows us that the distance between elements will guide the way we perceive them  What Made You Group? This is exactly where the principle of proximity is working its magic. The fact that a few elements have an equal distance between one another, and a bigger distance between them and the other group, made us treat them as separate groups.
  • 34. Applying Gestalt in Our Layout Design:
  • 35.
  • 36.
  • 37. Making things Readable and Scanable: T.M.I (Too Much Information) TL;DR Too-long-didn’t-read
  • 38. Z - Model F - Model
  • 39.
  • 40. The Rule of 7 Seconds:  The 7 second rule is a great tool for testing the ‘scannability’ of your page.  This isn’t only relevant for web interfaces and promotional pages.  This rule can also be applied when dealing with users who are frequently using a known interface.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45. It's time to Say Good Bye .. THANK YOU