SlideShare a Scribd company logo
TECHLAUNCHER | MARCH 2018
The Future of Interface Design
Copyright	©	2018	Todd	Soulas.	All	rights	reserved.
The User Interface (UI) is the dimension that lies
between humans and machines. It is the plane of
interaction between the operator and the device (or
software).
Alternatively put – the (UI) is the connection point
between your technical solution and the user – it is the
means by which you connect users to value.
The way that this has occurred has changed over time
as we shifted from a hardware focus to a mixture of
hardware and software.
We leapt from behind mechanical levers, into
pneumatic tubes and punch cards, to command line
interfaces, and landed in a sea of GUI.
The
point A User Interface connects users with the value
of your solution
Beyond the concept of UI itself there are two other important concepts to keep in mind when
designing technical solutions
User Interface Design
• User Interface Design is the intentional composition
of elements on a device in which a user interacts
with.
• The main considerations when designing for UI are
maximization of usability (the measurement of ease
and learnability of an interface) and user experience
(the user’s response to their interaction with the
interface).
• These concepts are important to keep in mind,
because machines are, in most cases (at present
anyway), made by people, for people.
Graphical User Interface
• A Graphical User Interface, or GUI, allows users to
interact with a computer through secondary
interactions, such as icons and input fields, as
opposed to learning command-line interfaces (CLIs),
which today we would call “coding”.
• This technology can be seen as a step change in the
history of human-machine interaction as it essentially
democratised access to computers.
• Whilst a GUI is still the dominant form of interaction
with computers this is changing – and those building
new technical solutions need to be aware of that.
Take
note
No matter how many features or how advanced and precise you want your solution to be
remember - bad UI can destroy lives
Please
no
Before you design - research what is out there, look at competitors, ‘Google it’, or do what I do
for almost everything, and go search ProductHunt (and sometimes Medium)
First
step
So
what?
The landscape
• Screens dominate our current approach to UI but
that is changing.
• ’Good’ companies are becoming more ‘design-led’
than ‘engineering-led’ and this applies in areas
outside of tech.
• On the precipice of an explosion in UI due to the
growth in platforms such as voice and AR/VR.
Tips for young players
• Good design is expected and there are a plethora of
tools to help you achieve this.
• There is a clear distinction between aesthetics and
good User Interface Design make sure you invest
your limited resources wisely.
• UI and UX are related but not the same. Each has a
special place in building great products.
As technology has advanced and many solutions have become commodity-like in nature there
has been a shift to highlight the importance of design
Future of interface design
STRUCTURED
FIXED
CONSISTENT
OBVIOUS
DESIGNED
DYNAMIC
EVERYWHERE
BESPOKE
INVISIBLE
ORGANIC?
What’s
next? GUI democratised technology and shaped the direction of human-machine interaction for
decades – Voice User Interfaces can go further
What does tomorrow look like?
• Voice User Interfaces (VUI) are already here albeit in
primitive form.
• Human-machine interaction becoming ‘invisible’ due
to VUI and computer-brain interfaces but living on in
our minds.
• Will machine-machine interaction change in nature
to resemble human-machine interaction?
Why should you care?
• You need to consider if your technical solutions can
coexist with alternative UI concepts and multiple
points of interaction
• You need to think about how to design for user
interaction in a post GUI world.
• Understanding the possibilities of UI can unlock new
value propositions (consider VUI v GUI).
Todd Soulas
+61 404 047 844
twitter.com/toddsoulas
linkedin.com/in/toddsoulas
todd.soulas.au@gmail.com

More Related Content

What's hot (20)

PPTX
Presentation to students ucd/ud/ur oct 2019
Nick Richmond
 
PPTX
Ux process under kanban
Gene Timmons
 
PDF
The Future of User Interfaces
Plan
 
PDF
MIT Enterprise Forum: Billion Dollar UX
Oxford Tech + UX
 
PDF
CNC presentation 7 2010a
philip_langton
 
