SlideShare une entreprise Scribd logo
1  sur  8
Making experience more interactive
and entertaining with
Touch, Touch-free & Beyond
Kiran Challa
Touch First Design – Redefining ‘Touch-friendly’ interaction design
The usage of touch-enabled devices started a few years back and it has
become very popular these days. Without these devices it is hard ‘to live’ or
‘to think’ and it has become a part of our lives. People depend on them every
day for all sort of information and for communication. Different user groups
interact using different types of touch-enabled devices based on their
preferences, usage, comfort and lifestyle.
Companies these days plan with utmost care so that their business is
accessible from all screen sizes right from mobiles to desktop making it more
user friendly and getting it run seamlessly on the devices used by their
customers. With many alternative solutions customers can easily switch
providers if not satisfied, and retaining customers is the most difficult task in
today’s business.
Let’s say, if the screen size and interaction controls are small, it will be difficult
for a user to tap on it. If it is large, then it will be easier to tap but these
controls would occupy more space and leave less space for the content. This
needs to be planned on the basis of ‘what’ and ‘how’, to present content for
different devices.
Different device manufacturers have given suggestions on target sizes. These
target sizes are neither consistent with each other nor consistent with the
actual size of the human finger. Research studies say that the average width of
the index finger is 1.6 to 2 cm (16 – 20 mm) for most adults. This converts to
45 – 57 pixels, which is wider than what most mobile guidelines suggest. So
what is the solution? DESIGN for TOUCH!
Designing for touch means designing for fingers. Every touch target has to be
large enough to interact with and should be clearly divided without touching
accidentally on something else. (Recommended: 44px, Minimum: 32px). And if
it is text links, give a minimum invisible tap area to interact (Recommended:
44px).
Gestures (scroll, swipe, zoom and rotate) are primarily accessible to hand
movements to provide fascinating and immersive interaction experience while
doing tasks. Gestures are commonly linked to animation effects to showcase
the status and visual feedback of the action performed.
If it is a mobile browser, at times, native controls take over and may cause
conflicts in gestures. In order to avoid that, an alternative tap or click action
has to be given to interact. Thus, keeping the design simple, consistent, easy
to recognize and use.
Touch Free Design – Redefining ‘Touch-free’ interaction design
Humans naturally use gestures or gestures with voice to communicate with
others. Humans can also communicate with machines where no physical
contact is required. Gesture recognition software enables to communicate
with a machine (Human Machine Interaction) more naturally.
Touch free gestures are the natural body movements used as command to
operate machines which include movement of hand, finger, face, eye and
body to navigate the wide array of content with scroll, rotate, zoom, volume,
flip, change of channels, stop, pause, or play a video etc.
Gestures Interactions
Gesture recognition and motion tracking applications are running on
smartphones, tablets, PCs, TVs, gaming consoles and household devices. The
adoption of gesture recognition is increasing and expected to be used more in
sectors like Automotive, Entertainment, Transport, Defense, Healthcare, Retail,
etc.
Speech Interactions
Speech interaction is an enjoyable way to interact with application replacing
keyboard, mouse, touch and gestures. Speech recognition software converts
words spoken by the user into web search, text for form input, to specify an
action to accomplish a task.
Conversational UI’s – are the applications built with artificial intelligence called
as chatbots or invisible apps that no longer have graphical interfaces. Many
companies in the mobile space have their own apps like Apple has Siri, Google
has OK Google, Facebook has M, Amazon has Echo, Microsoft has Cortana and
so on.
By using specific commands, you can tell a system what it needs to do like
buying tickets, booking hotel, order food etc. The Interface just imitates chatting
or does things just like a real human. Going forth conversational interface will
change the way we use technology.
It is important to learn and adopt new technologies to bring in a new level of
convenience to customers.
Thank You

Contenu connexe

Tendances

