jazz up your ios apps · 2015. 4. 23. · most commonly used provides a more focused experience...

Jazz up your iOS AppsGagandeep Singh

Overview

Jazz up the Navigation

Jazz up the UI

Jazz up the UX

Make your apps more Attractive, Lively and Stylish

Jazz up the Navigation

Jazz up the Navigation

Tab Bar

Side Bar

Horizontal Scroll

Tab Bar Most commonly used Provides a more focused

experience Visible all the time Easy to Access

Example Apps :Foursquare, Pinterest,

Flipboard

Jazz up the Navigation

Tab Bar

FoursquarePinterest Flipboard

M13InfiniteTabBar

RAMAnimatedTabBarController

AdaptiveTabBar

Side Bar aka Burger Menu, Side Menus, Slide Out

Menus First seen in the Facebook App More real estate A menu that can grow

Example Apps:Facebook, YouTube, Explorer for ArcGIS

Jazz up the Navigation

FacebookFacebook

YouTube Explorer

ECSlidingViewController RESideMenu Side-Menu.iOS

Horizontal Scroll Intuitive Different ways to interact Different versions

Example Apps:Groupon, Flipboard, Twitter

Jazz up the Navigation

FlipboardFlipboardTwitter Groupon

SLPagingView

Jazz up the UI

Context Menu Expandable Menu Cool Animations

Example Apps:Pinterest, Path, Yelp

Jazz up the UI

PinterestPath Yelp

This image cannot currently be displayed.

GHContextMenu

This image cannot currently be displayed.

VLDContextSheet

Drop Down Menu Use instead of UIPickerView Nice Animations

Jazz up the UI

UIPickerView

This image cannot currently be displayed.

This image cannot currently be displayed.

IGLDropDownMenu

This image cannot currently be displayed.

JVFloatLabeledTextField

Custom TextField Save on Labels More real estate Less Auto Layout Constraints

Jazz up the UI

Jazz up the UX

Activity Indicators Providing Feedback Background operations status Percentage completions

Jazz up the UX

YelpMessengerSafari

SVProgressHUD SGNavigationProgress BFRadialWaveHUD

TextField Interaction Animate text field when keyboard

appears

Jazz up the UXThis image cannot currently be displayed.

This image cannot currently be displayed. This image cannot currently be displayed.This image cannot currently be displayed.

TPKeyboardAvoiding

Colors

Images

Animations

Content

More ways to Jazz up…

Drone app

DoPH app

Only some of the options out there

Use them, fork them

Food for thought

Simply get inspired

Summary

www.cocoacontrols.com

www.github.com

Questions?

Rate This Sessionwww.esri.com/RateMyDevSummitSession