iOS 5 Tech Talk: Mark Kawano on iOS User Interface Design. Apple kicked off this winter’s iOS 5 Tech Talk World Tour last week in Berlin.
I was lucky enough to get a seat and I’d like to tell you a bit about the sessions I attended for those who weren’t there. First up after the kickoff session was Mark Kawano, Apple’s User Experience Evangelist. He talked about iPhone and iPad User Interface Design, in particular: Understanding what makes the iPhone and iPad so special is essential to designing a great user experience.
Learn best practices for optimizing your app’s user interface for the unique characteristics of iOS devices. Mark opened his talk by reminding the audience to strive to build a truly great app. One common theme of great apps is that they tell a story. What will your app do? Mark continued with some concrete steps you should follow while designing your app, always driven by the story you have defined. 1. Ask yourself two questions in this section: What type of app are you building? What kind of content does your app have? General Tips. Dribbble - Show and tell for designers. Beautiful Pixels. UIView Animation Tutorial: Practical Recipes. If you're new here, you may want to subscribe to my RSS feed or follow me on Twitter.
Thanks for visiting! Use some UIView Animation Recipes you can use in your apps! This is a blog post by iOS Tutorial Team member Fabio Budai, an Objective C developer from Italy. One lesson I learned the hard way is that graphics and animations are really important in iPhone Apps, and not only in games. Utilities also need a nice UI and some cool graphic effects. It may be true that most of these animations are useless! Sometimes your design needs a complex UI that can contain a lot more objects than you can fit on a screen.
Luckily, UIKit has some really powerful built-in animations, and in iOS 4, blocks make using them really easy. We already covered how to use UIView Animations in the UIView Animation Tutorial posted here almost a year ago, so you might want to go through that tutorial first. Getting Started Create a new project in XCode: File\New\New Project. Make sure you check ARC and Storyboard. Testing UI on iOS. Teaching users how your iPhone app works. An important and often overlooked aspect of iPhone application design is how to facilitate the understanding of an interface and its functionality the first time a user downloads and runs the application. iPhone app designers aim to make an application intuitive and easy to use without relying on help or a manual to guide the user through how to use the app.
However, there are times when an interface is most effective and efficient to use once some initial behaviors are learned. iPhone applications that introduce new, innovative interaction models or that allow the user to access a wide range of information or complete several tasks often use first-time use help screens to help users learn how an app works. Below is a look at six design patterns that apps have leveraged to introduce functionality to their users.
Demos: A demo animates a series of screens showing the primary functions of the application. Example: Convertbot Tutorials Example: Pose Single Screen Overlays Walkthroughs. Design Then Code: Building iOS Apps From Scratch. Before taking a crack at any Design Then Code project tutorials you'll need some knowledge of Xcode, Objective-C, Cocoa and UIKit.
My goal is for this guide to help bridge the gap between having no knowledge of iOS development and having enough to start tackling more interesting projects. Tools Apple provides a number of tools to enable developers to build Mac and iOS apps. To download them, head to the Mac App Store and search for "Xcode". This $4.99 download will give you access to Xcode (the IDE that Mac/iPhone developers use), Interface Builder, the Cocoa Frameworks, tools for testing your apps, and a lot more. Here's a quick overview of the tools Apple provides. Xcode Xcode is an IDE (Integrated Development Environment) used by Mac and iOS developers to build applications. Interface Builder Interface Builder is an application that lets you build your interfaces visually.
Frameworks And the most important piece of the puzzle: frameworks.