Shift Money 2019 - Next-level UX powered by AI - Jelena Svraka (Microblink)
Shift Money 2019 - Next-level UX powered by AI - Jelena Svraka (Microblink)Shift Money 2019 - Next-level UX powered by AI - Jelena Svraka (Microblink)
Shift Money 2019 - Next-level UX powered by AI - Jelena Svraka (Microblink)Shift Conference
 
Mobile presentation-shweiki
Mobile presentation-shweikiMobile presentation-shweiki
Mobile presentation-shweikiSteve Viner
 
Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021Kelly Ston
 
UX: Now & Next
UX: Now & NextUX: Now & Next
UX: Now & NextRobert Hsu
 
Quick Breakdown of Mobients Services
Quick Breakdown of Mobients ServicesQuick Breakdown of Mobients Services
Quick Breakdown of Mobients Servicesmattheweperry74
 
Why Does a UI Matters?
Why Does a UI Matters?Why Does a UI Matters?
Why Does a UI Matters?NotifyVisitors
 
Hot Topics in 2014
Hot Topics in 2014Hot Topics in 2014
Hot Topics in 2014Posterscope
 
Wou Intro To Usability Jandrzejewski
Wou Intro To Usability JandrzejewskiWou Intro To Usability Jandrzejewski
Wou Intro To Usability Jandrzejewskiworldofusability
 
Do’s and don’ts for a successful UX design
Do’s and don’ts for a successful UX designDo’s and don’ts for a successful UX design
Do’s and don’ts for a successful UX designSiva Prasadh G
 
7 Application Engagement Techniques
7 Application Engagement Techniques7 Application Engagement Techniques
7 Application Engagement TechniquesCodal
 
Customer engagement
Customer engagementCustomer engagement
Customer engagementdfarrimond
 
Top web design and ui trends for 2021
Top web design and ui trends for 2021Top web design and ui trends for 2021
Top web design and ui trends for 2021WebConnect Pvt Ltd
 
Sentinel report q4 2015
Sentinel report   q4 2015Sentinel report   q4 2015
Sentinel report q4 2015Globant
 
The New Era of Customer Service
The New Era of Customer ServiceThe New Era of Customer Service
The New Era of Customer ServiceNathan Coutinho
 
Mobile Strategies That Work - ServiceNow - July 2013
Mobile Strategies That Work - ServiceNow - July 2013Mobile Strategies That Work - ServiceNow - July 2013
Mobile Strategies That Work - ServiceNow - July 2013PeopleReign, Inc.
 
J Schwan
J SchwanJ Schwan
J SchwandaveGBE
 

Tendances (20)

Shift Money 2019 - Next-level UX powered by AI - Jelena Svraka (Microblink)
Shift Money 2019 - Next-level UX powered by AI - Jelena Svraka (Microblink)Shift Money 2019 - Next-level UX powered by AI - Jelena Svraka (Microblink)
Shift Money 2019 - Next-level UX powered by AI - Jelena Svraka (Microblink)
 
Mobile presentation-shweiki
Mobile presentation-shweikiMobile presentation-shweiki
Mobile presentation-shweiki
 
Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021Ui ux design trends that will dominate in 2021
Ui ux design trends that will dominate in 2021
 
UX: Now & Next
UX: Now & NextUX: Now & Next
UX: Now & Next
 
Mobile and Online Integration
Mobile and Online IntegrationMobile and Online Integration
Mobile and Online Integration
 
Quick Breakdown of Mobients Services
Quick Breakdown of Mobients ServicesQuick Breakdown of Mobients Services
Quick Breakdown of Mobients Services
 
Why Does a UI Matters?
Why Does a UI Matters?Why Does a UI Matters?
Why Does a UI Matters?
 
Responsive design
Responsive designResponsive design
Responsive design
 
Ui design by mhm
Ui design by mhmUi design by mhm
Ui design by mhm
 
Hot Topics in 2014
Hot Topics in 2014Hot Topics in 2014
Hot Topics in 2014
 
