Request A Quote

On-Site, 100% Hands-On. 100% Customized to Your Exact Needs.

Course Description

This 1-Day iOS/iPhone/iPad User Interface Design Course is for technology professionals who need to quickly master the user-interface design choices available for iOS apps, including the iPhone, the iPod Touch, and the iPad.

The course begins by introducing the key iOS app types, including: Window-based app, View-based app, Utility-based app, Tab Bar app, Navigation-based app, Split View-based app and OpenGL ES app.

The course then introduces Interface Builder, the key tool used to lay out the user interface at design time.

The remainder of the course covers the key user interface objects, including: Windows, Views, Inputs, Values, Bars, and Data Views.

At the end of the course, technology professionals will understand the key look and feel options for iOS apps.

Prerequisites

Students should be familar with user interface design techniques. NOTE: There is no requirement to write code in this course. Rather, the course is for those who focus on the look and feel, or user interface, of an iOS app.

Course Objectives

• Learn good UI design for the iPhone, iPod Touch, and iPad.
• Learn the iOS app types.
• Learn the iOS UI objects.
• Learn the iOS UI guidelines.

Course Outline

1. Intro to iOS UI Design
   1. iPod Touch
   2. iPhone
   3. iPad
   4. iOS App Types
   5. Windows and Views
   6. Inputs and Values
   7. Data Views
2. iOS Device UI
   1. Home Button
   2. Sleep Button
   3. Touch and Gestures
   4. Screen Resolutions
   5. Icons and Images
   6. Audio and Video
3. iOS App Types
   1. Window-based App
   2. View-based App
   3. Utility App
   4. Tab Bar App
   5. Navigation-based App
   6. Split View-based App
   7. OpenGL ES App
4. Alerts, Action Sheets and Notifications
   1. Alerts
   2. Action Sheets
   3. Notifications
5. iOS Windows, Views and Bars
   1. Window
   2. View
   3. Search Bar
   4. Navigation Bar
   5. Navigation Item
   6. Toolbar
   7. Bar Button Item
   8. Tab Bar
   9. Tab Bar Item
6. Inputs and Values
   1. Label
   2. Button
   3. Text Field
   4. Switch
   5. Segmented Control
   6. Slider
   7. Progress View
   8. Activity Indicator View
   9. Page Control
7. Data Views
   1. Text View
   2. Web View
   3. Map View
   4. Image View
   5. Table View
   6. Table View Cell
   7. Ad Banner View
   8. Scroll View
   9. Date Picker
   10. Picker View
8. Course Summary
   1. Review of Key Concepts
   2. Where to go from here

Updated 2011 Feb 28
Content viewable on all web browsers, including smart mobile phone devices.
Copyright © 1995-2011 Servin Corporation. All rights reserved.