SlideShare a Scribd company logo
2
Most read
3
Most read
6
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

PPT
User Interface Design in Software Engineering SE15
PPTX
User interface (UI) for mobile applications
PPTX
Architecting mobile application
PDF
Software Architecture: Design Decisions
PPTX
androidstudio.pptx
PPTX
Introduction to mobile application development
PPTX
Development of Mobile Application -PPT
PPTX
Android application development ppt
User Interface Design in Software Engineering SE15
User interface (UI) for mobile applications
Architecting mobile application
Software Architecture: Design Decisions
androidstudio.pptx
Introduction to mobile application development
Development of Mobile Application -PPT
Android application development ppt

What's hot (20)

PPTX
Basic android-ppt
PPTX
Introduction to iOS Apps Development
DOCX
Android Based Application Project Report.
PPTX
Difference between-web-designing-and-web-development
PPTX
Laravel ppt
PPT
PPTX
Android Project Presentation
PDF
Principles of web design
PPTX
Presentation on Visual Studio
PPTX
Introduction to Android and Android Studio
PPTX
Android MapView and MapActivity
PPTX
User interface design
PPT
7) packaging and deployment
PPT
USER INTERFACE DESIGN PPT
PPTX
Android architecture
PPT
Google Maps in Android
PPTX
Android app development ppt
PPTX
Decomposition technique In Software Engineering
PDF
Building beautiful apps with Google flutter
PDF
Introduction to Mobile Application Development
Basic android-ppt
Introduction to iOS Apps Development
Android Based Application Project Report.
Difference between-web-designing-and-web-development
Laravel ppt
Android Project Presentation
Principles of web design
Presentation on Visual Studio
Introduction to Android and Android Studio
Android MapView and MapActivity
User interface design
7) packaging and deployment
USER INTERFACE DESIGN PPT
Android architecture
Google Maps in Android
Android app development ppt
Decomposition technique In Software Engineering
Building beautiful apps with Google flutter
Introduction to Mobile Application Development
Ad

Similar to User interfaces for mobile applications (20)

PDF
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
PDF
2013-02-05 UX design for mobile apps
DOCX
User interface design for touch screen displays
PPTX
Mobile UI Design – User Centered Design and UI Best Practices
 
PDF
UID_AZY_COMP1650
PPS
Mobile User Experience - @iRajLal
PDF
User Interface Design for Web and Mobile Devices
PDF
UX Design for Mobile Apps
PDF
5 Tips for Designing an Awesome App User Interface.pdf
PPTX
Web designs tips to help enhance mobile interactions
PPT
Mobile user interface
PDF
Five Mistakes to Avoid in Creating User Interfaces for Mobile Devices
PPTX
User Interface Design For MAD Subject for PTU
PDF
Ux Meets Code Interaction Usability
KEY
Windows Phone UX - a 101 @ BizSpark
PPTX
6 mobile user interface design bb
KEY
Best Mobile UI Practices - FITC Mobile 2010
PDF
Some Dos and Don’ts in UI/UX Design of Mobile Applications
PDF
Ux Ui Design for Mobile Apps
PPT
Mobile app design tips
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
2013-02-05 UX design for mobile apps
User interface design for touch screen displays
Mobile UI Design – User Centered Design and UI Best Practices
 
UID_AZY_COMP1650
Mobile User Experience - @iRajLal
User Interface Design for Web and Mobile Devices
UX Design for Mobile Apps
5 Tips for Designing an Awesome App User Interface.pdf
Web designs tips to help enhance mobile interactions
Mobile user interface
Five Mistakes to Avoid in Creating User Interfaces for Mobile Devices
User Interface Design For MAD Subject for PTU
Ux Meets Code Interaction Usability
Windows Phone UX - a 101 @ BizSpark
6 mobile user interface design bb
Best Mobile UI Practices - FITC Mobile 2010
Some Dos and Don’ts in UI/UX Design of Mobile Applications
Ux Ui Design for Mobile Apps
Mobile app design tips
Ad

More from K Senthil Kumar (13)

PPTX
Installing application in ubuntu [autosaved]
PPTX
Designing applications with web access capabilities
PPT
Designing applications with multimedia capabilities
PPTX
Achieving quality contraints
PPTX
Embedded os
PPTX
Constraints of designing for mobile devices
PPTX
Basics of embedded system design
PPTX
Requirements gathering and validation for mobile applications
PPTX
Publishing and delivery of mobile application ios
PPTX
Publishing and delivery of mobile application
PPSX
Market and business drivers for mobile application
PPSX
Embedded systems
PPSX
Introduction to mobile application
Installing application in ubuntu [autosaved]
Designing applications with web access capabilities
Designing applications with multimedia capabilities
Achieving quality contraints
Embedded os
Constraints of designing for mobile devices
Basics of embedded system design
Requirements gathering and validation for mobile applications
Publishing and delivery of mobile application ios
Publishing and delivery of mobile application
Market and business drivers for mobile application
Embedded systems
Introduction to mobile application

Recently uploaded (20)

PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Classroom Observation Tools for Teachers
PDF
Computing-Curriculum for Schools in Ghana
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PPTX
master seminar digital applications in india
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
RMMM.pdf make it easy to upload and study
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
Microbial disease of the cardiovascular and lymphatic systems
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
Final Presentation General Medicine 03-08-2024.pptx
Classroom Observation Tools for Teachers
Computing-Curriculum for Schools in Ghana
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
master seminar digital applications in india
Anesthesia in Laparoscopic Surgery in India
RMMM.pdf make it easy to upload and study
Weekly quiz Compilation Jan -July 25.pdf
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Chinmaya Tiranga quiz Grand Finale.pdf
Paper A Mock Exam 9_ Attempt review.pdf.
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
Microbial disease of the cardiovascular and lymphatic systems
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
LDMMIA Reiki Yoga Finals Review Spring Summer
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx

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