Wou Intro To Usability Jandrzejewski
Wou Intro To Usability JandrzejewskiWou Intro To Usability Jandrzejewski
Wou Intro To Usability Jandrzejewski
 
Do’s and don’ts for a successful UX design
Do’s and don’ts for a successful UX designDo’s and don’ts for a successful UX design
Do’s and don’ts for a successful UX design
 
7 Application Engagement Techniques
7 Application Engagement Techniques7 Application Engagement Techniques
7 Application Engagement Techniques
 
Customer engagement
Customer engagementCustomer engagement
Customer engagement
 
Top web design and ui trends for 2021
Top web design and ui trends for 2021Top web design and ui trends for 2021
Top web design and ui trends for 2021
 
Sentinel report q4 2015
Sentinel report   q4 2015Sentinel report   q4 2015
Sentinel report q4 2015
 
The New Era of Customer Service
The New Era of Customer ServiceThe New Era of Customer Service
The New Era of Customer Service
 
Socialpoint Social Media Wall Module Overview
Socialpoint Social Media Wall Module OverviewSocialpoint Social Media Wall Module Overview
Socialpoint Social Media Wall Module Overview
 
Mobile Strategies That Work - ServiceNow - July 2013
Mobile Strategies That Work - ServiceNow - July 2013Mobile Strategies That Work - ServiceNow - July 2013
Mobile Strategies That Work - ServiceNow - July 2013
 
J Schwan
J SchwanJ Schwan
J Schwan
 

En vedette

Voice Design Coaching programa Voice Design Branding
Voice Design Coaching   programa Voice Design BrandingVoice Design Coaching   programa Voice Design Branding
Voice Design Coaching programa Voice Design BrandingVoice Design Institute
 
Understanding Voice User Interface Design
Understanding Voice User Interface DesignUnderstanding Voice User Interface Design
Understanding Voice User Interface DesignPronexus
 
Natural User Interface Demo based on - 3D Brick Game using Kinect
Natural User Interface Demo based on - 3D Brick Game using KinectNatural User Interface Demo based on - 3D Brick Game using Kinect
Natural User Interface Demo based on - 3D Brick Game using KinectNitesh Bhatia
 
Designing Voice-Driven Game Experiences | Dave Isbitski
Designing Voice-Driven Game Experiences | Dave IsbitskiDesigning Voice-Driven Game Experiences | Dave Isbitski
Designing Voice-Driven Game Experiences | Dave IsbitskiJessica Tams
 
NUI - Natural User Interfaces: nur ein Hype oder die nächste Stufe der Intera...
NUI - Natural User Interfaces: nur ein Hype oder die nächste Stufe der Intera...NUI - Natural User Interfaces: nur ein Hype oder die nächste Stufe der Intera...
NUI - Natural User Interfaces: nur ein Hype oder die nächste Stufe der Intera...Ralf Kienzler
 
How Natural User Interfaces are changing Human Computer Interaction
How Natural User Interfaces are changing Human Computer InteractionHow Natural User Interfaces are changing Human Computer Interaction
How Natural User Interfaces are changing Human Computer InteractionMarco Silva
 
UX Capabilities Presentation
UX Capabilities PresentationUX Capabilities Presentation
UX Capabilities PresentationLaurel Tripp
 
Ride the Wave of Conversational UX
Ride the Wave of Conversational UXRide the Wave of Conversational UX
Ride the Wave of Conversational UXSolstice
 
UX Berlin about Movie Her and the future of Voice Interfaces
UX Berlin about Movie Her and the future of Voice InterfacesUX Berlin about Movie Her and the future of Voice Interfaces
UX Berlin about Movie Her and the future of Voice InterfacesReto Laemmler
 
Natural User Interface Workshop
Natural User Interface WorkshopNatural User Interface Workshop
Natural User Interface WorkshopStephen Gay
 
NUI WARS: Kinect vs Structure vs Leap vs RealSense vs Myo
NUI WARS: Kinect vs Structure vs Leap vs RealSense vs MyoNUI WARS: Kinect vs Structure vs Leap vs RealSense vs Myo
NUI WARS: Kinect vs Structure vs Leap vs RealSense vs MyoVangos Pterneas
 
