SlideShare a Scribd company logo
User eXperience &
Front End Development
Andrea Fallas & Dan Shearmur
UX & FED at Semantico
< 2010 The dark ages…
2011 FED – DanS
2012 FED – Zsuzsa & Gib
2013 UX Architect – Andrea
Head of Design – Owen
What is User eXperience?
humans
computers
users
What is User eXperience?
humans
computers
human-
computer
interaction
What is User eXperience?
cognition emotion behaviour
conscious
unconscious
What is User eXperience?
humans
computers
cognition
behaviour
emotion
What are user experiences?
experiential perceptive
subjective dynamic
emotive
Designing user experiences
User experience design (UXD) refers to:
"all aspects of [a] person’s experience with
the system including industrial design
graphics, the interface, the physical interaction
and the manual."
— Don Norman (who invented the term)
user
EXPERIENCE
design
Designing experiences for users
USER-CENTRED design
user
EXPERIENCE
design
Designing experiences for users
USER-CENTRED design
limitationsneeds wants
feedbacktesting iteration
Designing experiences for users
needs, wants &
limitations of
users
multi-stage
problem solving
process
optimise the
system to
accommodate
user desires
USER-CENTRED design
Why is it important?
Why is it important?
Sometimes it's just not
very clear what we're
meant to be doing.
Why is it important?
Sometimes we can be
fooled into trying to do
the impossible.
Why is it important?
Conflicting instructions
and design patterns
can make for a very
confusing user
experience, so we
develop useful
conventions.
Why is it important?
Problems arise when
we start mixing up the
elements that
constitute this pattern.
Why is it important?
Problems arise when
we start mixing up the
elements that
constitute this pattern.
Why is it important?
Most doors are fairly
simple.
What if you've never
seen a door before?
How would you feel,
faced with this one?
Usability v. usefulness
usability
usefulness
USER-CENTRED
design
How can we measure user experiences?
survey
users, goals &
preferences
card sorting
build information
architectures
prototype
interaction
models
personas
reflect user
groups
wireframe
site & page
architecture
interview
users &
stakeholders in
context
tree testing
information
architectures
usability testing
interaction &
context
How can we measure user experiences?
interview
users &
stakeholders in
context
Outputs from UX practice
wireframe
site & page
architecture
What does this mean?
Helps us BUILD THINGS
Stop building USABLE WRONG THINGS
CONCEPTUALISE what we are building
FRAMEWORKS & benchmarks
ANTICIPATE problems
USER-CENTRED
design
The interface with development
PRODUCT development
PLATFORM development
ACCESS management
BESPOKE development
FRONT-END development
ORCID development
USER-CENTRED
design
UX
Andrea
DESIGN
Owen
Front-end development
Previously
● Outsource visual design
● Tackle design or usability issues ourselves
Having a unified design team will
● Create a feedback loop making things a little
bit more iterative
● Solidify process
A library of interface examples
● HTML prototypes
● (Eventually) a client facing version
● Scolaris re-design
Ad

More Related Content

What's hot (20)

The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
Bart Van Hecke
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
Dijup Tuladhar
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
Empatika
 
Lean UX design process for rapid product development
Lean UX design process for rapid product developmentLean UX design process for rapid product development
Lean UX design process for rapid product development
Geoffrey Nwachukwu
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
sumit singh
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
Durgesh Pandey
 
Ux design process
Ux design processUx design process
Ux design process
Pixel Studios Pvt Ltd
 
Module 03: UX Thinking
Module 03: UX ThinkingModule 03: UX Thinking
Module 03: UX Thinking
Daniel Drew Turner
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
MITAcademy1
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Ravi Bhadauria
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
Michael Dubakov
 
Fundamentals of UX Design
Fundamentals of UX DesignFundamentals of UX Design
Fundamentals of UX Design
The Wisdom Daily
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
mbrosset
 
User Experience in Software Development - A Primer
User Experience in Software Development - A PrimerUser Experience in Software Development - A Primer
User Experience in Software Development - A Primer
Texavi Innovative Solutions
 
Ui design
Ui designUi design
Ui design
Bart Van Hecke
 
UX & UI: The differences between two abbreviations
UX & UI: The differences between two abbreviationsUX & UI: The differences between two abbreviations
UX & UI: The differences between two abbreviations
Jessica Kainu
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
Shweta Joshi
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
David Little
 
