SlideShare a Scribd company logo
UX for Developers
UX, It’s Just Common Sense
Natalia Luckyanova and Keith Shepherd
4 Step UX
• Who is the player
• What his/her goal is
• What he/she is doing for the goal
• How system helping for it
Pseudo code and UML
• Pseudo code: It’s simply an implementation of an algorithm in the form of
annotations and informative text written in plain English. It has no syntax
like any of the programming language and thus can’t be compiled or
interpreted by the computer.
• The Unified Modeling Language is a general-purpose, developmental,
modeling language in the field of software engineering that is intended to
provide a standard way to visualize the design of a system.
Pseudo code sample
Organise everything together;
Plug in kettle;
Put teabag in cup;
Put water into kettle;
Wait for kettle to boil;
Add water to cup;
Remove teabag with spoon/fork;
Add milk and/or sugar;
Serve;
Pseudo code sample
PROGRAM MakeACupOfTea:
Organise everything together;
Plug in kettle;
Put teabag in cup;
Put water into kettle;
Wait for kettle to boil;
Add water to cup;
Remove teabag with spoon/fork;
Add milk and/or sugar;
Serve;
END.
UML USE
• A picture is worth a thousand words, this idiom absolutely fits describing
UML.
• UML diagrams are not only made for developers but also for business
users, common people, and anybody interested to understand the system.
The system can be a software or non-software system. Thus it must be
clear that UML is not a development method rather it accompanies with
processes to make it a successful system.
UML
• GRL
• UCM
• Activity Diagram
• Class diagram
GRL
GRL
GRL
UCM
Activity diagram
Class diagram
What is missing
• Empathy
• Aesthetic
• Animation
How we see
UX For Developers
Empathy
Empathy
Programming is always about humans helping other humans by creating the
most comforting experience for each other.
Aesthetics
Aesthetics
Animation tell stories and communicate emotions and ideas in a unique, easy-to-perceive
way that both small children and adults can understand.
Animation
Object Oriented
thinking

More Related Content

PPT
Do More With Powerpoint
PPTX
School fundraiser
PDF
Computer Supported Co-Operative Work
PDF
PhD Core Paper Unit 5 _Part 1 Software Design and UML Use Case Modeling.pdf
PDF
Object oriented analysis and design unit- iii
PDF
Modeling software with UML
PPTX
20CS011.pptx
PPTX
UML Samra Bs it 4th all about aspire college
Do More With Powerpoint
School fundraiser
Computer Supported Co-Operative Work
PhD Core Paper Unit 5 _Part 1 Software Design and UML Use Case Modeling.pdf
Object oriented analysis and design unit- iii
Modeling software with UML
20CS011.pptx
UML Samra Bs it 4th all about aspire college

Similar to UX For Developers (20)

PPTX
Understanding unified modelling language
PPT
Chapter1
PDF
Design UML diagrams
PDF
Design UML diagrams
PPT
IntroductionToUML.ppt
PPT
UML (Hemant rajak)
PDF
Object oriented analysis and Design: UML Basics.pdf
PPT
4.o o design tools=uml -_lecture 4
PPT
Unit-II(STATIC UML DIAGRAMS).ppt
PDF
[RPL2] Pertemuan 3 - UML dan USECASE VIEW
PDF
4 (uml basic)
PDF
Object-Oriented Analysis and Design report
PPTX
Introduction to the Unified Modeling Language (UML)
DOC
Uml overview modified
PPTX
Introduction to Unified Modeling Language
PPSX
Application of Unified Modelling Language
DOC
Case Study Uml
PDF
UML for Business Analysts
PDF
Case stydy cs701
Understanding unified modelling language
Chapter1
Design UML diagrams
Design UML diagrams
IntroductionToUML.ppt
UML (Hemant rajak)
Object oriented analysis and Design: UML Basics.pdf
4.o o design tools=uml -_lecture 4
Unit-II(STATIC UML DIAGRAMS).ppt
[RPL2] Pertemuan 3 - UML dan USECASE VIEW
4 (uml basic)
Object-Oriented Analysis and Design report
Introduction to the Unified Modeling Language (UML)
Uml overview modified
Introduction to Unified Modeling Language
Application of Unified Modelling Language
Case Study Uml
UML for Business Analysts
Case stydy cs701
Ad