PDF
UX & UI Design - Differentiate through design
DMI
 
PDF
Simple Steps to UX/UI Web Design
Koombea
 
PPTX
Practical UX
Ahmed Hussam
 
PDF
Getting know ux design process for your startup
Deska Setiawan Yusra
 
PDF
Desain Grafis 4 - UI/UX
Nur Fadli Utomo
 
PDF
What is UI/UX and the Difference
Vibloo
 
PPTX
Human Computer Interaction
QuaziRossi
 
PDF
UI UX in depth
Shrestha Raaz
 
PPTX
Accessibility and ucd
Shyamala Prayaga
 
PPTX
1810.mid1043.03
vizualizer
 
PPTX
1810.mid1043.14
vizualizer
 
PDF
[I3 d]04 interactivity
jylee_kgit
 
PPTX
User Experience Design (UXD) Presentation
Matt Artz
 
PPTX
Ui ux designing principles
Dzung Nguyen
 
PDF
Impact of Design Lanagauge
Ranjeet Tayi
 
Presentation to students ucd/ud/ur oct 2019
Nick Richmond
 
Ux process under kanban
Gene Timmons
 
The Future of User Interfaces
Plan
 
MIT Enterprise Forum: Billion Dollar UX
Oxford Tech + UX
 
CNC presentation 7 2010a
philip_langton
 
UX & UI Design - Differentiate through design
DMI
 
Simple Steps to UX/UI Web Design
Koombea
 
Practical UX
Ahmed Hussam
 
Getting know ux design process for your startup
Deska Setiawan Yusra
 
Desain Grafis 4 - UI/UX
Nur Fadli Utomo
 
What is UI/UX and the Difference
Vibloo
 
Human Computer Interaction
QuaziRossi
 
UI UX in depth
Shrestha Raaz
 
Accessibility and ucd
Shyamala Prayaga
 
1810.mid1043.03
vizualizer
 
1810.mid1043.14
vizualizer
 
[I3 d]04 interactivity
jylee_kgit
 
User Experience Design (UXD) Presentation
Matt Artz
 
Ui ux designing principles
Dzung Nguyen
 
Impact of Design Lanagauge
Ranjeet Tayi
 

Similar to Future of interface design (20)

PPTX
The Science behind Good UIs and UXs
Abdelrahman Othman Helal
 
PPTX
TM112 Meeting5-Crossing boundaries.pptx
MohammedYusuf609377
 
PPTX
Unit - 1 - HCI.pptx
MalathiKandagatla
 
PPTX
Unit - 1 - HCI.pptx
MalathiKandagatla
 
PPTX
Unit - 1 - HCI.pptx
MalathiKandagatla
 
PPTX
A UX designer is concerned with the enti
ROHISIVAM
 
PDF
Automated UI & UX Framework
IJARIIT
 
PDF
HCI NOTES.pdf
Shankar92122
 
DOCX
UI UX design.docx
RiniyaMary
 
PPTX
HCI : Activity 1
autamata4
 
PPTX
User Experience Explained
Sameer dwivedi
 
PPT
User Experience as a Strategic Advantage
Michael Dubakov
 
PDF
User Interface Design_Csc2204_lecture 1_-_introduction
ENGWAU TONNY
 
PPTX
uiux.pptx
KartikBhagwat5
 
PPTX
HUMAN COMPUTER INTERACTION
shahrul aizat
 
PPT
What Is Interaction Design
Graeme Smith
 
PPTX
UI/UX Design
sumit singh
 
PDF
Man-Made Humans
YUJ Designs Pvt. Ltd.
 
PDF
Understanding UI/UX Design by Aroyewun Babajide
Babajide Aroyewun
 
PPTX
Advancements in Artificial intelligence
punyapuharshitha
 
The Science behind Good UIs and UXs
Abdelrahman Othman Helal
 
TM112 Meeting5-Crossing boundaries.pptx
MohammedYusuf609377
 