An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio
Think 360 Studio
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
Ui Design And Usability For Everybody
Ui Design And Usability For EverybodyUi Design And Usability For Everybody
Ui Design And Usability For Everybody
Empatika
 
Lean UX design process for rapid product development
Lean UX design process for rapid product developmentLean UX design process for rapid product development
Lean UX design process for rapid product development
Geoffrey Nwachukwu
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
Durgesh Pandey
 
"What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?""What Are the Key Differences between UI and UX Design?"
"What Are the Key Differences between UI and UX Design?"
MITAcademy1
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Ravi Bhadauria
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
Michael Dubakov
 
Ux Overview
Ux OverviewUx Overview
Ux Overview
mbrosset
 
User Experience in Software Development - A Primer
User Experience in Software Development - A PrimerUser Experience in Software Development - A Primer
User Experience in Software Development - A Primer
Texavi Innovative Solutions
 
UX & UI: The differences between two abbreviations
UX & UI: The differences between two abbreviationsUX & UI: The differences between two abbreviations
UX & UI: The differences between two abbreviations
Jessica Kainu
 
The difference between ux and ui design
The difference between ux and ui designThe difference between ux and ui design
The difference between ux and ui design
Shweta Joshi
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
David Little
 
An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio An Easy Explanation of UX (User Experience) By Think 360 Studio
An Easy Explanation of UX (User Experience) By Think 360 Studio
Think 360 Studio
 

Viewers also liked (20)

Frontend automation and stability
Frontend automation and stabilityFrontend automation and stability
Frontend automation and stability
Máté Nádasdi
 
Front end Tips Tricks & Tools
Front end Tips Tricks & ToolsFront end Tips Tricks & Tools
Front end Tips Tricks & Tools
Sandeep Ramgolam
 
Sinau Bareng Frontend Web Development @ DiLo Malang
Sinau Bareng Frontend Web Development @ DiLo MalangSinau Bareng Frontend Web Development @ DiLo Malang
Sinau Bareng Frontend Web Development @ DiLo Malang
Moch. Zamroni
 
Frontend SPOF
Frontend SPOFFrontend SPOF
Frontend SPOF
Patrick Meenan
 
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
 
Webinar: Front End Web Development - Trendy Web Designs Using HTML5
Webinar: Front End Web Development - Trendy Web Designs Using HTML5Webinar: Front End Web Development - Trendy Web Designs Using HTML5
Webinar: Front End Web Development - Trendy Web Designs Using HTML5
Edureka!
 
Architecting your Frontend
Architecting your FrontendArchitecting your Frontend
Architecting your Frontend
Ruben Teijeiro
 
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Joseph Chiang
 
Grunt js for the Enterprise Vol.1: Frontend Performance with Phantomas
Grunt js for the Enterprise Vol.1: Frontend Performance with PhantomasGrunt js for the Enterprise Vol.1: Frontend Performance with Phantomas
Grunt js for the Enterprise Vol.1: Frontend Performance with Phantomas
David Amend
 
Wrangling Large Scale Frontend Web Applications
Wrangling Large Scale Frontend Web ApplicationsWrangling Large Scale Frontend Web Applications
Wrangling Large Scale Frontend Web Applications
Ryan Roemer
 
A modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianA modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at Atlassian
Magnolia
 
Frontend technologies
Frontend technologiesFrontend technologies
Frontend technologies
Jose Ramon Roblero Ruiz
 
How to Build Front-End Web Apps that Scale - FutureJS
How to Build Front-End Web Apps that Scale - FutureJSHow to Build Front-End Web Apps that Scale - FutureJS
How to Build Front-End Web Apps that Scale - FutureJS
Phil Leggetter
 
W3 conf hill-html5-security-realities
W3 conf hill-html5-security-realitiesW3 conf hill-html5-security-realities
W3 conf hill-html5-security-realities
Brad Hill
 
Modern Frontend Technology
Modern Frontend TechnologyModern Frontend Technology
Modern Frontend Technology
Ship Hsu
 
Frontend at Scale - The Tumblr Story
Frontend at Scale - The Tumblr StoryFrontend at Scale - The Tumblr Story
Frontend at Scale - The Tumblr Story
Chris Miller
 
Front End Development Workflow Tools
Front End Development Workflow ToolsFront End Development Workflow Tools
Front End Development Workflow Tools
Ahmed Elmehri
 
