SlideShare ist ein Scribd-Unternehmen logo
1 von 8
Mobile City: UI/UX Design




      Tracker Poker 1
About Me
●   Allan Davis
    –   Lead Developer of Mobile Technology for
        DealerMatch
    –   Cajun.code@gmail.com
    –   @cajun_code
Session Agenda
●   Introduction(Tip Calculator)
●   Overview of Objective C(TicTacToe)
●   UI UX (TrackerPoker)
●   CoreData (MyBloodyTaskList)
●   Networking and web-services
    (TrackerPokerLive)
●   Debugging, Testing, Tuning and Distribution
●   Game Development with Cocos2d (Oni Attack)
Class Agenda
●   Human Interface Guide
●   Design and Prototype
●   Using Interface Builder
●   Tracker Poker
Human Interface Guide
●   http://developer.apple.com/library/ios/DOCUM
    ENTATION/UserExperience/Conceptual/Mobil
    eHIG/MobileHIG.pdf
●   Design Guidelines by Apple
●   Don't break the rules set by the HIG
Create A Prototype
●   Photoshop/GIMP or Inkskape
●   Invisionapp
    –   http://www.invisionapp.com/
●   Mobile web app
    –   Html5
    –   Javascript
        ●   JqueryMobile
        ●   Dojo
Start with the Interface
Tracker Poker
●   Planning Poker app that works with Pivotal
    Tracker
●   Individual Team members is synced to a web
    based room
●   Story is displayed on screen
●   Each team member Votes on the story
●   Score is tallied up and set an points on the
    story

Weitere ähnliche Inhalte

Was ist angesagt?

Making of Colab
Making of ColabMaking of Colab
Making of ColabUnrealUGSK
 
Using JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile ApplicationsUsing JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile ApplicationsDerek Anderson
 
Mobile development using flutter
Mobile development using flutterMobile development using flutter
Mobile development using flutterKanan Yusubov
 
Build simple AI-based personal assistant using API.ai
Build simple AI-based personal assistant using API.aiBuild simple AI-based personal assistant using API.ai
Build simple AI-based personal assistant using API.aiGlend Maatita
 
Oculus Company Presentation
Oculus Company PresentationOculus Company Presentation
Oculus Company PresentationKenneth Sandera
 
Google Cast for iOS and Android using Xamarin
Google Cast for iOS and Android using XamarinGoogle Cast for iOS and Android using Xamarin
Google Cast for iOS and Android using XamarinPeter Major
 

Was ist angesagt? (7)

Making of Colab
Making of ColabMaking of Colab
Making of Colab
 
Using JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile ApplicationsUsing JavaScript to write Native Mobile Applications
Using JavaScript to write Native Mobile Applications
 
Really fast Android
Really fast AndroidReally fast Android
Really fast Android
 
Mobile development using flutter
Mobile development using flutterMobile development using flutter
Mobile development using flutter
 
Build simple AI-based personal assistant using API.ai
Build simple AI-based personal assistant using API.aiBuild simple AI-based personal assistant using API.ai
Build simple AI-based personal assistant using API.ai
 
Oculus Company Presentation
Oculus Company PresentationOculus Company Presentation
Oculus Company Presentation
 
Google Cast for iOS and Android using Xamarin
Google Cast for iOS and Android using XamarinGoogle Cast for iOS and Android using Xamarin
Google Cast for iOS and Android using Xamarin
 

Ähnlich wie MobileCity: UI UX Design

Programming for non tech entrepreneurs
Programming for non tech entrepreneursProgramming for non tech entrepreneurs
Programming for non tech entrepreneursRodrigo Gil
 
ITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp 2012 - Alex Gyoshev - Kendo-UIITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp 2012 - Alex Gyoshev - Kendo-UIITCamp
 
MobileCity:Introduction to IOS
MobileCity:Introduction to IOSMobileCity:Introduction to IOS
MobileCity:Introduction to IOSAllan Davis
 
Android Jumpstart ESC SV 2012 Part I
Android Jumpstart ESC SV 2012 Part IAndroid Jumpstart ESC SV 2012 Part I
Android Jumpstart ESC SV 2012 Part IOpersys inc.
 
Android jumpstart at ESC Boston 2011
Android jumpstart at ESC Boston 2011Android jumpstart at ESC Boston 2011
Android jumpstart at ESC Boston 2011Opersys inc.
 
Mobile app development using Android SDK
Mobile app development using Android SDKMobile app development using Android SDK
Mobile app development using Android SDKJosh Clemm
 
