SlideShare a Scribd company logo
User Interface Design (iOS) 
Presented By: 
Samesh Swongamikha & Neetin Sharma
Design Basics 
• The starting point 
• The mobile connection 
• Branding vs Standard Controls
Where is the Template ? 
• Nibs + …well nothing 
• Design = Styling + Layout
Styling 
• Stay away, controllers 
• Generic classes 
• Extensions on native controls 
• UIAppearance 
• Libraries (Pixate, )
Laying it out 
• Ever growing screen size 
• No math please 
• Auto layout to the rescue 
• Libraries (Masonry, PureLayout)
Storyboarding 
• Why storyboard? 
• pros n cons
UX Design Trends 
• Think about clean & Flat design 
• Do not use gradient but choose Flat colors 
• Use standard components 
• Use Clear fonts 
• Use rounded avatars/buttons 
• Utilize gesture
Think about clean & Flat design
Do not use gradient but choose Flat colors
Use standard components 
• Always try to use standard components provided by the system unless you are developing 
games or any fancy thing. 
• Do not copy other platform’s design (Android VS iOS)
Use Clear fonts 
• By the way system default font is the clear font. 
• Use less artistic font wherever possible.
Use Rounded Avatars/Button 
• Try to use rounded avatars and buttons wherever 
appropriate. 
• Do not place buttons too tight.
Utilize Gesture 
• Try to utilize gesture provided by system in 
design.
Thank you

More Related Content

PPT
Game Design 2 - Lecture 2 - Menu Flow
KEY
Game Design 2: Menu Flow (2011)
PPT
Game Design 2: Lecture 10 - UI Layout
PDF
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
PPT
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
PDF
Game design 2 (2013): Lecture 14 - Revision
KEY
Game Design 2 (2010): Lecture 2 - Menu Flow
PDF
Game Design 2 (2013): Lecture 5 - Game UI Prototyping
Game Design 2 - Lecture 2 - Menu Flow
Game Design 2: Menu Flow (2011)
Game Design 2: Lecture 10 - UI Layout
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
GCU Game Design 2 (2013): Lecture 2 - Menu Flow
Game design 2 (2013): Lecture 14 - Revision
Game Design 2 (2010): Lecture 2 - Menu Flow
Game Design 2 (2013): Lecture 5 - Game UI Prototyping

What's hot (7)

KEY
Game Design 2: 2011 - Introduction to Game Interface Design
KEY
Game Design 2: UI in Games - Revision Lecture
PPT
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
PPTX
Apple Watch Specifications
PPTX
Android User Interface Design
PPTX
Creative Resumes
PPTX
Ux & hybrid app
Game Design 2: 2011 - Introduction to Game Interface Design
Game Design 2: UI in Games - Revision Lecture
Cognitive Walkthrough for Learning Through Game Mechanics at ECGBL13
Apple Watch Specifications
Android User Interface Design
Creative Resumes
Ux & hybrid app
Ad

Similar to Presentation - iOS - UI and UX - Mr. Samesh & Mr. Neetin (20)

