SlideShare une entreprise Scribd logo
1  sur  8
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

Contenu connexe

Tendances

Android notification
Android notificationAndroid notification
Android notification
Krazy Koder
 

Tendances (20)

Constraints of designing for mobile devices
Constraints of designing for mobile devicesConstraints of designing for mobile devices
Constraints of designing for mobile devices
 
Market and business drivers for mobile application
Market and business drivers for mobile applicationMarket and business drivers for mobile application
Market and business drivers for mobile application
 
User Interface Analysis and Design
User Interface Analysis and DesignUser Interface Analysis and Design
User Interface Analysis and Design
 
Google Maps in Android
Google Maps in AndroidGoogle Maps in Android
Google Maps in Android
 
Layouts in android
Layouts in androidLayouts in android
Layouts in android
 
Maps in android
Maps in androidMaps in android
Maps in android
 
Android intents
Android intentsAndroid intents
Android intents
 
Designing applications with multimedia capabilities
Designing applications with multimedia capabilitiesDesigning applications with multimedia capabilities
Designing applications with multimedia capabilities
 
Spiral Model
Spiral ModelSpiral Model
Spiral Model
 
Waterfall model
Waterfall modelWaterfall model
Waterfall model
 
Android College Application Project Report
Android College Application Project ReportAndroid College Application Project Report
Android College Application Project Report
 
Android notification
Android notificationAndroid notification
Android notification
 
Waterfall Model PPT in Software Engineering
Waterfall Model PPT in Software EngineeringWaterfall Model PPT in Software Engineering
Waterfall Model PPT in Software Engineering
 
Mobile application development ppt
Mobile application development pptMobile application development ppt
Mobile application development ppt
 
software project management Waterfall model
software project management Waterfall modelsoftware project management Waterfall model
software project management Waterfall model
 
Online Quiz System Project Report
Online Quiz System Project Report Online Quiz System Project Report
Online Quiz System Project Report
 
two tier and three tier
two tier and three tiertwo tier and three tier
two tier and three tier
 
Designing Websites With a Mobile First Approach
Designing Websites With a Mobile First ApproachDesigning Websites With a Mobile First Approach
Designing Websites With a Mobile First Approach
 
Client side scripting and server side scripting
Client side scripting and server side scriptingClient side scripting and server side scripting
Client side scripting and server side scripting
 
User centered Design
User centered DesignUser centered Design
User centered Design
 

Similaire à User interfaces for mobile applications

Confoo 2012-03-01 - Building mobile experiences that don't suck
Confoo 2012-03-01 - Building mobile experiences that don't suckConfoo 2012-03-01 - Building mobile experiences that don't suck
Confoo 2012-03-01 - Building mobile experiences that don't suck
Frédéric Harper
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
Kamil Zieba
 

Similaire à User interfaces for mobile applications (20)

Importance of UXUi in Mobile App Development.pdf
Importance of UXUi in Mobile App Development.pdfImportance of UXUi in Mobile App Development.pdf
Importance of UXUi in Mobile App Development.pdf
 
The Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App DevelopmentThe Importance of UI/UX Design in Mobile App Development
The Importance of UI/UX Design in Mobile App Development
 
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
 
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdfBest UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
Best UI UX Practices for Mobile App & Website Design by Harssh Trivedi.pdf
 
Why impeccable UX&UI design is must for digital applications - Web Synergies....
Why impeccable UX&UI design is must for digital applications - Web Synergies....Why impeccable UX&UI design is must for digital applications - Web Synergies....
Why impeccable UX&UI design is must for digital applications - Web Synergies....
 
Confoo 2012-03-01 - Building mobile experiences that don't suck
Confoo 2012-03-01 - Building mobile experiences that don't suckConfoo 2012-03-01 - Building mobile experiences that don't suck
Confoo 2012-03-01 - Building mobile experiences that don't suck
 
Touch first and touch free designs
Touch first and touch free designsTouch first and touch free designs
Touch first and touch free designs
 
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design 13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
13 Things To Keep In Mind For Enhanced Mobile App UI/UX Design
 
Mobile Prototyping
Mobile PrototypingMobile Prototyping
Mobile Prototyping
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
Game interface design part 1
Game interface design part 1Game interface design part 1
Game interface design part 1
 
User Experience Matters How to Craft Intuitive Mobile App Designs
User Experience Matters How to Craft Intuitive Mobile App DesignsUser Experience Matters How to Craft Intuitive Mobile App Designs
User Experience Matters How to Craft Intuitive Mobile App Designs
 
3 Ways to Simplify your Mobile Apps
3 Ways to Simplify your Mobile Apps3 Ways to Simplify your Mobile Apps
3 Ways to Simplify your Mobile Apps
 
Web Animation using JavaScript: Develop & Design (Develop and Design)
Web Animation using JavaScript: Develop & Design (Develop and Design)Web Animation using JavaScript: Develop & Design (Develop and Design)
Web Animation using JavaScript: Develop & Design (Develop and Design)
 
Mobile app design tips
Mobile app design tipsMobile app design tips
Mobile app design tips
 
iOS Human Interface Guideline
iOS Human Interface GuidelineiOS Human Interface Guideline
iOS Human Interface Guideline
 
iOS 7 UI Guidelines
iOS 7 UI GuidelinesiOS 7 UI Guidelines
iOS 7 UI Guidelines
 
Android Design Guidelines 4.0
Android Design Guidelines 4.0Android Design Guidelines 4.0
Android Design Guidelines 4.0
 
UI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILEUI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILE
 
Ux design mistakes to avoid mobile app development guide
Ux design mistakes to avoid mobile app development guideUx design mistakes to avoid mobile app development guide
Ux design mistakes to avoid mobile app development guide
 

Plus de K Senthil Kumar (7)

Installing application in ubuntu [autosaved]
Installing application in ubuntu [autosaved]Installing application in ubuntu [autosaved]
Installing application in ubuntu [autosaved]
 
Embedded os
Embedded osEmbedded os
Embedded os
 
Basics of embedded system design
Basics of embedded system designBasics of embedded system design
Basics of embedded system design
 
Requirements gathering and validation for mobile applications
Requirements gathering and validation for mobile applicationsRequirements gathering and validation for mobile applications
Requirements gathering and validation for mobile applications
 
Publishing and delivery of mobile application
Publishing and delivery of mobile applicationPublishing and delivery of mobile application
Publishing and delivery of mobile application
 
Embedded systems
Embedded systemsEmbedded systems
Embedded systems
 
Introduction to mobile application
Introduction to mobile applicationIntroduction to mobile application
Introduction to mobile application
 

Dernier

Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Dernier (20)

Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 

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