Unit - 1 - HCI.pptx
MalathiKandagatla
 
Unit - 1 - HCI.pptx
MalathiKandagatla
 
Unit - 1 - HCI.pptx
MalathiKandagatla
 
A UX designer is concerned with the enti
ROHISIVAM
 
Automated UI & UX Framework
IJARIIT
 
HCI NOTES.pdf
Shankar92122
 
UI UX design.docx
RiniyaMary
 
HCI : Activity 1
autamata4
 
User Experience Explained
Sameer dwivedi
 
User Experience as a Strategic Advantage
Michael Dubakov
 
User Interface Design_Csc2204_lecture 1_-_introduction
ENGWAU TONNY
 
uiux.pptx
KartikBhagwat5
 
HUMAN COMPUTER INTERACTION
shahrul aizat
 
What Is Interaction Design
Graeme Smith
 
UI/UX Design
sumit singh
 
Man-Made Humans
YUJ Designs Pvt. Ltd.
 
Understanding UI/UX Design by Aroyewun Babajide
Babajide Aroyewun
 
Advancements in Artificial intelligence
punyapuharshitha
 
Ad

Recently uploaded (20)

PDF
hees101.pdfyyyyyuywgbzhdtehwytjeyktweyga
pratap1004
 
PPTX
Demand Management is the ufbsidfnss.pptx
pparthmurdeshwar
 
PPTX
Artificial Intelligence presentation.pptx
snehajana651
 
PDF
ornament making and its material used for.pdf
departmentofcdft
 
PDF
Ggggggggggggggggggggroup singing.pdf.pdf
nadifalrazi3
 
PDF
Dunes.pdf, Durable and Seamless Solid Surface Countertops
tranquil01
 
PPTX
Design & Thinking for Engineering graduates
NEELAMRAWAT48
 
PPTX
700315768-Linguistic-Connnnnnnnnntext.pptx
rossanthonytan1
 
PPTX
Mini-Project description of design of expert project
peter349484
 
PPTX
UIUX-Design-Enhancing-Digital-Experiences.pptx
kapilsolanki439
 
PDF
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
PDF
Line Sizing presentation about pipe sizes
anniebuzzfeed
 
PDF
First-Aid.pdfjavaghavavgahavavavbabavabba
meitohehe
 
PDF
Fashion project1 kebaya reimagined slideshow
reysultane
 
DOCX
Amplopxxxxxxxxxvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Lm Hardin 'Idin'
 
PDF
PowerPoint Presentation -- Jennifer Kyte -- 9786400311489 -- ade9381d14f65b06...
Adeel452922
 
PPTX
Lesson 2 Application of Induced current.pptx
hananmahjoob18
 
PPTX
VERTICAL TRANSPORTATION SYSTEMS.pptxhvcvcvvdh
jp0718076
 
PDF
Fashion Design Portfolio Berta Villanueva
BertaVillanueva
 
PPTX
confluence of tradition in modernity- design approaches and design thinking
madhuvidya7
 
hees101.pdfyyyyyuywgbzhdtehwytjeyktweyga
pratap1004
 
Demand Management is the ufbsidfnss.pptx
pparthmurdeshwar
 
Artificial Intelligence presentation.pptx
snehajana651
 
ornament making and its material used for.pdf
departmentofcdft
 
Ggggggggggggggggggggroup singing.pdf.pdf
nadifalrazi3
 
Dunes.pdf, Durable and Seamless Solid Surface Countertops
tranquil01
 
Design & Thinking for Engineering graduates
NEELAMRAWAT48
 
700315768-Linguistic-Connnnnnnnnntext.pptx
rossanthonytan1
 
Mini-Project description of design of expert project
peter349484
 
UIUX-Design-Enhancing-Digital-Experiences.pptx
kapilsolanki439
 
Zidane ben hmida _ Portfolio
Zidane Ben Hmida
 