TechTalk #85 : Latest Frontend Technologies
TechTalk #85 : Latest Frontend TechnologiesTechTalk #85 : Latest Frontend Technologies
TechTalk #85 : Latest Frontend Technologies
bincangteknologi
 
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
Prasid Pathak
 
engage 2015 - Domino App Development - Where should I go now?
engage 2015 - Domino App Development - Where should I go now?engage 2015 - Domino App Development - Where should I go now?
engage 2015 - Domino App Development - Where should I go now?
René Winkelmeyer
 
Frontend automation and stability
Frontend automation and stabilityFrontend automation and stability
Frontend automation and stability
Máté Nádasdi
 
Front end Tips Tricks & Tools
Front end Tips Tricks & ToolsFront end Tips Tricks & Tools
Front end Tips Tricks & Tools
Sandeep Ramgolam
 
Sinau Bareng Frontend Web Development @ DiLo Malang
Sinau Bareng Frontend Web Development @ DiLo MalangSinau Bareng Frontend Web Development @ DiLo Malang
Sinau Bareng Frontend Web Development @ DiLo Malang
Moch. Zamroni
 
Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015Front End Tooling and Performance - Codeaholics HK 2015
Front End Tooling and Performance - Codeaholics HK 2015
Holger Bartel
 
Webinar: Front End Web Development - Trendy Web Designs Using HTML5
Webinar: Front End Web Development - Trendy Web Designs Using HTML5Webinar: Front End Web Development - Trendy Web Designs Using HTML5
Webinar: Front End Web Development - Trendy Web Designs Using HTML5
Edureka!
 
Architecting your Frontend
Architecting your FrontendArchitecting your Frontend
Architecting your Frontend
Ruben Teijeiro
 
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Joseph Chiang
 
Grunt js for the Enterprise Vol.1: Frontend Performance with Phantomas
Grunt js for the Enterprise Vol.1: Frontend Performance with PhantomasGrunt js for the Enterprise Vol.1: Frontend Performance with Phantomas
Grunt js for the Enterprise Vol.1: Frontend Performance with Phantomas
David Amend
 
Wrangling Large Scale Frontend Web Applications
Wrangling Large Scale Frontend Web ApplicationsWrangling Large Scale Frontend Web Applications
Wrangling Large Scale Frontend Web Applications
Ryan Roemer
 
A modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at AtlassianA modern front end development workflow for Magnolia at Atlassian
A modern front end development workflow for Magnolia at Atlassian
Magnolia
 
How to Build Front-End Web Apps that Scale - FutureJS
How to Build Front-End Web Apps that Scale - FutureJSHow to Build Front-End Web Apps that Scale - FutureJS
How to Build Front-End Web Apps that Scale - FutureJS
Phil Leggetter
 
W3 conf hill-html5-security-realities
W3 conf hill-html5-security-realitiesW3 conf hill-html5-security-realities
W3 conf hill-html5-security-realities
Brad Hill
 
Modern Frontend Technology
Modern Frontend TechnologyModern Frontend Technology
Modern Frontend Technology
Ship Hsu
 
Frontend at Scale - The Tumblr Story
Frontend at Scale - The Tumblr StoryFrontend at Scale - The Tumblr Story
Frontend at Scale - The Tumblr Story
Chris Miller
 
Front End Development Workflow Tools
Front End Development Workflow ToolsFront End Development Workflow Tools
Front End Development Workflow Tools
Ahmed Elmehri
 
TechTalk #85 : Latest Frontend Technologies
TechTalk #85 : Latest Frontend TechnologiesTechTalk #85 : Latest Frontend Technologies
TechTalk #85 : Latest Frontend Technologies
bincangteknologi
 
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
Prasid Pathak
 
engage 2015 - Domino App Development - Where should I go now?
engage 2015 - Domino App Development - Where should I go now?engage 2015 - Domino App Development - Where should I go now?
engage 2015 - Domino App Development - Where should I go now?
René Winkelmeyer
 
Ad

Similar to User eXperience & Front End Development (20)

UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
Digital Snack
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UX
qixingz
 
User Experience Design - Why, How and Where
User Experience Design - Why, How and WhereUser Experience Design - Why, How and Where
User Experience Design - Why, How and Where
jacodewet
 
What is UX v2
What is UX v2What is UX v2
What is UX v2
Mike Gallers
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
Tapping User Experience Design
Tapping User Experience DesignTapping User Experience Design
Tapping User Experience Design
Tay(Taeyong) Kim
 
