2013年6月16日星期日

Inside iOS 7: Animations work with flat graphics to create sense of space

  While eye-catching static design choices like Jony Ive's "flat" iconography and a liberal use of Helvetica Neue Ultra Thin font may be the first things people notice about iOS 7, it's what they don't see that makes Apple's latest OS beautiful.
  Animations are simple-yet-necessary tools designers use to create a great user experience. For example, the rubber-banding feature in iOS — recently in the news as part of Apple's ongoing patent dispute against Samsung — has been a key asset to the operating system since the first iPhone debuted in 2007.
  The animation is seemingly minor, showing a slight bounce-back when the end of a scrollable page is reached, but without it, users would have no feedback from the system when navigating documents. This speaks in no small part to the responsiveness of an OS.
  Other system animations are app-specific or are meant to be seen, such as the "jiggle mode" for editing and deleting apps from a home screen.
  With iOS 7 beta, a number of new and interesting animation tweaks come into play. Some are overt, though many are so subtle they may never be noticed by a user. The examples below offer just a sampling of what the OS has to offer.
  Lock Screen
  Starting with the Lock Screen, there are already a multitude of changed elements, including the "slide to unlock" bar, which no longer exists. User still need to "slide" or swipe right to unlock the iPhone, but the animation has been modified to move an entire layer of the screen instead of just a small slider. The Lock Screen also fades in from black when the iPhone wakes up, which is a nice touch.
  Notification Center, which is now accessible from the Lock Screen as a system settings option, slides down as it did in iOS 6. The translucent panel that pops into view has some added physics, however, as it "thuds" to the bottom of the screen, bouncing back as if rebounding from a fall.
  The motion is not quite as "elastic" as the usual rubber-banding bounce-back, but is similar in magnitude, with faster pull-downs getting a larger bounce than slow swipes. This particular animation offers quite a different "feel" than anything in previous iOS version. The physics of the bounce are harder, and convey a sense of weight and structure to the panel.
  Swiping up from the opposite end of the screen brings the new Control Center into view, with the window gliding to just below the clock before slightly retracting in a very "rubber-bandy" movement. This panel, also accessible from anywhere in the OS, doesn't rely on magnitudes of motion, meaning it bounces back the same degree, no matter how fast or slow the swipe.
  Located at the top of Control Center, and the bottom of the Notification Center, is a small animated line. When each panel is at rest, the line takes on the shape of a chevron which points either up or down depending on whether a window is open or closed. When the panels are moving, it becomes a straight line.
  For example, at the Lock Screen, the two chevrons appear at the top and bottom of the screen, inviting users to pull down or swipe up to open Notification Center or Control Center. The chevrons recede to the edges of the display as the device is unlocked.
  When iOS 7 was demoed at WWDC 2013, there was mention of a so-called "parallax" home screen view. This animation, unlike other additions, uses the iPhone's internal sensors to determine the position a user is holding the device, and shifts the background in concert with any off-axis movement. The result is interesting and makes the icons appear to be hovering over the wallpaper.
  While completely unnecessary, parallax view offers a certain level of liveliness to the home screen without being too much of a distraction. The effect is similar to one found in Google's Android, which shifts the background slightly when navigating between icon pages.
  In addition to parallax view, Apple has added "zoom" animations that are activated when opening an app or app folder. For apps, the function is straightforward: a user presses an icon and the OS animates a zoom-in that appears to drill directly into the app. Important to note here is that the selected icon is enlarged along with all other icons on the page, with the final view ending in an open app. In contrast, the same action in iOS 6 has icons slide out of the way as an app window expands from the center of the screen.
  Things are a bit more complex with folders. Instead of merely enlarging and homing in on a folder from its resting position, iOS 7 beta animates a zoom motion for both the folder and the swath of wallpaper directly behind it. The animation is quite clever, as app folders don't come close to taking up the entire screen, thus leaving much of the wallpaper showing. By slightly zooming in on the background, iOS doesn't break the illusion that its icons are floating in mid air.
  The new multitasking view makes copious use of physics. Swiping left or right on the app preview panes triggers slower, dampened movement, while doing the same with the icons beneath scrubs more quickly, almost at a one-to-one ratio with a user's thumb. The app panes are equidistant in this perspective, but the icons track by magnitude, meaning a quick flick expands the space between.
  Also present is the space filling animation seen Music, which is activated when an app is manually terminated by swiping it toward the top of the screen.

Microsoft Retail store has ballooned up from around

  In actual fact, you shouldn't be at-all astonished because of the observe. Bloomberg Businessweek's Ashlee Vance permit slip within an article this previous 7 days that Microsoft is having to pay builders "$100,000 or more" to develop applications for its Windows Mobile phone platform ¨C a stunning incentive, certain, for people whose budgets are far too constrained or engineering personnel is too busy to port a well-liked application over to Windows telephones.
  On the other hand, it is essential to clarify that Microsoft just isn't undertaking anything new, as Vance's report ¨C along with the subsequent follow-ups penned by other journalistic entities ¨C may well reveal. Microsoft continues to be spending developers for their consideration, talent, and app-creation talents for a while now, along with the figure goes a great deal better than $100,000.
  Within an post printed in April of past yr, the new York Times' Jenna Wortham and Nick Wingfield famous that, "Microsoft is so decided to own plenty of brand-name applications for its Windows Cell phone application keep that it's ready to buy them." The incentive, explained further down in the article, can include things like a payment of anywhere from $60,000 to $600,000 "depending within the complexity on the application."

  While this sounds just like a subtle form of bribery, Microsoft's incentives have managed to realize noteworthy success that profit builders and people alike. Take Foursquare, the instance named out in the Times' report from last calendar year. With out the money enhance ¨C in this instance, purchasing an outside company to port Foursquare's application around for the Home windows Telephone system ¨C Foursquare would possible not exist on Windows phones, interval.
  Since then, the Microsoft Retail store has ballooned up from around 70,000 apps and games to 145,000. And maybe that amount has also been boosted a little bit by Microsoft's next promotional system to inspire developer fascination: A bounty program that gave developers a $100 Visa reward card for each and every application they published on the Microsoft Retail outlet, as many as $2,000 truly worth of overall benefits, concerning March 9 and June 30 of this 12 months.
  Certainly, Microsoft is just not the one manufacturer that's sought to woo builders with the promises of cold, really hard income. RIM doubled the reward pool to $2 million for the people participating in its final "Port-A-Thon" application in January of this year ?a that's right after the corporate saw over fifteen,000 apps submitted above a one-and-a-half-day period of time in its former "Port-A-Thon" event. Individuals creating or porting apps have been eligible to gain $100 for every, up to a most of $2,000, for every app which was accepted in to the BlackBerry Globe application shop.