Android best practices 2015
Android best practices 2015Android best practices 2015
Android best practices 2015Sean Katz
 
App Development with Swift, by Apple
App Development with Swift, by AppleApp Development with Swift, by Apple
App Development with Swift, by AppleFranco Cedillo
 
Embedded Android Workshop / ELC 2013
Embedded Android Workshop / ELC 2013Embedded Android Workshop / ELC 2013
Embedded Android Workshop / ELC 2013Opersys inc.
 
Embedded Android Workshop at ELC Europe
Embedded Android Workshop at ELC EuropeEmbedded Android Workshop at ELC Europe
Embedded Android Workshop at ELC EuropeOpersys inc.
 
Developing of iPhone Applications
Developing of iPhone ApplicationsDeveloping of iPhone Applications
Developing of iPhone ApplicationsCETES
 
Android Developing Overview
Android Developing OverviewAndroid Developing Overview
Android Developing OverviewAbdallah Abuouf
 
MobileCity: Overview of ObjectiveC
MobileCity: Overview of ObjectiveCMobileCity: Overview of ObjectiveC
MobileCity: Overview of ObjectiveCAllan Davis
 
Embedded Android Workshop at Embedded World Conference 2013
Embedded Android Workshop at Embedded World Conference 2013Embedded Android Workshop at Embedded World Conference 2013
Embedded Android Workshop at Embedded World Conference 2013Opersys inc.
 
Android App Development 01 : Getting Start
Android App Development 01 : Getting StartAndroid App Development 01 : Getting Start
Android App Development 01 : Getting StartAnuchit Chalothorn
 
XinNing_Resume
XinNing_ResumeXinNing_Resume
XinNing_ResumeXin Ning
 
Embedded Android Workshop at Embedded Linux Conference Europe 2011
Embedded Android Workshop at Embedded Linux Conference Europe 2011Embedded Android Workshop at Embedded Linux Conference Europe 2011
Embedded Android Workshop at Embedded Linux Conference Europe 2011Opersys inc.
 
Embedded Android Workshop at AnDevCon IV
Embedded Android Workshop at AnDevCon IVEmbedded Android Workshop at AnDevCon IV
Embedded Android Workshop at AnDevCon IVOpersys inc.
 

Ähnlich wie MobileCity: UI UX Design (20)

Programming for non tech entrepreneurs
Programming for non tech entrepreneursProgramming for non tech entrepreneurs
Programming for non tech entrepreneurs
 
ITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp 2012 - Alex Gyoshev - Kendo-UIITCamp 2012 - Alex Gyoshev - Kendo-UI
ITCamp 2012 - Alex Gyoshev - Kendo-UI
 
MobileCity:Introduction to IOS
MobileCity:Introduction to IOSMobileCity:Introduction to IOS
MobileCity:Introduction to IOS
 
Android Jumpstart ESC SV 2012 Part I
Android Jumpstart ESC SV 2012 Part IAndroid Jumpstart ESC SV 2012 Part I
Android Jumpstart ESC SV 2012 Part I
 
Android jumpstart at ESC Boston 2011
Android jumpstart at ESC Boston 2011Android jumpstart at ESC Boston 2011
Android jumpstart at ESC Boston 2011
 
Mobile app development using Android SDK
Mobile app development using Android SDKMobile app development using Android SDK
Mobile app development using Android SDK
 
Android best practices 2015
Android best practices 2015Android best practices 2015
Android best practices 2015
 
Codebits Talk
Codebits TalkCodebits Talk
Codebits Talk
 
App Development with Swift, by Apple
App Development with Swift, by AppleApp Development with Swift, by Apple
App Development with Swift, by Apple
 
Embedded Android Workshop / ELC 2013
Embedded Android Workshop / ELC 2013Embedded Android Workshop / ELC 2013
Embedded Android Workshop / ELC 2013
 
Embedded Android Workshop at ELC Europe
Embedded Android Workshop at ELC EuropeEmbedded Android Workshop at ELC Europe
Embedded Android Workshop at ELC Europe
 
Developing of iPhone Applications
Developing of iPhone ApplicationsDeveloping of iPhone Applications
Developing of iPhone Applications
 
Android Developing Overview
Android Developing OverviewAndroid Developing Overview
Android Developing Overview
 
MobileCity: Overview of ObjectiveC
MobileCity: Overview of ObjectiveCMobileCity: Overview of ObjectiveC
MobileCity: Overview of ObjectiveC
 