PDF
Designing apps for iOS based on its human interface guidelines
PDF
essentials-of-ui-design.pdf
PDF
Essentials of UI Design_UI/UX for beginners.pdf
PDF
Beginning iOS UI
PDF
Apples’ iPhone, iPod touch and iPad Application Programming - CLASS 1
PPTX
Building your first iOS app using Xamarin
PDF
UI Design
KEY
Designing for the Unknown
DOCX
DOCX
PDF
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
PDF
Максим Ткачук: Minimalist Design
PDF
Casestudy
PPTX
Learn ios design
PDF
Course User interface - Lesson 5
PDF
iOS Human Interface Design Guideline Part 1
DOCX
UI vs. UX: What’s the difference?
PDF
Designing Interfaces 1st Edition Jenifer Tidwell
PPTX
Usability Engineering – Methods and Tools • Heuristic Evaluation (Nielsen’s...
PDF
Application GUI Design - Notes from a Toolkit Developer
Designing apps for iOS based on its human interface guidelines
essentials-of-ui-design.pdf
Essentials of UI Design_UI/UX for beginners.pdf
Beginning iOS UI
Apples’ iPhone, iPod touch and iPad Application Programming - CLASS 1
Building your first iOS app using Xamarin
UI Design
Designing for the Unknown
THE POWER OF GUIDELINES. Or: how important is to know guidelines of platform ...
Максим Ткачук: Minimalist Design
Casestudy
Learn ios design
Course User interface - Lesson 5
iOS Human Interface Design Guideline Part 1
UI vs. UX: What’s the difference?
Designing Interfaces 1st Edition Jenifer Tidwell
Usability Engineering – Methods and Tools • Heuristic Evaluation (Nielsen’s...
Application GUI Design - Notes from a Toolkit Developer
Ad

More from MobileNepal (20)

PPT
Mr. Tomi Ahonen Mobile Digital - Ncell App Camp 2014
PPTX
Pitfalls in mobile apps marketing Mr. Karun Thapa
PPTX
Presentation - Mr. Tomas Martunas
PPTX
Debriefing of finals - Mr. Bibhusan Bista
PPTX
Effective Presentation and Pitching - Mr. Sohan B. Khatri
PPTX
Presentation - Windows App Development - II - Mr. Chandan Gupta
PPTX
Presentation - Windows app development - I - Mr. Chandan Gupta
PPTX
Presentation - Android App Development - Mr. Samrakchan
PPTX
Presentation Slides - Training on Business Development - Mr. Sohan Babu Khatri
PPTX
Training on iOS app development - Samesh Swongamikha & Neetin Sharma
PPTX
Training on SMS App - Anjesh Tuladhar
PPTX
Technology, Performance and Scalability - Presentation - Anjesh Tuladhar
PPTX
Designing for Android - Anjan Shrestha
PDF
Design in UI: Visuals and Aesthetics - Swapnil Acharya
PDF
Design Theory - Ankur Sharma - Presentation
PPTX
Presentation - Corporate Solutions - Keynote - Mr. Erim Taylanlar
PPTX
Presentation - Education - Keynote - Ncell App Camp 2014 - Mr. Anil Chitrakar
PPTX
Keynote speech tourism mr. bibhusan bista
PPTX
Presentation - Keynote Speech - Ncell App Camp 2014 - Mr. Dinesh Gautam
PPTX
Mobile Application Trends - Marketing and Monetization by Biswas Dhakal - Nce...
Mr. Tomi Ahonen Mobile Digital - Ncell App Camp 2014
Pitfalls in mobile apps marketing Mr. Karun Thapa
Presentation - Mr. Tomas Martunas
Debriefing of finals - Mr. Bibhusan Bista
Effective Presentation and Pitching - Mr. Sohan B. Khatri
Presentation - Windows App Development - II - Mr. Chandan Gupta
Presentation - Windows app development - I - Mr. Chandan Gupta
Presentation - Android App Development - Mr. Samrakchan
Presentation Slides - Training on Business Development - Mr. Sohan Babu Khatri
Training on iOS app development - Samesh Swongamikha & Neetin Sharma
Training on SMS App - Anjesh Tuladhar
Technology, Performance and Scalability - Presentation - Anjesh Tuladhar
Designing for Android - Anjan Shrestha
Design in UI: Visuals and Aesthetics - Swapnil Acharya
Design Theory - Ankur Sharma - Presentation
Presentation - Corporate Solutions - Keynote - Mr. Erim Taylanlar
Presentation - Education - Keynote - Ncell App Camp 2014 - Mr. Anil Chitrakar
Keynote speech tourism mr. bibhusan bista
Presentation - Keynote Speech - Ncell App Camp 2014 - Mr. Dinesh Gautam
Mobile Application Trends - Marketing and Monetization by Biswas Dhakal - Nce...

Recently uploaded (20)

PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Empathic Computing: Creating Shared Understanding
PDF
Electronic commerce courselecture one. Pdf
PDF
Encapsulation theory and applications.pdf
PDF
KodekX | Application Modernization Development
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Spectral efficient network and resource selection model in 5G networks
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Building Integrated photovoltaic BIPV_UPV.pdf
The AUB Centre for AI in Media Proposal.docx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
MIND Revenue Release Quarter 2 2025 Press Release
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Unlocking AI with Model Context Protocol (MCP)
Empathic Computing: Creating Shared Understanding
Electronic commerce courselecture one. Pdf
Encapsulation theory and applications.pdf
KodekX | Application Modernization Development
Programs and apps: productivity, graphics, security and other tools
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Review of recent advances in non-invasive hemoglobin estimation
sap open course for s4hana steps from ECC to s4
Mobile App Security Testing_ A Comprehensive Guide.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...

Presentation - iOS - UI and UX - Mr. Samesh & Mr. Neetin

  • 1. User Interface Design (iOS) Presented By: Samesh Swongamikha & Neetin Sharma
  • 2. Design Basics • The starting point • The mobile connection • Branding vs Standard Controls
  • 3. Where is the Template ? • Nibs + …well nothing • Design = Styling + Layout
  • 4. Styling • Stay away, controllers • Generic classes • Extensions on native controls • UIAppearance • Libraries (Pixate, )
  • 5. Laying it out • Ever growing screen size • No math please • Auto layout to the rescue • Libraries (Masonry, PureLayout)
  • 6. Storyboarding • Why storyboard? • pros n cons
  • 7. UX Design Trends • Think about clean & Flat design • Do not use gradient but choose Flat colors • Use standard components • Use Clear fonts • Use rounded avatars/buttons • Utilize gesture
  • 8. Think about clean & Flat design
  • 9. Do not use gradient but choose Flat colors
  • 10. Use standard components • Always try to use standard components provided by the system unless you are developing games or any fancy thing. • Do not copy other platform’s design (Android VS iOS)
  • 11. Use Clear fonts • By the way system default font is the clear font. • Use less artistic font wherever possible.
  • 12. Use Rounded Avatars/Button • Try to use rounded avatars and buttons wherever appropriate. • Do not place buttons too tight.
  • 13. Utilize Gesture • Try to utilize gesture provided by system in design.