SlideShare a Scribd company logo
2
Most read
3
Most read
5
Most read
USER INTERFACES FOR MOBILE
APPLICATIONS
K Senthil Kumar
Assistant Professor,
Sri Eshwar College of Engineering,
Coimbatore – 641 202
USER INTERFACES FOR MOBILE APPLICATIONS
 Which Interface you like to use?
Interface 1 Interface 2
USER INTERFACES FOR MOBILE APPLICATIONS
 User Interface plays important role in deciding the
success of the app.
 The main goal of any app designer should be
making app a daily habit.
 40% of app budget is allocated to user interface
design.
 The common mistakes of designing user interface
are placing buttons smaller in size, placing big or
small images in different places and selecting
wrong color patterns for views.
 Clarity of interface is much required for any app.
 User interface should follow standard native app
interface standards.
IMPORTANT CONSIDERATION FOR USER INTERFACE
 Expert vs novice users
 App should be efficient for expert user and it should
provide information to novice users
IMPORTANT CONSIDERATION FOR USER INTERFACE
 Ideal button size
 The button size of app should be easily used by user, if
size is less then 1 cm then it is not used by user.
IMPORTANT CONSIDERATION FOR USER INTERFACE
 UI Location
 Most UI Elements are placed at bottom or placed at top.
 Most users hold phone and use thumb as primary finger
for touching.
 If user is right handed thumb will easily access the
bottom right of screen.
 If user is left handed thumb will easily
 Access the bottom left of screen
IMPORTANT CONSIDERATION FOR USER INTERFACE
 Accounting for motion
 Flow direction plays important role in designing mobile app.
 For example, for a right-handed person, circular flows with a
pivot point at the bottom right of the screen are much easier
than linear flows
IMPORTANT CONSIDERATION FOR USER INTERFACE
 How much is too much
 The button should be limited, if we place more no of
button then it will be tough even for expert user

More Related Content

What's hot (20)

PPT
USER INTERFACE DESIGN PPT
vicci4041
 
PDF
AndroidManifest
Ahsanul Karim
 
PPTX
Software Maintenance
Ameer Hasan Malik
 
PDF
software engineering
Azad public school
 
PPTX
Publishing and delivery of mobile application
K Senthil Kumar
 
PPTX
Requirements gathering and validation for mobile applications
K Senthil Kumar
 
PPTX
Software design
Syed Muhammad Hammad-ud-Din
 
PPTX
User interface design
Naveen Sagayaselvaraj
 
PPTX
Development of Mobile Application -PPT
Dhivya T
 
PPTX
Mobile Application Development Process
ChromeInfo Technologies
 
PPTX
Ch1-Software Engineering 9
Ian Sommerville
 
PPTX
Different types of mobile apps
MVM Infotech Co. Ltd.
 
PDF
Introduction to Mobile Application Development
Tharindu Dassanayake
 
PDF
Lecture-1: Introduction to web engineering - course overview and grading scheme
Mubashir Ali
 
PPT
HCI - Chapter 3
Alan Dix
 
DOC
PROJECT REPORT
Renuka Deshmukh
 
PPTX
Mobile application development ppt
tirupathinews
 
PPTX
Ch2 sw processes
software-engineering-book
 
PDF
User Interface Design - Module 1 Introduction
brindaN
 
PPT
Designing applications with multimedia capabilities
K Senthil Kumar
 
USER INTERFACE DESIGN PPT
vicci4041
 
AndroidManifest
Ahsanul Karim
 
Software Maintenance
Ameer Hasan Malik
 
software engineering
Azad public school
 
Publishing and delivery of mobile application
K Senthil Kumar
 
Requirements gathering and validation for mobile applications
K Senthil Kumar
 
User interface design
Naveen Sagayaselvaraj
 
Development of Mobile Application -PPT
Dhivya T
 
Mobile Application Development Process
ChromeInfo Technologies
 
Ch1-Software Engineering 9
Ian Sommerville
 
Different types of mobile apps
MVM Infotech Co. Ltd.
 
Introduction to Mobile Application Development
Tharindu Dassanayake
 
Lecture-1: Introduction to web engineering - course overview and grading scheme
Mubashir Ali
 
HCI - Chapter 3
Alan Dix
 
PROJECT REPORT
Renuka Deshmukh
 
Mobile application development ppt
tirupathinews
 
Ch2 sw processes
software-engineering-book
 
User Interface Design - Module 1 Introduction
brindaN
 
Designing applications with multimedia capabilities
K Senthil Kumar
 

Similar to User interfaces for mobile applications (20)

PDF
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
BugRaptors
 
PDF
2013-02-05 UX design for mobile apps
CocoaHeads Tricity
 
DOCX
User interface design for touch screen displays
New Vision Display
 
PPTX
Mobile UI Design – User Centered Design and UI Best Practices
OXD
 