Embedded Android Workshop at Embedded World Conference 2013
Embedded Android Workshop at Embedded World Conference 2013Embedded Android Workshop at Embedded World Conference 2013
Embedded Android Workshop at Embedded World Conference 2013
 
Android App Development 01 : Getting Start
Android App Development 01 : Getting StartAndroid App Development 01 : Getting Start
Android App Development 01 : Getting Start
 
XinNing_Resume
XinNing_ResumeXinNing_Resume
XinNing_Resume
 
Embedded Android Workshop at Embedded Linux Conference Europe 2011
Embedded Android Workshop at Embedded Linux Conference Europe 2011Embedded Android Workshop at Embedded Linux Conference Europe 2011
Embedded Android Workshop at Embedded Linux Conference Europe 2011
 
Getting started with PhoneGap
Getting started with PhoneGapGetting started with PhoneGap
Getting started with PhoneGap
 
Embedded Android Workshop at AnDevCon IV
Embedded Android Workshop at AnDevCon IVEmbedded Android Workshop at AnDevCon IV
Embedded Android Workshop at AnDevCon IV
 

Mehr von Allan Davis

Flutter game development
Flutter game developmentFlutter game development
Flutter game developmentAllan Davis
 
Vr unity cardboard
Vr unity cardboardVr unity cardboard
Vr unity cardboardAllan Davis
 
Continuous Integration for IOS Apps
Continuous Integration for IOS AppsContinuous Integration for IOS Apps
Continuous Integration for IOS AppsAllan Davis
 
Cross Platform Mobile Game Development
Cross Platform Mobile Game DevelopmentCross Platform Mobile Game Development
Cross Platform Mobile Game DevelopmentAllan Davis
 
Mobilecity:Android Introduction
Mobilecity:Android IntroductionMobilecity:Android Introduction
Mobilecity:Android IntroductionAllan Davis
 
MobileCity:Core Data
MobileCity:Core DataMobileCity:Core Data
MobileCity:Core DataAllan Davis
 
Coocoo for Cocoapods
Coocoo for CocoapodsCoocoo for Cocoapods
Coocoo for CocoapodsAllan Davis
 

Mehr von Allan Davis (9)

Flutter game development
Flutter game developmentFlutter game development
Flutter game development
 
Vr unity cardboard
Vr unity cardboardVr unity cardboard
Vr unity cardboard
 
Continuous Integration for IOS Apps
Continuous Integration for IOS AppsContinuous Integration for IOS Apps
Continuous Integration for IOS Apps
 
Cross Platform Mobile Game Development
Cross Platform Mobile Game DevelopmentCross Platform Mobile Game Development
Cross Platform Mobile Game Development
 
Mobilecity:Android Introduction
Mobilecity:Android IntroductionMobilecity:Android Introduction
Mobilecity:Android Introduction
 
MobileCity:Core Data
MobileCity:Core DataMobileCity:Core Data
MobileCity:Core Data
 
Coocoo for Cocoapods
Coocoo for CocoapodsCoocoo for Cocoapods
Coocoo for Cocoapods
 
Generators
GeneratorsGenerators
Generators
 
Django agenda
Django agendaDjango agenda
Django agenda
 

MobileCity: UI UX Design

  • 1. Mobile City: UI/UX Design Tracker Poker 1
  • 2. About Me ● Allan Davis – Lead Developer of Mobile Technology for DealerMatch – Cajun.code@gmail.com – @cajun_code
  • 3. Session Agenda ● Introduction(Tip Calculator) ● Overview of Objective C(TicTacToe) ● UI UX (TrackerPoker) ● CoreData (MyBloodyTaskList) ● Networking and web-services (TrackerPokerLive) ● Debugging, Testing, Tuning and Distribution ● Game Development with Cocos2d (Oni Attack)
  • 4. Class Agenda ● Human Interface Guide ● Design and Prototype ● Using Interface Builder ● Tracker Poker
  • 5. Human Interface Guide ● http://developer.apple.com/library/ios/DOCUM ENTATION/UserExperience/Conceptual/Mobil eHIG/MobileHIG.pdf ● Design Guidelines by Apple ● Don't break the rules set by the HIG
  • 6. Create A Prototype ● Photoshop/GIMP or Inkskape ● Invisionapp – http://www.invisionapp.com/ ● Mobile web app – Html5 – Javascript ● JqueryMobile ● Dojo
  • 7. Start with the Interface
  • 8. Tracker Poker ● Planning Poker app that works with Pivotal Tracker ● Individual Team members is synced to a web based room ● Story is displayed on screen ● Each team member Votes on the story ● Score is tallied up and set an points on the story