Monday, 15 November 2010

iPhone - Interaction Design Pattern



Productivity applications tend to organize information hierarchically: 



Productivity applications tend to organize information hierarchically: 



Example to present Photos:


Alert: An alert gives people important information that affects their use of the application (or the device). The arrival of an alert is usually unexpected, because it generally tells people about a problem or a change in the current situation that might require them to take action. Optionally, provide a custom title for the action button. An alert can contain one or two buttons. In a two-button alert, the Close button is on the left and the action button (titled View by default) is on the right. If you specify one button, the alert displays an OK button.

Modal view: A modal view provides more extensive functionality in the
context of the current task. Modal views can also provide a way to perform a subtask directly related to the user’s workflow.

Action sheet: Action sheets give people additional choices related to the action they are currently taking. People learn to expect the appearance of an action sheet when they tap a toolbar button that begins either a potentially destructive action (such as deleting all recent calls) or an action that can be completed in different ways (such as a send action for which users can specify one of several destinations).



Two types of content-area views:




Color navigation bar and toolbar: You can specify the colour and translucency of a navigation bar to coordinate with the overall look of your application and with the other bars in it (that is, toolbars, tab bars, and the status bar). You can use a custom color or choose one of the standard colours: Blue or black.

Navigation bar:  A navigation bar displays the title of the current view and can contain controls that manage the content in the view.





Tab bar: A tab bar appears at the bottom edge of the screen. If an application’s tab bar contains more than five tabs, displays four of them in the tab bar and adds a More tab.



Toolbar: For a number of actions.




A table view can display the Delete button and the delete control button:



A checkmark indicates the current selection in a list:


(see Apple 2010, p.20-97)


Apple, 2010. iPhone Human Interface Guidelines. Apple (online). Available at: http://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/MobileHIG.pdf [Accessed 15 November 2010].

No comments:

Post a Comment