PDF
UID_AZY_COMP1650
Aung Zay Ya
 
PPS
Mobile User Experience - @iRajLal
Raj Lal
 
PDF
User Interface Design for Web and Mobile Devices
IRJET Journal
 
PDF
UX Design for Mobile Apps
Kamil Zieba
 
PDF
5 Tips for Designing an Awesome App User Interface.pdf
JohnParker598570
 
PPTX
Web designs tips to help enhance mobile interactions
Interactive Web Station
 
PPT
Mobile user interface
Richard0302
 
PDF
Five Mistakes to Avoid in Creating User Interfaces for Mobile Devices
Altoros
 
PPTX
User Interface Design For MAD Subject for PTU
riddhipctebtech21
 
PDF
Ux Meets Code Interaction Usability
Arabella David
 
KEY
Windows Phone UX - a 101 @ BizSpark
Antony Ribot
 
PPTX
6 mobile user interface design bb
Shahid Riaz
 
KEY
Best Mobile UI Practices - FITC Mobile 2010
Boris Chan
 
PDF
Some Dos and Don’ts in UI/UX Design of Mobile Applications
Ashiq Uz Zoha
 
PDF
Ux Ui Design for Mobile Apps
Vishal Kirti
 
PPT
Mobile app design tips
NeilWilson2015
 
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
BugRaptors
 
2013-02-05 UX design for mobile apps
CocoaHeads Tricity
 
User interface design for touch screen displays
New Vision Display
 
Mobile UI Design – User Centered Design and UI Best Practices
OXD
 
UID_AZY_COMP1650
Aung Zay Ya
 
Mobile User Experience - @iRajLal
Raj Lal
 
User Interface Design for Web and Mobile Devices
IRJET Journal
 
UX Design for Mobile Apps
Kamil Zieba
 
5 Tips for Designing an Awesome App User Interface.pdf
JohnParker598570
 
Web designs tips to help enhance mobile interactions
Interactive Web Station
 
Mobile user interface
Richard0302
 
Five Mistakes to Avoid in Creating User Interfaces for Mobile Devices
Altoros
 
User Interface Design For MAD Subject for PTU
riddhipctebtech21
 
Ux Meets Code Interaction Usability
Arabella David
 
Windows Phone UX - a 101 @ BizSpark
Antony Ribot
 
6 mobile user interface design bb
Shahid Riaz
 
Best Mobile UI Practices - FITC Mobile 2010
Boris Chan
 
Some Dos and Don’ts in UI/UX Design of Mobile Applications
Ashiq Uz Zoha
 
Ux Ui Design for Mobile Apps
Vishal Kirti
 
Mobile app design tips
NeilWilson2015
 
Ad

More from K Senthil Kumar (6)

PPTX
Installing application in ubuntu [autosaved]
K Senthil Kumar
 
PPTX
Embedded os
K Senthil Kumar
 
PPTX
Basics of embedded system design
K Senthil Kumar
 
PPTX
Publishing and delivery of mobile application ios
K Senthil Kumar
 
PPSX
Embedded systems
K Senthil Kumar
 
PPSX
Introduction to mobile application
K Senthil Kumar
 
Installing application in ubuntu [autosaved]
K Senthil Kumar
 
Embedded os
K Senthil Kumar
 
Basics of embedded system design
K Senthil Kumar
 
Publishing and delivery of mobile application ios
K Senthil Kumar
 
Embedded systems
K Senthil Kumar
 
Introduction to mobile application
K Senthil Kumar
 
Ad

Recently uploaded (20)

PDF
Aprendendo Arquitetura Framework Salesforce - Dia 03
Mauricio Alexandre Silva
 
PPTX
How to Convert an Opportunity into a Quotation in Odoo 18 CRM
Celine George
 
PDF
Generative AI: it's STILL not a robot (CIJ Summer 2025)
Paul Bradshaw
 
PPTX
MENINGITIS: NURSING MANAGEMENT, BACTERIAL MENINGITIS, VIRAL MENINGITIS.pptx
PRADEEP ABOTHU
 
PPTX
How to Set Up Tags in Odoo 18 - Odoo Slides
Celine George
 
PDF
CONCURSO DE POESIA “POETUFAS – PASSOS SUAVES PELO VERSO.pdf
Colégio Santa Teresinha
 
PDF
QNL June Edition hosted by Pragya the official Quiz Club of the University of...
Pragya - UEM Kolkata Quiz Club
 
PPTX
How to Create a PDF Report in Odoo 18 - Odoo Slides
Celine George
 
PPTX
Universal immunization Programme (UIP).pptx
Vishal Chanalia
 
PDF
Reconstruct, Restore, Reimagine: New Perspectives on Stoke Newington’s Histor...
History of Stoke Newington
 
PPTX
How to Manage Large Scrollbar in Odoo 18 POS
Celine George
 