UX - Beyond Design Practice
UX - Beyond Design PracticeUX - Beyond Design Practice
UX - Beyond Design Practice
sunildas2009
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
RiniyaMary
 
Engaging UX in engineering
Engaging UX in engineeringEngaging UX in engineering
Engaging UX in engineering
Siddarth Kengadaran
 
What is UX?
What is UX?What is UX?
What is UX?
Peter van Lanschot
 
Myth & fact - Designing for UX
Myth & fact - Designing for UXMyth & fact - Designing for UX
Myth & fact - Designing for UX
Chiranjeet Banerjee
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
guest1bcbc9
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
Chris Bernard
 
What is UX v1
What is UX v1What is UX v1
What is UX v1
Mike Gallers
 
UX Design: A Concept and Evolution
UX Design: A Concept and EvolutionUX Design: A Concept and Evolution
UX Design: A Concept and Evolution
Appsbee
 
UIUX-Crafting-Seamless-Digital-Experiences (1).pdf
UIUX-Crafting-Seamless-Digital-Experiences (1).pdfUIUX-Crafting-Seamless-Digital-Experiences (1).pdf
UIUX-Crafting-Seamless-Digital-Experiences (1).pdf
khushishah365235
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
hendrikknoche
 
UX: User Experience
UX: User ExperienceUX: User Experience
UX: User Experience
Mirco Pasqualini
 
Intro to UX
Intro to UX Intro to UX
Intro to UX
Lindsey MacNeil
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
Kshitiz Anand
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
Digital Snack
 
Building for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UXBuilding for People: 5 Practical Tip for Greating Great UX
Building for People: 5 Practical Tip for Greating Great UX
qixingz
 
User Experience Design - Why, How and Where
User Experience Design - Why, How and WhereUser Experience Design - Why, How and Where
User Experience Design - Why, How and Where
jacodewet
 
Tapping User Experience Design
Tapping User Experience DesignTapping User Experience Design
Tapping User Experience Design
Tay(Taeyong) Kim
 
UX - Beyond Design Practice
UX - Beyond Design PracticeUX - Beyond Design Practice
UX - Beyond Design Practice
sunildas2009
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
RiniyaMary
 
Importance of User eXperience
Importance of User eXperienceImportance of User eXperience
Importance of User eXperience
guest1bcbc9
 
Design Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris BernardDesign Thinking Dallas by Chris Bernard
Design Thinking Dallas by Chris Bernard
Chris Bernard
 
UX Design: A Concept and Evolution
UX Design: A Concept and EvolutionUX Design: A Concept and Evolution
UX Design: A Concept and Evolution
Appsbee
 
UIUX-Crafting-Seamless-Digital-Experiences (1).pdf
UIUX-Crafting-Seamless-Digital-Experiences (1).pdfUIUX-Crafting-Seamless-Digital-Experiences (1).pdf
UIUX-Crafting-Seamless-Digital-Experiences (1).pdf
khushishah365235
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
hendrikknoche
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
Kshitiz Anand
 
Ad

Recently uploaded (20)

TNR Gold Los Azules Copper NSR Royalty Holding with McEwen Mining Presentation
TNR Gold Los Azules Copper NSR Royalty Holding with McEwen Mining PresentationTNR Gold Los Azules Copper NSR Royalty Holding with McEwen Mining Presentation
TNR Gold Los Azules Copper NSR Royalty Holding with McEwen Mining Presentation
Kirill Klip
 
High-Performing Teams - Navigate team challenges, boost motivation, and resol...
High-Performing Teams - Navigate team challenges, boost motivation, and resol...High-Performing Teams - Navigate team challenges, boost motivation, and resol...
High-Performing Teams - Navigate team challenges, boost motivation, and resol...
Zuzana (Zuzi) Sochova
 
From Sunlight to Savings The Rise of Homegrown Solar Power.pdf
From Sunlight to Savings The Rise of Homegrown Solar Power.pdfFrom Sunlight to Savings The Rise of Homegrown Solar Power.pdf
From Sunlight to Savings The Rise of Homegrown Solar Power.pdf
Insolation Energy
 
Alec Lawler - A Passion For Building Brand Awareness
Alec Lawler - A Passion For Building Brand AwarenessAlec Lawler - A Passion For Building Brand Awareness
Alec Lawler - A Passion For Building Brand Awareness
Alec Lawler
 
