What are user experiences and how can we design them optimally? Why does UX matter and how does it interface with software development? And what does a unified design approach mean for front-end development at Semantico?

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)

9. user
EXPERIENCE
design
Designing experiences for users
USER-CENTRED design

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?

19. Usability v. usefulness
usability
usefulness

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

25. Front-end development

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