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
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

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

What's hot (20)

Presentation to students ucd/ud/ur oct 2019
Presentation to students ucd/ud/ur oct 2019Presentation to students ucd/ud/ur oct 2019
Presentation to students ucd/ud/ur oct 2019
 
Ux process under kanban
Ux process under kanbanUx process under kanban
Ux process under kanban
 
The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User Interfaces
 
MIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXMIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UX
 
CNC presentation 7 2010a
CNC presentation 7 2010aCNC presentation 7 2010a
CNC presentation 7 2010a
 
UX & UI Design - Differentiate through design
UX & UI Design - Differentiate through designUX & UI Design - Differentiate through design
UX & UI Design - Differentiate through design
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
Practical UX
Practical UXPractical UX
Practical UX
 
Getting know ux design process for your startup
Getting know ux design process for your startupGetting know ux design process for your startup
Getting know ux design process for your startup
 
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UXDesain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
 
What is UI/UX and the Difference
What is UI/UX and the DifferenceWhat is UI/UX and the Difference
What is UI/UX and the Difference
 
Human Computer Interaction
  Human  Computer Interaction  Human  Computer Interaction
Human Computer Interaction
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Accessibility and ucd
Accessibility and ucdAccessibility and ucd
Accessibility and ucd
 
1810.mid1043.03
1810.mid1043.031810.mid1043.03
1810.mid1043.03
 
1810.mid1043.14
1810.mid1043.141810.mid1043.14
1810.mid1043.14
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation User Experience Design (UXD) Presentation
User Experience Design (UXD) Presentation
 
Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
 
Impact of Design Lanagauge
Impact of Design LanagaugeImpact of Design Lanagauge
Impact of Design Lanagauge
 

Similar to Future of interface design

The Science behind Good UIs and UXs
The Science behind Good UIs and UXsThe Science behind Good UIs and UXs
The Science behind Good UIs and UXs
Abdelrahman Othman Helal
 
TM112 Meeting5-Crossing boundaries.pptx
TM112 Meeting5-Crossing boundaries.pptxTM112 Meeting5-Crossing boundaries.pptx
TM112 Meeting5-Crossing boundaries.pptx
MohammedYusuf609377
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
MalathiKandagatla
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
MalathiKandagatla
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
MalathiKandagatla
 
A UX designer is concerned with the enti
A UX designer is concerned with the entiA UX designer is concerned with the enti
A UX designer is concerned with the enti
ROHISIVAM
 
Automated UI & UX Framework
Automated UI & UX FrameworkAutomated UI & UX Framework
Automated UI & UX Framework
IJARIIT
 
HCI NOTES.pdf
HCI NOTES.pdfHCI NOTES.pdf
HCI NOTES.pdf
Shankar92122
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
RiniyaMary
 
HCI : Activity 1
HCI : Activity 1 HCI : Activity 1
HCI : Activity 1
autamata4
 
User Experience Explained
User Experience ExplainedUser Experience Explained
User Experience Explained
Sameer dwivedi
 
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
 
User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction
ENGWAU TONNY
 
uiux.pptx
uiux.pptxuiux.pptx
uiux.pptx
KartikBhagwat5
 
HUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTION
shahrul aizat
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction DesignGraeme Smith
 
Man-Made Humans
Man-Made HumansMan-Made Humans
Man-Made Humans
YUJ Designs Pvt. Ltd.
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
Babajide Aroyewun
 
Advancements in Artificial intelligence
Advancements in  Artificial intelligenceAdvancements in  Artificial intelligence
Advancements in Artificial intelligence
punyapuharshitha
 

Similar to Future of interface design (20)

The Science behind Good UIs and UXs
The Science behind Good UIs and UXsThe Science behind Good UIs and UXs
The Science behind Good UIs and UXs
 
TM112 Meeting5-Crossing boundaries.pptx
TM112 Meeting5-Crossing boundaries.pptxTM112 Meeting5-Crossing boundaries.pptx
TM112 Meeting5-Crossing boundaries.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
Unit - 1 - HCI.pptx
Unit - 1 - HCI.pptxUnit - 1 - HCI.pptx
Unit - 1 - HCI.pptx
 
A UX designer is concerned with the enti
A UX designer is concerned with the entiA UX designer is concerned with the enti
A UX designer is concerned with the enti
 
Automated UI & UX Framework
Automated UI & UX FrameworkAutomated UI & UX Framework
Automated UI & UX Framework
 
HCI NOTES.pdf
HCI NOTES.pdfHCI NOTES.pdf
HCI NOTES.pdf
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docx
 
HCI : Activity 1
HCI : Activity 1 HCI : Activity 1
HCI : Activity 1
 
User Experience Explained
User Experience ExplainedUser Experience Explained
User Experience Explained
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
 
User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction User Interface Design_Csc2204_lecture 1_-_introduction
User Interface Design_Csc2204_lecture 1_-_introduction
 
uiux.pptx
uiux.pptxuiux.pptx
uiux.pptx
 
HUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTION
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 
UI/UX Design
UI/UX DesignUI/UX Design
UI/UX Design
 
Man-Made Humans
Man-Made HumansMan-Made Humans
Man-Made Humans
 
Understanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun BabajideUnderstanding UI/UX Design by Aroyewun Babajide
Understanding UI/UX Design by Aroyewun Babajide
 
Advancements in Artificial intelligence
Advancements in  Artificial intelligenceAdvancements in  Artificial intelligence
Advancements in Artificial intelligence
 

Recently uploaded

Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
farhanaslam79
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
aaryangarg12
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
GOWSIKRAJA PALANISAMY
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 

Recently uploaded (20)

Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Transforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting ProfitabilityTransforming Brand Perception and Boosting Profitability
Transforming Brand Perception and Boosting Profitability
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptxUNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
UNIT V ACTIONS AND COMMANDS, FORMS AND CONTROLS.pptx
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 

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
  • 7.
  • 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 todd.soulas.au@gmail.com