The Essential Guide to Process Diagrams for Smarter Business Management
The Essential Guide to Process Diagrams for Smarter Business ManagementThe Essential Guide to Process Diagrams for Smarter Business Management
The Essential Guide to Process Diagrams for Smarter Business Management
RUPAL AGARWAL
 
The Peter Cowley Entrepreneurship Event Master 30th.pdf
The Peter Cowley Entrepreneurship Event Master 30th.pdfThe Peter Cowley Entrepreneurship Event Master 30th.pdf
The Peter Cowley Entrepreneurship Event Master 30th.pdf
Richard Lucas
 
CGG Deck English - Apr 2025-edit (1).pptx
CGG Deck English - Apr 2025-edit (1).pptxCGG Deck English - Apr 2025-edit (1).pptx
CGG Deck English - Apr 2025-edit (1).pptx
China_Gold_International_Resources
 
Shezad Habib Founder and President of Manhattan Strategy Group
Shezad Habib Founder and President of Manhattan Strategy GroupShezad Habib Founder and President of Manhattan Strategy Group
Shezad Habib Founder and President of Manhattan Strategy Group
Strategy Group (MSG)
 
SAP S/4HANA Asset Management - Functions and Innovations
SAP S/4HANA Asset Management - Functions and InnovationsSAP S/4HANA Asset Management - Functions and Innovations
SAP S/4HANA Asset Management - Functions and Innovations
Course17
 
LDMMIA Bday celebration 2025 Gifts information
LDMMIA Bday celebration 2025 Gifts informationLDMMIA Bday celebration 2025 Gifts information
LDMMIA Bday celebration 2025 Gifts information
LDM Mia eStudios
 
Network Detection and Response (NDR): The Future of Intelligent Cybersecurity
Network Detection and Response (NDR): The Future of Intelligent CybersecurityNetwork Detection and Response (NDR): The Future of Intelligent Cybersecurity
Network Detection and Response (NDR): The Future of Intelligent Cybersecurity
GauriKale30
 
NewBase 28 April 2025 Energy News issue - 1783 by Khaled Al Awadi_compressed...
NewBase 28 April 2025  Energy News issue - 1783 by Khaled Al Awadi_compressed...NewBase 28 April 2025  Energy News issue - 1783 by Khaled Al Awadi_compressed...
NewBase 28 April 2025 Energy News issue - 1783 by Khaled Al Awadi_compressed...
Khaled Al Awadi
 
Comments on Cloud Stream Part II Mobile Hub V1 Hub Agency.pdf
Comments on Cloud Stream Part II Mobile Hub V1 Hub Agency.pdfComments on Cloud Stream Part II Mobile Hub V1 Hub Agency.pdf
Comments on Cloud Stream Part II Mobile Hub V1 Hub Agency.pdf
Brij Consulting, LLC
 
Kiran Flemish - A Dynamic Musician
Kiran  Flemish  -  A   Dynamic  MusicianKiran  Flemish  -  A   Dynamic  Musician
Kiran Flemish - A Dynamic Musician
Kiran Flemish
 
TNR Gold Shotgun Gold Project Presentation
TNR Gold Shotgun Gold Project PresentationTNR Gold Shotgun Gold Project Presentation
TNR Gold Shotgun Gold Project Presentation
Kirill Klip
 
Theory of Cognitive Chasms: Failure Modes of GenAI Adoption
Theory of Cognitive Chasms: Failure Modes of GenAI AdoptionTheory of Cognitive Chasms: Failure Modes of GenAI Adoption
Theory of Cognitive Chasms: Failure Modes of GenAI Adoption
Dr. Tathagat Varma
 
From Dreams to Threads: The Story Behind The Chhapai
From Dreams to Threads: The Story Behind The ChhapaiFrom Dreams to Threads: The Story Behind The Chhapai
From Dreams to Threads: The Story Behind The Chhapai
The Chhapai
 
Looking for Reliable BPO Project Providers?"
Looking for Reliable BPO Project Providers?"Looking for Reliable BPO Project Providers?"
Looking for Reliable BPO Project Providers?"
anujascentbpo
 
India Advertising Market Size & Growth | Industry Trends
India Advertising Market Size & Growth | Industry TrendsIndia Advertising Market Size & Growth | Industry Trends
India Advertising Market Size & Growth | Industry Trends
Aman Bansal
 
