• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Optimising Mobile Seminar, Melbourne & Perth-June'13
 

Optimising Mobile Seminar, Melbourne & Perth-June'13

on

  • 385 views

Precedent latest "Putting Mobile First" seminar run in Melbourne on the 4 & 5th June and Perth on the 7th June.

Precedent latest "Putting Mobile First" seminar run in Melbourne on the 4 & 5th June and Perth on the 7th June.

John Campbell and Rufus Spiller presented

Statistics

Views

Total Views
385
Views on SlideShare
385
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Optimising Mobile Seminar, Melbourne & Perth-June'13 Optimising Mobile Seminar, Melbourne & Perth-June'13 Presentation Transcript

    • 4th June, 2013Putting Mobile First@precedentau ##PrecSemJohn CampbellHead of MobileRufus SpillerCreative Director
    • 1. A Changing World2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen6. Considering The FuturePutting Mobile First
    • A Changing World
    • A Changing World – Google I/O
    • A Changing World - Stats…
    • 2013Asia Pacific Europe North America Middle East and Africa Latin AmericaA Changing World – Users of Mobile by Region 2012 - 20172012Source: Portio Research2017
    • Australia Brazil China India Italy Russia SouthKoreaTurkey UK US0%10%20%30%40%50%60%70%80%90%100%SMS Web Browsing Email Social Networking Apps Streaming Music Instant Messaging Video/Mobile TVActivities performed by Smartphone Users at Least Once aMonthSource: Nielsen, (February 2013) via: mobiThinking
    • A Changing World – The Surge Towards TabletGlobalUnitsShipped(MMs)Global PC (Desktop / Notebook) and Tablet Shipments by Quarter (Q1: 1995 - Q1: 2013)Source: Katy Huberty, Ehud Gelblum, Morgan Stanley Research. Gartner. Data as of 4/13. Note: Notebook PCs include Net books
    • A Changing World – What Do Your Customers Use?Smart TVBlackberry WindowsiOSAndroid
    • A Changing World – Tablets
    • A Changing World – Tablets
    • A Changing World – Tablets
    • A Changing World – Mobile Operating System by RegionEuropeAustraliaJune 2012 to May 2013AsiaiOS Android SymbianOS OtherSource: Stat Counter – Global Stat Counter - http://gs.statcounter.com/
    • 1. A Changing World2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen6. Considering The FuturePutting Mobile First
    • Take the time tounderstand your user’sbehaviour and context.What Are My Options?
    • 1. Typically has short bursts of activity2. Often is time restricted3. Is goal driven4. Loves using his phone - joy of use5. Tells others of a good experience6. Needs a simple uncomplicated experienceWhat Are My Options? – Remember a Mobile User…
    • Take the opportunityto innovate in designand function.What Are My Options?
    • What Are My Options? – Mathew Algie - Ethical CoffeeCampaign
    • What Are My Options?MobiResponsiveFrameworkNative
    • What Are My Options?
    • What Are My Options?MobiResponsiveHybrid AppsNative Framework Web AppFeed Aggregators
    • What Are My Options? – Roll It - App or Web?
    • 1. A Changing World2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen6. Considering The FuturePutting Mobile First
    • ‘’Design ConsiderationsEffective mobile designs not onlyaccount for these one thumb/one eyeballexperiences but aim to optimize for themas well.Luke Wroblewski – Mobile First
    • Design Considerations – Common Language
    • Design Considerations – Hit Areas
    • RecognitionPutting a picture to either a personor a place:‘Meet Bob the new councilmember for your area’Or‘Drop by the new office onFlinders Lane’DescriptionWhere a specific item is betterdescribed visually:‘We will be rolling out newwheely bins to replace our oldones, they will look like this:’Or‘Our new Series 125fx is thefastest widget on the market andcomes in blue!’Design Considerations - Images
    • Design Considerations – Responsive layouts
    • Design Considerations - ReachRight handEasyAverageHardLeft handEasyAverageHard
    • 1. A Changing World2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen6. Considering The FuturePutting Mobile First
    • The Optimum Approach - mobi
    • The Optimum Approach - mobi
    • The Optimum Approach - mobi
    • What it’s good for:• Providing focus and clearstructure• Deploying without impact onmain website• Delivering quickly• Wide reach working viabrowser• Can be designed tounderstand and respond toscreen size or orientationConsiderations:• Careful consideration tocontent impacting performance.• Keep the design simplyeffective• You need to design for tabletand phone to maximiseexperience.• Links to m. or mobi domainnameThe Optimum Approach - mobi
    • The Optimum Approach - Responsive
    • The Optimum Approach - Responsive
    • The Optimum Approach - Responsive
    • The Optimum Approach - Responsive
    • What it’s good for:• Reflows the same contentfrom the website• Content is presented on alldevices and screen sizes.• Architecture of the siteremaining the same• Single update of contentConsiderations:• Cannot apply a different tone ofvoice for mobile usage.• Experience not built around theuser or context• Requires to think in % and notfixed width• Supported screen size has tobe chosenThe Optimum Approach - Responsive
    • ‘’The Optimum Approach - ResponsiveIts cheap but degrading to reuse contentand design across diverging mediaforms like print vs. online or desktop vs.mobile. Superior UX requires tightplatform integration.Jakob Neilsen – 21st May 2012
    • The Optimum Approach - Responsive
    • The Optimum Approach – Hybrid Apps
    • Are apps going outof fashion?The Optimum Approach – What do you think?
    • Yes NoThe Optimum Approach – What do you think?
    • The Optimum Approach - Frameworks
    • What it’s good for:• Lets you develop once anddeploy many• Cross device supportwidening reach• A balance between rich designand reach• Simplifying the interface whilstenabling functionality• Deployment via app storesConsiderations:• Will not be a rich interface• Restricted in functions• Balance between features andreach• Typically uses HTML5 andJavaScript.The Optimum Approach - Frameworks
    • The Optimum Approach – Native Apps
    • The Optimum Approach – Native Apps
    • The Optimum Approach – Native Apps
    • The Optimum Approach – Native Apps
    • The Optimum Approach – iButterfly
    • What it’s good for:• Provides a rich interface• Uses the full phone feature set• Designed around the user• Optimal performance• Provides joy of use• Can differentiate your brandConsiderations:• Needs to be developed foreach device type• Designs typically can beshared• Data is a key consideration forunconnected useThe Optimum Approach - Native
    • The Optimum Approach
    • The Optimum Approach - Feeds
    • The Optimum Approach - Feeds
    • 1. A Changing World2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen6. Considering The FuturePutting Mobile First
    • From the ground up:• Custom approaches• Considered context• Specific contentFrom pre-existing:• Desktop applied to mobile• Stress / break points• Reworked contentMaking It Happen - Content
    • Making It Happen – Content: Mobile First
    • Making It Happen – Content: Adapting content
    • Making It Happen – UI Flow
    • Typical Assets• Logos• Iconography• Image galleries• Product shots• multiple sizes neededMaking It Happen – Image Support
    • ‘’Making It Happen - ImagesWhat about performance?Won’t a lot of images slow down themobile experience?
    • Making It Happen – Images
    • ‘’Making It Happen – Data IntegrationUsers are sympathetic to poor networkcoverage and adjust their expectationswhen WIFI isn’t available.
    • ‘’Making It Happen – Data IntegrationUsers are NOT sympathetic to poornetwork coverage and adjust theirexpectations when WIFI isn’t available.
    • 1. Ensure your existing web APIdoes not bundle unnecessarydata with requests for data2. Expand your API to deal withshort, quick requests andhook it into your CMS solutionas soon as possible3. FEO is vital. Use mobileoptimisation and analyticstools to see where yourdelivery speeds can beimproved4. Track user interaction in yourapp using an analytics toolMaking It Happen – Data Integration – 4 Key points
    • Making It Happen – Data Integration
    • ‘’Making It Happen – Resource and ProcessThe more channels I run, the moreresource I’ll need, right?
    • Making It Happen – Resource and Process
    • Making It Happen – Resource and Process
    • Making It Happen – Resource and Process
    • 1. A Changing World2. What Are My Options?3. Design Considerations4. The Optimum Approach5. Making It Happen6. Considering The FuturePutting Mobile First
    • Considering the Future – Lifestyle Health Bands
    • Considering The Future
    • Considering The Future – Remember it’s a Phone!
    • ‘’Considering The FutureIf you want the Internet to beeverywhere it has to be visible nowhere.It has to be unseen, unnoticed,undiscussed.David St. Charles - Integrated Systems Inc. (Wired 1996)
    • SpaceBook is a speech-driven, hands-free,eyes-free device for pedestrian navigation andexploration.Considering The Future - PrecedentLabs
    • Considering The Future – PrecEvents – Out of the Box!
    • Considering The Future – New mobile platforms in 2013
    • • Connected devices• Mobile payments and e-wallet• Mobile advancement - wearable devices (NFC)• Lounge computing - socially integrated TV• Move towards social business• Smart content with personalisation & aggregation• Self service applicationsConsidering The Future - Our view of the digital trends for2013 ‘14
    • Don’t disappointDon’t be afraid to innovateDon’t delay in providing a solution( think-apply-review-refine )Considering The Future – Finally…
    • Think big.Start small.Act Quickly.Smart thinking wins…Considering The Future – Finally…
    • Years24 ExperienceQualityStabilityLoyaltyResults
    • Experts100 Strategy and researchBranding and communicationsUser centered designDevelopment and hostingDigital marketing
    • Sectors6 EducationMembership organisationThird sectorFinancial servicesHealthDestinations