SlideShare a Scribd company logo
1 of 10
Download to read offline
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 2019Nick 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 InterfacesPlan
 
MIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXMIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXOxford 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 designDMI
 
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 DesignKoombea
 
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 startupDeska Setiawan Yusra
 
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 DifferenceVibloo
 
Human Computer Interaction
  Human  Computer Interaction  Human  Computer Interaction
Human Computer InteractionQuaziRossi
 
1810.mid1043.03
1810.mid1043.031810.mid1043.03
1810.mid1043.03vizualizer
 
1810.mid1043.14
1810.mid1043.141810.mid1043.14
1810.mid1043.14vizualizer
 
[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 principlesDzung Nguyen
 
Impact of Design Lanagauge
Impact of Design LanagaugeImpact of Design Lanagauge
Impact of Design LanagaugeRanjeet 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

TM112 Meeting5-Crossing boundaries.pptx
TM112 Meeting5-Crossing boundaries.pptxTM112 Meeting5-Crossing boundaries.pptx
TM112 Meeting5-Crossing boundaries.pptxMohammedYusuf609377
 
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 entiROHISIVAM
 
Automated UI & UX Framework
Automated UI & UX FrameworkAutomated UI & UX Framework
Automated UI & UX FrameworkIJARIIT
 
UI UX design.docx
UI UX design.docxUI UX design.docx
UI UX design.docxRiniyaMary
 
HCI : Activity 1
HCI : Activity 1 HCI : Activity 1
HCI : Activity 1 autamata4
 
User Experience Explained
User Experience ExplainedUser Experience Explained
User Experience ExplainedSameer dwivedi
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic AdvantageMichael 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
 
HUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTIONshahrul aizat
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction DesignGraeme Smith
 
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 BabajideBabajide Aroyewun
 
Advancements in Artificial intelligence
Advancements in  Artificial intelligenceAdvancements in  Artificial intelligence
Advancements in Artificial intelligencepunyapuharshitha
 

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

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 

Recently uploaded (20)

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 

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