Future voice experience 2024
Future voice experience 2024Future voice experience 2024
Future voice experience 2024Martin Geddes
 
Conversational apps UX best practices
Conversational apps UX best practicesConversational apps UX best practices
Conversational apps UX best practicesMatthieu Varagnat
 
Voice Driven User Interface Design
Voice Driven User Interface DesignVoice Driven User Interface Design
Voice Driven User Interface DesignEngine Neer
 
Converations on conversational Ux
Converations on conversational UxConverations on conversational Ux
Converations on conversational UxTitash Neogi
 
Use Cases for Voice User Interface
Use Cases for Voice User InterfaceUse Cases for Voice User Interface
Use Cases for Voice User InterfaceStefan Ostwald
 
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI worldStephen Gay
 

En vedette (20)

Ux presentation
Ux presentationUx presentation
Ux presentation
 
Voice Design Coaching programa Voice Design Branding
Voice Design Coaching   programa Voice Design BrandingVoice Design Coaching   programa Voice Design Branding
Voice Design Coaching programa Voice Design Branding
 
Understanding Voice User Interface Design
Understanding Voice User Interface DesignUnderstanding Voice User Interface Design
Understanding Voice User Interface Design
 
Natural User Interface Demo based on - 3D Brick Game using Kinect
Natural User Interface Demo based on - 3D Brick Game using KinectNatural User Interface Demo based on - 3D Brick Game using Kinect
Natural User Interface Demo based on - 3D Brick Game using Kinect
 
Designing Voice-Driven Game Experiences | Dave Isbitski
Designing Voice-Driven Game Experiences | Dave IsbitskiDesigning Voice-Driven Game Experiences | Dave Isbitski
Designing Voice-Driven Game Experiences | Dave Isbitski
 
NUI - Natural User Interfaces: nur ein Hype oder die nächste Stufe der Intera...
NUI - Natural User Interfaces: nur ein Hype oder die nächste Stufe der Intera...NUI - Natural User Interfaces: nur ein Hype oder die nächste Stufe der Intera...
NUI - Natural User Interfaces: nur ein Hype oder die nächste Stufe der Intera...
 
How Natural User Interfaces are changing Human Computer Interaction
How Natural User Interfaces are changing Human Computer InteractionHow Natural User Interfaces are changing Human Computer Interaction
How Natural User Interfaces are changing Human Computer Interaction
 
UX Capabilities Presentation
UX Capabilities PresentationUX Capabilities Presentation
UX Capabilities Presentation
 
Ride the Wave of Conversational UX
Ride the Wave of Conversational UXRide the Wave of Conversational UX
Ride the Wave of Conversational UX
 
UX Berlin about Movie Her and the future of Voice Interfaces
UX Berlin about Movie Her and the future of Voice InterfacesUX Berlin about Movie Her and the future of Voice Interfaces
UX Berlin about Movie Her and the future of Voice Interfaces
 
Natural User Interface Workshop
Natural User Interface WorkshopNatural User Interface Workshop
Natural User Interface Workshop
 
Voice Driven Type Design
Voice Driven Type DesignVoice Driven Type Design
Voice Driven Type Design
 
NUI WARS: Kinect vs Structure vs Leap vs RealSense vs Myo
NUI WARS: Kinect vs Structure vs Leap vs RealSense vs MyoNUI WARS: Kinect vs Structure vs Leap vs RealSense vs Myo
NUI WARS: Kinect vs Structure vs Leap vs RealSense vs Myo
 
Future voice experience 2024
Future voice experience 2024Future voice experience 2024
Future voice experience 2024
 
Natural user interface
Natural user interfaceNatural user interface
Natural user interface
 
Conversational apps UX best practices
Conversational apps UX best practicesConversational apps UX best practices
Conversational apps UX best practices
 
