Online HCI and UX Online Seminars organised by Interacting with Computers and British Computer Society Interaction Specialist Group, 23rd May 2022 https://alandix.com/academic/talks/HCIUXseminar-2022/ Every interaction with a digital device is set in some form of physical and human context, and yet the most commonly used tools for UX design are focused purely on the screen. Rather than being a scaffold to build better interfaces, wireframes can feel like the barriers in a cattle ranch, herding us towards a small range of design options, looking inwards towards the device rather than outwards towards our users. The situation is even more difficult when we want to design interactions that involve other senses, such as sound, smells, and touch; or new forms of interaction, such as flexible displays, autonomous cars, smart buildings, and digital fabrication. In this talk I’ll describe both some of my own personal journey and the InContext project that is thinking about more wholistic tools for design that incorporate rich context, multiple modalities, and end-to-end connections between design and development. The talk will outline both our own thinking and outcomes from a series of InContext workshops, most recently at CHI 2022. We do not have answers to all the open questions, but I will also demonstrate several early prototypes addressing different facets of design that are underrepresented in current generation design tools. Most important, I hope that this will open up a roadmap of ideas that others may also follow to create better tools for the next generation of UX designers and developers.

1. Seminar
Series 2022
What Next for UX Tools:
from screens to smells, from sketch to code,
supporting design for rich interactions
Alan Dix
https://alandix.com/ https://hcibook.net/incontext/
@alanjohndix @CompFoundry

2. Seminar
Series 2022
next generation UX tools
current
state of
the art
new methods and tools
for existing interactions
tools for
new interactions
physical–digital devices
audio, spatial, intelligent
broader context, tool integration,
connecting to developers

3. Seminar
Series 2022
InContext
investigate
what is being used?
what next?
build
envisionments
and prototypes
teach
importance of context
in UX deisgn

4. Seminar
Series 2022
InContext Team
Anna Carter
Miriam Sturdee
Alan Dix

5. Seminar
Series 2022
Wider Team for
CHI 2022 InContext
Workshop

6. Seminar
Series 2022
not just the screen
https://commons.wikimedia.org/wiki/File:Cat_stares_at_itself_on_computer_monitor.jpg
https://commons.wikimedia.org/wiki/File:Indoor_location_services_on_mobile_phone_(10928087126).jpg

7. Seminar
Series 2022
context matters
https://pixnio.com/media/umbrella-rain-pedestrian-women-walking
https://commons.wikimedia.org/wiki/File:Young_people_in_Hong_Kong_using_smartphones_whilst_walking.png
https://tireetechwave.org/

8. Seminar
Series 2022

9. Seminar
Series 2022

10. Seminar
Series 2022

11. Seminar
Series 2022
do we need new UX tools?
loads of tools
of lots of different kinds
so what’s the problem?
https://commons.wikimedia.org/wiki/File:Wlm_flows_draft4_2.png

12. Seminar
Series 2022
UX Design Tools Survey 2021 with 3000+ users
HTTPS://UXTOOLS.CO/SURVEY-2021/

13. Seminar
Series 2022
Types of prototype

14. Seminar
Series 2022
Current tool usage

15. Seminar
Series 2022
Figma
SKETCH
ADOBE XD

16. Seminar
Series 2022
beyond the wireframe …
scaffolding new designers
including rich context
enabling different modalities
https://commons.wikimedia.org/wiki/File:Wlm_flows_draft4_2.png

17. Seminar
Series 2022
investigate
what is being used?
what next?

18. Seminar
Series 2022
remote workshops

19. Seminar
Series 2022
CHI Workshop
Photos:
Konstantin Aal
University of Siegen

20. Seminar
Series 2022
preliminary outcomes …
• integrate multiple UX designs and stages
• multi-modal and physical interactions as standard
• bridge the 'gap’ between design and development

21. Seminar
Series 2022
build
envisionments
and prototypes

22. Seminar
Series 2022
tinkering at the edges

23. Seminar
Series 2022
physical interactions
https://www.wales247.co.uk/digital-technology-gives-view-of-future-as-part-of-1bn-swansea-regeneration

24. Seminar
Series 2022
PhysProto
physical prototyping using video

25. Seminar
Series 2022
behind the scenes

26. Seminar
Series 2022
storyboard designs with context

27. Seminar
Series 2022
ScenarioViewer
screens in context

28. Seminar
Series 2022
behind the scenes
transform: matrix3d(0.208836, 0.0683259, 0,
-1.8007e-05, 0.0132405, 0.187365, 0,
1.29374e-05, 0, 0, 1, 0, 840, 175, 0, 1);

29. Seminar
Series 2022
what next?
workshops => roadmap
senses beyond sight
links to service design
context sketching made easy
early-stage data and architecture
integration … beyond 1970’s filesystem
maybe something for you?
https://commons.wikimedia.org/wiki/File:Bouquet_of_3_Roses.svg