PPTX
Post Dated Cheque(PDC) Management in Odoo 18
Celine George
 
PDF
The Constitution Review Committee (CRC) has released an updated schedule for ...
nservice241
 
PPTX
PATIENT ASSIGNMENTS AND NURSING CARE RESPONSIBILITIES.pptx
PRADEEP ABOTHU
 
PPTX
PPT-Q1-WK-3-ENGLISH Revised Matatag Grade 3.pptx
reijhongidayawan02
 
PPT
Talk on Critical Theory, Part One, Philosophy of Social Sciences
Soraj Hongladarom
 
PPTX
A PPT on Alfred Lord Tennyson's Ulysses.
Beena E S
 
PDF
Knee Extensor Mechanism Injuries - Orthopedic Radiologic Imaging
Sean M. Fox
 
PPTX
Growth and development and milestones, factors
BHUVANESHWARI BADIGER
 
PDF
ARAL-Orientation_Morning-Session_Day-11.pdf
JoelVilloso1
 
Aprendendo Arquitetura Framework Salesforce - Dia 03
Mauricio Alexandre Silva
 
How to Convert an Opportunity into a Quotation in Odoo 18 CRM
Celine George
 
Generative AI: it's STILL not a robot (CIJ Summer 2025)
Paul Bradshaw
 
MENINGITIS: NURSING MANAGEMENT, BACTERIAL MENINGITIS, VIRAL MENINGITIS.pptx
PRADEEP ABOTHU
 
How to Set Up Tags in Odoo 18 - Odoo Slides
Celine George
 
CONCURSO DE POESIA “POETUFAS – PASSOS SUAVES PELO VERSO.pdf
Colégio Santa Teresinha
 
QNL June Edition hosted by Pragya the official Quiz Club of the University of...
Pragya - UEM Kolkata Quiz Club
 
How to Create a PDF Report in Odoo 18 - Odoo Slides
Celine George
 
Universal immunization Programme (UIP).pptx
Vishal Chanalia
 
Reconstruct, Restore, Reimagine: New Perspectives on Stoke Newington’s Histor...
History of Stoke Newington
 
How to Manage Large Scrollbar in Odoo 18 POS
Celine George
 
Post Dated Cheque(PDC) Management in Odoo 18
Celine George
 
The Constitution Review Committee (CRC) has released an updated schedule for ...
nservice241
 
PATIENT ASSIGNMENTS AND NURSING CARE RESPONSIBILITIES.pptx
PRADEEP ABOTHU
 
PPT-Q1-WK-3-ENGLISH Revised Matatag Grade 3.pptx
reijhongidayawan02
 
Talk on Critical Theory, Part One, Philosophy of Social Sciences
Soraj Hongladarom
 
A PPT on Alfred Lord Tennyson's Ulysses.
Beena E S
 
Knee Extensor Mechanism Injuries - Orthopedic Radiologic Imaging
Sean M. Fox
 
Growth and development and milestones, factors
BHUVANESHWARI BADIGER
 
ARAL-Orientation_Morning-Session_Day-11.pdf
JoelVilloso1
 

User interfaces for mobile applications

  • 1. USER INTERFACES FOR MOBILE APPLICATIONS K Senthil Kumar Assistant Professor, Sri Eshwar College of Engineering, Coimbatore – 641 202
  • 2. USER INTERFACES FOR MOBILE APPLICATIONS  Which Interface you like to use? Interface 1 Interface 2
  • 3. USER INTERFACES FOR MOBILE APPLICATIONS  User Interface plays important role in deciding the success of the app.  The main goal of any app designer should be making app a daily habit.  40% of app budget is allocated to user interface design.  The common mistakes of designing user interface are placing buttons smaller in size, placing big or small images in different places and selecting wrong color patterns for views.  Clarity of interface is much required for any app.  User interface should follow standard native app interface standards.
  • 4. IMPORTANT CONSIDERATION FOR USER INTERFACE  Expert vs novice users  App should be efficient for expert user and it should provide information to novice users
  • 5. IMPORTANT CONSIDERATION FOR USER INTERFACE  Ideal button size  The button size of app should be easily used by user, if size is less then 1 cm then it is not used by user.
  • 6. IMPORTANT CONSIDERATION FOR USER INTERFACE  UI Location  Most UI Elements are placed at bottom or placed at top.  Most users hold phone and use thumb as primary finger for touching.  If user is right handed thumb will easily access the bottom right of screen.  If user is left handed thumb will easily  Access the bottom left of screen
  • 7. IMPORTANT CONSIDERATION FOR USER INTERFACE  Accounting for motion  Flow direction plays important role in designing mobile app.  For example, for a right-handed person, circular flows with a pivot point at the bottom right of the screen are much easier than linear flows
  • 8. IMPORTANT CONSIDERATION FOR USER INTERFACE  How much is too much  The button should be limited, if we place more no of button then it will be tough even for expert user