Voice Driven User Interface Design
Voice Driven User Interface DesignVoice Driven User Interface Design
Voice Driven User Interface Design
 
Converations on conversational Ux
Converations on conversational UxConverations on conversational Ux
Converations on conversational Ux
 
Use Cases for Voice User Interface
Use Cases for Voice User InterfaceUse Cases for Voice User Interface
Use Cases for Voice User Interface
 
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
Evangelizing and Designing Voice User Interface: Adopting VUI in a GUI world
 

Similaire à Touch first and touch free designs

UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?DariaPersell
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile SolutionsDMI
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!Jayan Narayanan
 
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01Vera Kovaleva
 
UX design presentation
UX design presentationUX design presentation
UX design presentationAjanthan M
 
User interface design for touch screen displays
User interface design for touch screen displaysUser interface design for touch screen displays
User interface design for touch screen displaysNew Vision Display
 
Technical Report.docx
Technical Report.docxTechnical Report.docx
Technical Report.docxAbiola57
 
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdfMobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdfWebGuru Infosystems Pvt. Ltd.
 
2015 05 NO INTERFACE
2015 05 NO INTERFACE2015 05 NO INTERFACE
2015 05 NO INTERFACETrendWatching
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experienceIBM Software India
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX DesignEffectiveUI
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX DesignEffective
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Jessie Doan
 
Intel - Touch Devices for Business
Intel - Touch Devices for Business Intel - Touch Devices for Business
Intel - Touch Devices for Business Intel IT Center
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Vani Jain
 
My Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignMy Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignShyamala Prayaga
 
enhancing-user-experience-through-effective-interaction-design-20231012223329...
enhancing-user-experience-through-effective-interaction-design-20231012223329...enhancing-user-experience-through-effective-interaction-design-20231012223329...
enhancing-user-experience-through-effective-interaction-design-20231012223329...scaphel1
 
Whitepaper: 5 Reasons to Use Touch Screen Tables
Whitepaper: 5 Reasons to Use Touch Screen TablesWhitepaper: 5 Reasons to Use Touch Screen Tables
Whitepaper: 5 Reasons to Use Touch Screen Tableseyefactive GmbH
 

Similaire à Touch first and touch free designs (20)

UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
Jayannarayanan uxdesignpresentation 141110023429 conversion gate01
 
UX design presentation
UX design presentationUX design presentation
UX design presentation
 
User interface design for touch screen displays
User interface design for touch screen displaysUser interface design for touch screen displays
User interface design for touch screen displays
 
Technical Report.docx
Technical Report.docxTechnical Report.docx
Technical Report.docx
 
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdfMobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
Mobile App UI/UX Design Trends to Flourish in 2021 and Beyond.pdf
 
2015 05 NO INTERFACE
2015 05 NO INTERFACE2015 05 NO INTERFACE
2015 05 NO INTERFACE
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experience
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX Design
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX Design
 
Mobile UX Design
Mobile UX DesignMobile UX Design
Mobile UX Design
 
Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014Uxpin mobile UI Design Patterns 2014
Uxpin mobile UI Design Patterns 2014
 
Intel - Touch Devices for Business
Intel - Touch Devices for Business Intel - Touch Devices for Business
Intel - Touch Devices for Business
 
New to the touch
New to the touchNew to the touch
New to the touch
 
Best Mobile UX Trends 2019
Best Mobile UX Trends 2019Best Mobile UX Trends 2019
Best Mobile UX Trends 2019
 
My Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android DesignMy Interview with Healthy code Magazine: Future of Android Design
My Interview with Healthy code Magazine: Future of Android Design
 
enhancing-user-experience-through-effective-interaction-design-20231012223329...
enhancing-user-experience-through-effective-interaction-design-20231012223329...enhancing-user-experience-through-effective-interaction-design-20231012223329...
enhancing-user-experience-through-effective-interaction-design-20231012223329...
 
