SlideShare a Scribd company logo
Widget iOS: how to 
use them well. 
Appsterdam Milan TalkLab 20/11/2014
iOS 8 feature
The guidelines from Apple 
• The best widgets give users quick updates or 
enable very simple tasks. 
• Users tend to open the Today view frequently, and 
they expect the information they’re interested in to 
be instantly available. 
• If you want to create an app extension that enables 
a multistep task or helps users perform a lengthy 
task, such as uploading or downloading content, 
the Today extension point is not the right choice.
The guidelines from Apple 
• Ensure that content always looks up to date 
• Respond appropriately to user interactions 
• Perform well (in particular, iOS widgets must use 
memory wisely or the system may terminate them)
iOS Human Interface 
Guidelines 
• Design an appearance that looks at home in 
Notification Center 
• Use the default margins and background 
appearance provided by Notification Center 
• For best results, focus on drawing your content and 
not on drawing backgrounds or other materials.
Widget iOS: how to use them well
• Avoid making users scroll or vertically shift the view 
to see all the information in your Today widget. 
• Avoid enabling horizontal swiping or dragging, 
because it interferes with navigation between 
Notification Center areas.
• As much as possible, let users perform a task or 
open your app with a single tap (note that the 
keyboard is not available within a Today widget). 
• Optimize performance so that people get useful 
information immediately.
If appropriate, let people 
tap your Today widget to 
open your app
Widget iOS: how to use them well
Widget iOS: how to use them well
Widget iOS: how to use them well
Widget iOS: how to use them well
Widget iOS: how to use them well
How To
Widget iOS: how to use them well
Widget iOS: how to use them well
Widget iOS: how to use them well
In the same way, you can build 
your AppleWatch app for now. 
! 
Thanks :-)

More Related Content

KEY
mobile usability
PDF
Net2 DC Mobile and Nonprofits
PDF
Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
PDF
Design Document - Readiness Assessment by Chatbot
KEY
Mobile Learning with Mobler Cards and the PfP LMS
PPTX
ReactNYC: Push Notifications in React Native
PPTX
DevOps is about people, beyond automation
PDF
Mobile First Approach - The key to cross platform interface design
mobile usability
Net2 DC Mobile and Nonprofits
Apple Watch / Smartwatch UX: 7 Guidelines for greater Apps
Design Document - Readiness Assessment by Chatbot
Mobile Learning with Mobler Cards and the PfP LMS
ReactNYC: Push Notifications in React Native
DevOps is about people, beyond automation
Mobile First Approach - The key to cross platform interface design

What's hot (20)

PDF
Apple TV UX: 8 Guidelines for greater Apps
PDF
Putting Mobile First - July 2013
PPTX
Mobile Testing, That's Just a Smaller Screen, Right? Stephen Janaway
PDF
Interactions in Responsive Web - BDConf Orlando 2014
PDF
Ektron London Conference: Managing Responsive Projects
PPT
Using Apps to Support Learning & Teaching - Nov 2014
PPTX
Video Conferencing and Social Media in Clinical Practise
PDF
Web Apps and Responsive Design for Libraries
PPTX
Mobile Presentation
PPTX
Ux ui presentation2
PPTX
Module 1 uses and limitations
PPTX
Native apps vs Web apps
PPTX
Mobile Testing, That's Just a Smaller Screen, Right
PPTX
Real Estate Webinars with Desiree Savory
PDF
Hack4Code
PDF
These mobile apps will let you totally rethink hybrid app development
PPT
Bringing good ideas together
PPTX
Mobile First London 13 August
PDF
Mobile first - one key important aspect in digitalisation
PPTX
Ipads pala
Apple TV UX: 8 Guidelines for greater Apps
Putting Mobile First - July 2013
Mobile Testing, That's Just a Smaller Screen, Right? Stephen Janaway
Interactions in Responsive Web - BDConf Orlando 2014
Ektron London Conference: Managing Responsive Projects
Using Apps to Support Learning & Teaching - Nov 2014
Video Conferencing and Social Media in Clinical Practise
Web Apps and Responsive Design for Libraries
Mobile Presentation
Ux ui presentation2
Module 1 uses and limitations
Native apps vs Web apps
Mobile Testing, That's Just a Smaller Screen, Right
Real Estate Webinars with Desiree Savory
Hack4Code
These mobile apps will let you totally rethink hybrid app development
Bringing good ideas together
Mobile First London 13 August
Mobile first - one key important aspect in digitalisation
Ipads pala
Ad

Viewers also liked (6)

PDF
Dark side of Xcode: iOS Framework
PDF
PDF & iOS
PDF
iOS design patterns: blocks
PDF
SEO: Getting Personal
PDF
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
PDF
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Dark side of Xcode: iOS Framework
PDF & iOS
iOS design patterns: blocks
SEO: Getting Personal
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Ad

Similar to Widget iOS: how to use them well (20)

