Wednesday 23 February 2011

Second sketches - iPad

Same requirements such as the iPhone requirements: 
  • To buy a combination of clothes (product idea 1.),
  • to show seasonal trends (product idea 2.),
  • to show suggestions (product idea 5.), 
  • to buy an outfit in your area (product idea 3.),       
moreover, 
  • to change and combine clothes of a costume doll,
  • to show the total costs for an outfit.

According to the requirements and inspired by the iPad Apps (Pocket Pond, Net-A-Porter and Slate) I make sketches of an interaction solution for the iPad.

Screen shots and short descriptions of the three iPad Apps I got my inspiration:

The first App is the Pocket Pond. It is an App for playing with fishes and water lily. A user can drag and drop more fishes and water lilies in the lake. This App is on example that shows that a drag and drop gesture is very common gesture for the iPad (Pocket Pond, 2011):



The other App is an example of a fashion magazine Net-A-Porter. This example represents a popular form of using the iPad as a digital magazine with large and emotional pictures (Net-A-Porter, 2011): 



The last App is from Slate an American online magazine. The interesting thing at the Slate App is that you can flick the borders to chose an article (Slate, 2011):



Inspired by the Apps I started to draw sketches. In the next picture two variants are visible. In the above variant there are two bars: One navigation bar (with a back function and button "wardrobe") and one tool bar (with browsing function for the pictures plus a button "add to the shopping bag"). In the other variant is only a navigation bar (with back function and a button "add to the shopping bag"). The user can activate the wardrobe with the round plus button. The main idea of these views is to give a lot of space for large and emotional photographs such as in the Net-A-Porter App. 


When the user open the wardrobe either with the button "wardrobe" or with the round plus button an wardrobe open in a popover. The wardrobe of the iPad is different than the wardrobe for the iPhone. The areas of the different types of clothes are together in the wardrobe and not fragmented in several screens such as the wardrobe of the iPhone. The concept to integrate more fragments on a lager screen is related to the android concept of fragmenting (see fragmenting). The user can flick through the shelves of the wardrobe such as in the Slate App and can change the clothes with and drag and drop gesture such as in the Pocket Pond App. When the user drop an item a popover open with a possibility two change the colour and the size. 



Net-A-Porter, 2011. iPad App. Available at: http://www.net-a-porter.com/Content/apps/ipad [Accessed 23 February 2011].
Pocket Pond, 2011. iPad App. Available at: App Store. [Accessed 23 February 2011].
Slate, 2011. iPad App. Available at: http://www.slate.com/id/2263558/ [Accessed 23 February 2011].

No comments:

Post a Comment