Whitepaper: 5 Reasons to Use Touch Screen Tables
Whitepaper: 5 Reasons to Use Touch Screen TablesWhitepaper: 5 Reasons to Use Touch Screen Tables
Whitepaper: 5 Reasons to Use Touch Screen Tables
 

Dernier

Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
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
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 

Dernier (20)

Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
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
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 

Touch first and touch free designs

  • 1. Making experience more interactive and entertaining with Touch, Touch-free & Beyond Kiran Challa
  • 2. Touch First Design – Redefining ‘Touch-friendly’ interaction design The usage of touch-enabled devices started a few years back and it has become very popular these days. Without these devices it is hard ‘to live’ or ‘to think’ and it has become a part of our lives. People depend on them every day for all sort of information and for communication. Different user groups interact using different types of touch-enabled devices based on their preferences, usage, comfort and lifestyle. Companies these days plan with utmost care so that their business is accessible from all screen sizes right from mobiles to desktop making it more user friendly and getting it run seamlessly on the devices used by their customers. With many alternative solutions customers can easily switch providers if not satisfied, and retaining customers is the most difficult task in today’s business.
  • 3. Let’s say, if the screen size and interaction controls are small, it will be difficult for a user to tap on it. If it is large, then it will be easier to tap but these controls would occupy more space and leave less space for the content. This needs to be planned on the basis of ‘what’ and ‘how’, to present content for different devices. Different device manufacturers have given suggestions on target sizes. These target sizes are neither consistent with each other nor consistent with the actual size of the human finger. Research studies say that the average width of the index finger is 1.6 to 2 cm (16 – 20 mm) for most adults. This converts to 45 – 57 pixels, which is wider than what most mobile guidelines suggest. So what is the solution? DESIGN for TOUCH!
  • 4. Designing for touch means designing for fingers. Every touch target has to be large enough to interact with and should be clearly divided without touching accidentally on something else. (Recommended: 44px, Minimum: 32px). And if it is text links, give a minimum invisible tap area to interact (Recommended: 44px). Gestures (scroll, swipe, zoom and rotate) are primarily accessible to hand movements to provide fascinating and immersive interaction experience while doing tasks. Gestures are commonly linked to animation effects to showcase the status and visual feedback of the action performed. If it is a mobile browser, at times, native controls take over and may cause conflicts in gestures. In order to avoid that, an alternative tap or click action has to be given to interact. Thus, keeping the design simple, consistent, easy to recognize and use.
  • 5. Touch Free Design – Redefining ‘Touch-free’ interaction design Humans naturally use gestures or gestures with voice to communicate with others. Humans can also communicate with machines where no physical contact is required. Gesture recognition software enables to communicate with a machine (Human Machine Interaction) more naturally. Touch free gestures are the natural body movements used as command to operate machines which include movement of hand, finger, face, eye and body to navigate the wide array of content with scroll, rotate, zoom, volume, flip, change of channels, stop, pause, or play a video etc. Gestures Interactions
  • 6. Gesture recognition and motion tracking applications are running on smartphones, tablets, PCs, TVs, gaming consoles and household devices. The adoption of gesture recognition is increasing and expected to be used more in sectors like Automotive, Entertainment, Transport, Defense, Healthcare, Retail, etc. Speech Interactions Speech interaction is an enjoyable way to interact with application replacing keyboard, mouse, touch and gestures. Speech recognition software converts words spoken by the user into web search, text for form input, to specify an action to accomplish a task.
  • 7. Conversational UI’s – are the applications built with artificial intelligence called as chatbots or invisible apps that no longer have graphical interfaces. Many companies in the mobile space have their own apps like Apple has Siri, Google has OK Google, Facebook has M, Amazon has Echo, Microsoft has Cortana and so on. By using specific commands, you can tell a system what it needs to do like buying tickets, booking hotel, order food etc. The Interface just imitates chatting or does things just like a real human. Going forth conversational interface will change the way we use technology. It is important to learn and adopt new technologies to bring in a new level of convenience to customers.