Chapter 2000000000000000000000000000000000000.pptx
Chapter 2000000000000000000000000000000000000.pptxChapter 2000000000000000000000000000000000000.pptx
Chapter 2000000000000000000000000000000000000.pptx
behjatali99
 
TNR Gold Los Azules Copper NSR Royalty Holding with McEwen Mining Presentation
TNR Gold Los Azules Copper NSR Royalty Holding with McEwen Mining PresentationTNR Gold Los Azules Copper NSR Royalty Holding with McEwen Mining Presentation
TNR Gold Los Azules Copper NSR Royalty Holding with McEwen Mining Presentation
Kirill Klip
 
High-Performing Teams - Navigate team challenges, boost motivation, and resol...
High-Performing Teams - Navigate team challenges, boost motivation, and resol...High-Performing Teams - Navigate team challenges, boost motivation, and resol...
High-Performing Teams - Navigate team challenges, boost motivation, and resol...
Zuzana (Zuzi) Sochova
 
From Sunlight to Savings The Rise of Homegrown Solar Power.pdf
From Sunlight to Savings The Rise of Homegrown Solar Power.pdfFrom Sunlight to Savings The Rise of Homegrown Solar Power.pdf
From Sunlight to Savings The Rise of Homegrown Solar Power.pdf
Insolation Energy
 
Alec Lawler - A Passion For Building Brand Awareness
Alec Lawler - A Passion For Building Brand AwarenessAlec Lawler - A Passion For Building Brand Awareness
Alec Lawler - A Passion For Building Brand Awareness
Alec Lawler
 
The Essential Guide to Process Diagrams for Smarter Business Management
The Essential Guide to Process Diagrams for Smarter Business ManagementThe Essential Guide to Process Diagrams for Smarter Business Management
The Essential Guide to Process Diagrams for Smarter Business Management
RUPAL AGARWAL
 
The Peter Cowley Entrepreneurship Event Master 30th.pdf
The Peter Cowley Entrepreneurship Event Master 30th.pdfThe Peter Cowley Entrepreneurship Event Master 30th.pdf
The Peter Cowley Entrepreneurship Event Master 30th.pdf
Richard Lucas
 
Shezad Habib Founder and President of Manhattan Strategy Group
Shezad Habib Founder and President of Manhattan Strategy GroupShezad Habib Founder and President of Manhattan Strategy Group
Shezad Habib Founder and President of Manhattan Strategy Group
Strategy Group (MSG)
 
SAP S/4HANA Asset Management - Functions and Innovations
SAP S/4HANA Asset Management - Functions and InnovationsSAP S/4HANA Asset Management - Functions and Innovations
SAP S/4HANA Asset Management - Functions and Innovations
Course17
 
LDMMIA Bday celebration 2025 Gifts information
LDMMIA Bday celebration 2025 Gifts informationLDMMIA Bday celebration 2025 Gifts information
LDMMIA Bday celebration 2025 Gifts information
LDM Mia eStudios
 
Network Detection and Response (NDR): The Future of Intelligent Cybersecurity
Network Detection and Response (NDR): The Future of Intelligent CybersecurityNetwork Detection and Response (NDR): The Future of Intelligent Cybersecurity
Network Detection and Response (NDR): The Future of Intelligent Cybersecurity
GauriKale30
 
NewBase 28 April 2025 Energy News issue - 1783 by Khaled Al Awadi_compressed...
NewBase 28 April 2025  Energy News issue - 1783 by Khaled Al Awadi_compressed...NewBase 28 April 2025  Energy News issue - 1783 by Khaled Al Awadi_compressed...
NewBase 28 April 2025 Energy News issue - 1783 by Khaled Al Awadi_compressed...
Khaled Al Awadi
 
Comments on Cloud Stream Part II Mobile Hub V1 Hub Agency.pdf
Comments on Cloud Stream Part II Mobile Hub V1 Hub Agency.pdfComments on Cloud Stream Part II Mobile Hub V1 Hub Agency.pdf
Comments on Cloud Stream Part II Mobile Hub V1 Hub Agency.pdf
Brij Consulting, LLC
 
Kiran Flemish - A Dynamic Musician
Kiran  Flemish  -  A   Dynamic  MusicianKiran  Flemish  -  A   Dynamic  Musician
Kiran Flemish - A Dynamic Musician
Kiran Flemish
 