Line Sizing presentation about pipe sizes
anniebuzzfeed
 
First-Aid.pdfjavaghavavgahavavavbabavabba
meitohehe
 
Fashion project1 kebaya reimagined slideshow
reysultane
 
Amplopxxxxxxxxxvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Lm Hardin 'Idin'
 
PowerPoint Presentation -- Jennifer Kyte -- 9786400311489 -- ade9381d14f65b06...
Adeel452922
 
Lesson 2 Application of Induced current.pptx
hananmahjoob18
 
VERTICAL TRANSPORTATION SYSTEMS.pptxhvcvcvvdh
jp0718076
 
Fashion Design Portfolio Berta Villanueva
BertaVillanueva
 
confluence of tradition in modernity- design approaches and design thinking
madhuvidya7
 
Ad

Future of interface design

  • 1. TECHLAUNCHER | MARCH 2018 The Future of Interface Design Copyright © 2018 Todd Soulas. All rights reserved.
  • 2. The User Interface (UI) is the dimension that lies between humans and machines. It is the plane of interaction between the operator and the device (or software). Alternatively put – the (UI) is the connection point between your technical solution and the user – it is the means by which you connect users to value. The way that this has occurred has changed over time as we shifted from a hardware focus to a mixture of hardware and software. We leapt from behind mechanical levers, into pneumatic tubes and punch cards, to command line interfaces, and landed in a sea of GUI. The point A User Interface connects users with the value of your solution
  • 3. Beyond the concept of UI itself there are two other important concepts to keep in mind when designing technical solutions User Interface Design • User Interface Design is the intentional composition of elements on a device in which a user interacts with. • The main considerations when designing for UI are maximization of usability (the measurement of ease and learnability of an interface) and user experience (the user’s response to their interaction with the interface). • These concepts are important to keep in mind, because machines are, in most cases (at present anyway), made by people, for people. Graphical User Interface • A Graphical User Interface, or GUI, allows users to interact with a computer through secondary interactions, such as icons and input fields, as opposed to learning command-line interfaces (CLIs), which today we would call “coding”. • This technology can be seen as a step change in the history of human-machine interaction as it essentially democratised access to computers. • Whilst a GUI is still the dominant form of interaction with computers this is changing – and those building new technical solutions need to be aware of that. Take note
  • 4. No matter how many features or how advanced and precise you want your solution to be remember - bad UI can destroy lives Please no
  • 5. Before you design - research what is out there, look at competitors, ‘Google it’, or do what I do for almost everything, and go search ProductHunt (and sometimes Medium) First step
  • 6. So what? The landscape • Screens dominate our current approach to UI but that is changing. • ’Good’ companies are becoming more ‘design-led’ than ‘engineering-led’ and this applies in areas outside of tech. • On the precipice of an explosion in UI due to the growth in platforms such as voice and AR/VR. Tips for young players • Good design is expected and there are a plethora of tools to help you achieve this. • There is a clear distinction between aesthetics and good User Interface Design make sure you invest your limited resources wisely. • UI and UX are related but not the same. Each has a special place in building great products. As technology has advanced and many solutions have become commodity-like in nature there has been a shift to highlight the importance of design
  • 9. What’s next? GUI democratised technology and shaped the direction of human-machine interaction for decades – Voice User Interfaces can go further What does tomorrow look like? • Voice User Interfaces (VUI) are already here albeit in primitive form. • Human-machine interaction becoming ‘invisible’ due to VUI and computer-brain interfaces but living on in our minds. • Will machine-machine interaction change in nature to resemble human-machine interaction? Why should you care? • You need to consider if your technical solutions can coexist with alternative UI concepts and multiple points of interaction • You need to think about how to design for user interaction in a post GUI world. • Understanding the possibilities of UI can unlock new value propositions (consider VUI v GUI).
  • 10. Todd Soulas +61 404 047 844 twitter.com/toddsoulas linkedin.com/in/toddsoulas [email protected]