PDF
HCI Guidelines for iOS Platforms
PPTX
Apple Watch Human Interface Guidelines
PPTX
iOS Human Interface Guideline
PPTX
iOS Human Interface Guidelines (HCI)
PDF
iOS humaninterfaceguidelines
PDF
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
PDF
iOS Human Interface Guidlines for iOS-Platforms
PPTX
iOS 7 UI Guidelines
PDF
Mobile hig
PDF
I os human interface guidelines
PDF
Mobile hig
PDF
Mobile Human interface giude
PDF
Designing apps for iOS based on its human interface guidelines
PDF
iPhone/iPad Human Interface Design
PDF
Ultimate Guide to iOS App Development
PDF
Cocoa coders 141113-watch
PDF
iPad Interface Design
PDF
Dave Verwer iPad Interface Design iPad at the CUC
PPTX
Webinar: Impact of iOS 8 on App Marketers and App Developers
PDF
iOS 8 Pre-Release Briefing
HCI Guidelines for iOS Platforms
Apple Watch Human Interface Guidelines
iOS Human Interface Guideline
iOS Human Interface Guidelines (HCI)
iOS humaninterfaceguidelines
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
iOS Human Interface Guidlines for iOS-Platforms
iOS 7 UI Guidelines
Mobile hig
I os human interface guidelines
Mobile hig
Mobile Human interface giude
Designing apps for iOS based on its human interface guidelines
iPhone/iPad Human Interface Design
Ultimate Guide to iOS App Development
Cocoa coders 141113-watch
iPad Interface Design
Dave Verwer iPad Interface Design iPad at the CUC
Webinar: Impact of iOS 8 on App Marketers and App Developers
iOS 8 Pre-Release Briefing

Recently uploaded (20)

PDF
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
PDF
How to Choose the Right IT Partner for Your Business in Malaysia
PDF
Design an Analysis of Algorithms I-SECS-1021-03
PDF
How Creative Agencies Leverage Project Management Software.pdf
PDF
How to Migrate SBCGlobal Email to Yahoo Easily
PDF
Digital Strategies for Manufacturing Companies
PPTX
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
PPTX
Odoo POS Development Services by CandidRoot Solutions
PDF
AI in Product Development-omnex systems
PDF
Internet Downloader Manager (IDM) Crack 6.42 Build 42 Updates Latest 2025
PDF
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
PDF
Understanding Forklifts - TECH EHS Solution
PDF
top salesforce developer skills in 2025.pdf
PDF
Nekopoi APK 2025 free lastest update
PDF
Wondershare Filmora 15 Crack With Activation Key [2025
PDF
System and Network Administraation Chapter 3
PDF
Which alternative to Crystal Reports is best for small or large businesses.pdf
PDF
Navsoft: AI-Powered Business Solutions & Custom Software Development
PPTX
CHAPTER 2 - PM Management and IT Context
PPT
Introduction Database Management System for Course Database
Why TechBuilder is the Future of Pickup and Delivery App Development (1).pdf
How to Choose the Right IT Partner for Your Business in Malaysia
Design an Analysis of Algorithms I-SECS-1021-03
How Creative Agencies Leverage Project Management Software.pdf
How to Migrate SBCGlobal Email to Yahoo Easily
Digital Strategies for Manufacturing Companies
Lecture 3: Operating Systems Introduction to Computer Hardware Systems
Odoo POS Development Services by CandidRoot Solutions
AI in Product Development-omnex systems
Internet Downloader Manager (IDM) Crack 6.42 Build 42 Updates Latest 2025
T3DD25 TYPO3 Content Blocks - Deep Dive by André Kraus
Understanding Forklifts - TECH EHS Solution
top salesforce developer skills in 2025.pdf
Nekopoi APK 2025 free lastest update
Wondershare Filmora 15 Crack With Activation Key [2025
System and Network Administraation Chapter 3
Which alternative to Crystal Reports is best for small or large businesses.pdf
Navsoft: AI-Powered Business Solutions & Custom Software Development
CHAPTER 2 - PM Management and IT Context
Introduction Database Management System for Course Database

Widget iOS: how to use them well

  • 1. Widget iOS: how to use them well. Appsterdam Milan TalkLab 20/11/2014
  • 3. The guidelines from Apple • The best widgets give users quick updates or enable very simple tasks. • Users tend to open the Today view frequently, and they expect the information they’re interested in to be instantly available. • If you want to create an app extension that enables a multistep task or helps users perform a lengthy task, such as uploading or downloading content, the Today extension point is not the right choice.
  • 4. The guidelines from Apple • Ensure that content always looks up to date • Respond appropriately to user interactions • Perform well (in particular, iOS widgets must use memory wisely or the system may terminate them)
  • 5. iOS Human Interface Guidelines • Design an appearance that looks at home in Notification Center • Use the default margins and background appearance provided by Notification Center • For best results, focus on drawing your content and not on drawing backgrounds or other materials.
  • 7. • Avoid making users scroll or vertically shift the view to see all the information in your Today widget. • Avoid enabling horizontal swiping or dragging, because it interferes with navigation between Notification Center areas.
  • 8. • As much as possible, let users perform a task or open your app with a single tap (note that the keyboard is not available within a Today widget). • Optimize performance so that people get useful information immediately.
  • 9. If appropriate, let people tap your Today widget to open your app
  • 19. In the same way, you can build your AppleWatch app for now. ! Thanks :-)