TNR Gold Shotgun Gold Project Presentation
TNR Gold Shotgun Gold Project PresentationTNR Gold Shotgun Gold Project Presentation
TNR Gold Shotgun Gold Project Presentation
Kirill Klip
 
Theory of Cognitive Chasms: Failure Modes of GenAI Adoption
Theory of Cognitive Chasms: Failure Modes of GenAI AdoptionTheory of Cognitive Chasms: Failure Modes of GenAI Adoption
Theory of Cognitive Chasms: Failure Modes of GenAI Adoption
Dr. Tathagat Varma
 
From Dreams to Threads: The Story Behind The Chhapai
From Dreams to Threads: The Story Behind The ChhapaiFrom Dreams to Threads: The Story Behind The Chhapai
From Dreams to Threads: The Story Behind The Chhapai
The Chhapai
 
Looking for Reliable BPO Project Providers?"
Looking for Reliable BPO Project Providers?"Looking for Reliable BPO Project Providers?"
Looking for Reliable BPO Project Providers?"
anujascentbpo
 
India Advertising Market Size & Growth | Industry Trends
India Advertising Market Size & Growth | Industry TrendsIndia Advertising Market Size & Growth | Industry Trends
India Advertising Market Size & Growth | Industry Trends
Aman Bansal
 
Chapter 2000000000000000000000000000000000000.pptx
Chapter 2000000000000000000000000000000000000.pptxChapter 2000000000000000000000000000000000000.pptx
Chapter 2000000000000000000000000000000000000.pptx
behjatali99
 

User eXperience & Front End Development

  • 1. User eXperience & Front End Development Andrea Fallas & Dan Shearmur
  • 2. UX & FED at Semantico < 2010 The dark ages… 2011 FED – DanS 2012 FED – Zsuzsa & Gib 2013 UX Architect – Andrea Head of Design – Owen
  • 3. What is User eXperience? humans computers users
  • 4. What is User eXperience? humans computers human- computer interaction
  • 5. What is User eXperience? cognition emotion behaviour conscious unconscious
  • 6. What is User eXperience? humans computers cognition behaviour emotion
  • 7. What are user experiences? experiential perceptive subjective dynamic emotive
  • 8. Designing user experiences User experience design (UXD) refers to: "all aspects of [a] person’s experience with the system including industrial design graphics, the interface, the physical interaction and the manual." — Don Norman (who invented the term)
  • 10. user EXPERIENCE design Designing experiences for users USER-CENTRED design limitationsneeds wants feedbacktesting iteration
  • 11. Designing experiences for users needs, wants & limitations of users multi-stage problem solving process optimise the system to accommodate user desires USER-CENTRED design
  • 12. Why is it important?
  • 13. Why is it important? Sometimes it's just not very clear what we're meant to be doing.
  • 14. Why is it important? Sometimes we can be fooled into trying to do the impossible.
  • 15. Why is it important? Conflicting instructions and design patterns can make for a very confusing user experience, so we develop useful conventions.
  • 16. Why is it important? Problems arise when we start mixing up the elements that constitute this pattern.
  • 17. Why is it important? Problems arise when we start mixing up the elements that constitute this pattern.
  • 18. Why is it important? Most doors are fairly simple. What if you've never seen a door before? How would you feel, faced with this one?
  • 20. USER-CENTRED design How can we measure user experiences? survey users, goals & preferences card sorting build information architectures prototype interaction models personas reflect user groups wireframe site & page architecture interview users & stakeholders in context tree testing information architectures usability testing interaction & context
  • 21. How can we measure user experiences? interview users & stakeholders in context
  • 22. Outputs from UX practice wireframe site & page architecture
  • 23. What does this mean? Helps us BUILD THINGS Stop building USABLE WRONG THINGS CONCEPTUALISE what we are building FRAMEWORKS & benchmarks ANTICIPATE problems USER-CENTRED design
  • 24. The interface with development PRODUCT development PLATFORM development ACCESS management BESPOKE development FRONT-END development ORCID development USER-CENTRED design UX Andrea DESIGN Owen
  • 26. Previously ● Outsource visual design ● Tackle design or usability issues ourselves
  • 27. Having a unified design team will ● Create a feedback loop making things a little bit more iterative ● Solidify process
  • 28. A library of interface examples ● HTML prototypes ● (Eventually) a client facing version ● Scolaris re-design