Recently uploaded (20)

PPTX
Drafting equipment and its care for interior design
PDF
Designing Through Complexity - Four Perspectives.pdf
PDF
THEORY OF ID MODULE (Interior Design Subject)
PPTX
8086.pptx microprocessor and microcontroller
PPT
Unit I Preparatory process of dyeing in textiles
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PDF
How Animation is Used by Sports Teams and Leagues
PPTX
a group casestudy on architectural aesthetic and beauty
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
Bitcoin predictor project presentation
PDF
Trends That Shape Graphic Design Services
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PDF
Timeless Interiors by PEE VEE INTERIORS
PPTX
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PDF
trenching-standard-drawings procedure rev
PPTX
Evolution_of_Computing_Presentation (1).pptx
PDF
Social Media USAGE .............................................................
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Drafting equipment and its care for interior design
Designing Through Complexity - Four Perspectives.pdf
THEORY OF ID MODULE (Interior Design Subject)
8086.pptx microprocessor and microcontroller
Unit I Preparatory process of dyeing in textiles
analisis snsistem etnga ahrfahfffffffffffffffffffff
How Animation is Used by Sports Teams and Leagues
a group casestudy on architectural aesthetic and beauty
321 LIBRARY DESIGN.pdf43354445t6556t5656
GSH-Vicky1-Complete-Plans on Housing.pdf
Bitcoin predictor project presentation
Trends That Shape Graphic Design Services
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
Timeless Interiors by PEE VEE INTERIORS
WHY UPLOADING IS IMPORTANT TO DOWNLOAD SLIDES.pptx
22CDH01-V3-UNIT III-UX-UI for Immersive Design
trenching-standard-drawings procedure rev
Evolution_of_Computing_Presentation (1).pptx
Social Media USAGE .............................................................
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Ad

UX For Developers

  • 1. UX for Developers UX, It’s Just Common Sense
  • 2. Natalia Luckyanova and Keith Shepherd
  • 3. 4 Step UX • Who is the player • What his/her goal is • What he/she is doing for the goal • How system helping for it
  • 4. Pseudo code and UML • Pseudo code: It’s simply an implementation of an algorithm in the form of annotations and informative text written in plain English. It has no syntax like any of the programming language and thus can’t be compiled or interpreted by the computer. • The Unified Modeling Language is a general-purpose, developmental, modeling language in the field of software engineering that is intended to provide a standard way to visualize the design of a system.
  • 5. Pseudo code sample Organise everything together; Plug in kettle; Put teabag in cup; Put water into kettle; Wait for kettle to boil; Add water to cup; Remove teabag with spoon/fork; Add milk and/or sugar; Serve;
  • 6. Pseudo code sample PROGRAM MakeACupOfTea: Organise everything together; Plug in kettle; Put teabag in cup; Put water into kettle; Wait for kettle to boil; Add water to cup; Remove teabag with spoon/fork; Add milk and/or sugar; Serve; END.
  • 7. UML USE • A picture is worth a thousand words, this idiom absolutely fits describing UML. • UML diagrams are not only made for developers but also for business users, common people, and anybody interested to understand the system. The system can be a software or non-software system. Thus it must be clear that UML is not a development method rather it accompanies with processes to make it a successful system.
  • 8. UML • GRL • UCM • Activity Diagram • Class diagram
  • 9. GRL
  • 11. UCM
  • 14. What is missing • Empathy • Aesthetic • Animation
  • 18. Empathy Programming is always about humans helping other humans by creating the most comforting experience for each other.
  • 21. Animation tell stories and communicate emotions and ideas in a unique, easy-to-perceive way that both small children and adults can understand. Animation