Wednesday, April 11, 2012

Get Paid for Sharing Ads on Your Social Networks

Advertisers are sneaking into your Twitter and Facebook feeds — with help from your social media connections.

Wingsplay, a startup that launched last month, pays its users to share video ads on their social networks. The distribution model is key; it relies heavily on connected social networks. The founder, Olivier Lasry, says the best way for online advertisements to resonate with people is if a link has been recommended by a friend or social media connection.

"Twitter"

Even though you may not Like or follow advertisers, ads could trickle into your feeds via a friend who is trying to make a quick buck or just likes to watch funny ads. Users can earn money by sharing up to four video ads per week. Users are paid by cost per view. The service is not meant to be used to spam social media, but more to drive conversations.

“The Web made it almost impossible to reach people with boring ads,” Lasry said. “People don’t care about advertisers who interrupt them. But the opportunity is huge for remarkable video ads, which people actually want to watch and share.”

For example, Major League Soccer is promoting the April 14 Philadelphia v. Columbus soccer match on Wingsplay. After sharing the video, Wingsplay users are paid 21 cents each time someone from their social network clicks on the user’s link and watches the MLS video featuring David Beckham.

But the financial incentive isn’t enough for a person to share an ad. Lasry says users actually like the ads they choose to share.

“26% of our influencers shared the first videos we distributed on Wingsplay, which shows that influencers only share videos they like, and that the monetary incentive is only part of the experience,” Lasry said.

Oxygen and NBC were the first big names to promote ads through Wingsplay in an effort to target a larger social media audience. The week before the new shows aired on NBC and Oxygen, both networks promote their new series through Wingsplay. Users shared a video trailer ad for the new ABC show “Awake,” which premiered March 1 and Oxygen’s March 26 premiere of “Brooklyn 11223.”

Lasry said the site, which is still in beta, has started with trailers as a test. Moving forward, he wants the ads to be funny, gripping, cause-related or clever.

“[Trailers] might not be the best fit for our distribution model, but there are many of them and they give us a sense of the minimum performance that can be expected from our network,” he said. “Given the results of our first campaigns, we expect funny ads to deliver an Earned:Paid ratio around 6, which is unheard of in the industry.”

Lasry, who is originally from France, was inspired to start Wingsplay after seeing his friends share ads on their social networks. He figure if people are already sharing ads on Facebook, why not introduce advertisements through the consumer first? From there, real people can start coversations about the ads they’re interested in.

Unlike celebrity brand ambassadors, the average social media user talks with friends on a personal level about the content he or she is sharing. People or more likely to enjoy the same things their friends like, Lasry said. So far, Wingsplay users are posting to Facebook most — 84% of all Wingsplay shares have been distributed on Facebook.

What do you think of advertising encroaching on your social networks? Does advertising make social media better or worse? Will you sign up for Wingsplay? Tell us in the comments.

Photos courtesy of Wingsplay, iStock, kizilkayaphotos

Thursday, March 29, 2012

5 Tips to Get You Started in iOS App Design

5 Tips to Get You Started in iOS App Design

To say that mobile is hot right now is an understatement. A recent study predicts that users of mobile devices will overtake users of PC’s by 2014. This means that within 2 years, more people will be consuming internet content through their mobile device than through their computer.

As a result, graphic designers that are knowledgeable in mobile app design are becoming more and more in demand. Here are 5 tips to get you started in iOS App Design.

1. Understand the basic resolutions for apple mobile devices:

There are basic resolutions that you need to remember for the newest versions of the iPhone and iPad3. You don’t want to be left in the dust with a design that doesn’t look crisp on the new version of the iPad.

Take note that even though the resolution for newer models have increased, files should still be saved at 72 DPI — just like any other web design.

iPhone:
  • App Icon: 114 x 114 pixels
  • App Store Icon: 512 x 512 pixels
  • Screen Size: 640 x 960 pixels
Set up Photoshop like this:

iPad:
  • App Icon 144 x 144 pixels
  • Store Icon 512 x 512 pixels
  • Screen Size 1536 x 2048 pixels

Set up Photoshop like this:



2. Start with a wireframe

Sketch a mock up that shows the basic outlines of your app. The more detailed you get, the better. This part of the process is all about visualizing how the user will interact and experience your app.

wireframe

When you are happy with your sketches, its time to turn them into digital wireframes in Photoshop.

Make sure to get all of your proportions correct. You don’t want a navigation bar that is narrow and appears crowded, but you also don’t want to use up the limited real estate you have available on a mobile device.

Maintaining consistent proportions throughout your interface is key to the app’s aesthetics and user experience. Check out some examples of digital wireframes here.

3. Start small and scale it bigger

Design for the iPhone first. By starting out with a design for iPhone, you will have less difficult decisions to make when you create the iPad version.

It’s easier to add elements, than to cut out elements the app needs. The best mobile designs are fully functional on the iPad and don’t feel like they lack features on the iPhone counterpart.

4. Provide the proper deliverables to your client/developer.

Like a web page, a layered .PSD file is the standard deliverable, however some developers may want you to slice the app into individual elements. All elements of the design should be saved in .PNG format — the preferred image file for iOS apps.

5. Use and Explore the iOS Dev Center

Apple has tons of resources available for app designers and developers in the iOS Dev Center. If you’re ever un-certain of best practices or any specific requirements for an App Design this should be the first place you go. The Human Interface guidelines section is especially useful for designers.

Have any questions or tips of your own? Leave them in the comments.


Source: http://99designs.com/designer-blog/2012/03/27/5-tips-to-get-you-started-in-ios-app-design/

Monday, March 19, 2012

5 Tips for Creating Hi-Res iPad Content


Xavier Facon is CTO at Crisp Media, a rich media advertising technology company based in New York City. He blogs regularly about ad technology and mobile best practices. Designers and developers who create content for mobile devices with high-resolution screens often see the retina display as both a blessing and a curse.


For instance, the new iPad, with its 2,048 x 1,536-pixel resolution, has a million more pixels than your 1080p HD television. But while the new resolution affords stunning, visual experiences, the devices often require 4G Internet speeds, which aren’t available to everyone. Furthermore, designers are questioning how to start multi-screen projects in the first place.
Whether publishing digital content or building rich media display advertising, try these five tips.



1. If Designing for Multiple Devices, Start with the iPad.


Although historically the order of creating digital content has been desktop first, smartphone second, tablet third, you will need to port experiences to all screens eventually. Therefore, reverse the order and start with the highest resolution screen and the most interactive platform.
Start with the iPad, the device that can handle the best interactive ingredients in terms of features and resolution. Then, revise the idea when porting to more limited devices, like desktops, smart TVs, smartphones and less advanced tablets. This ensures the content will be optimized to its fullest extent on every device.



2. Use Web Fonts.


Web fonts allow you to use almost any font without having to render it as an image first. Download the font separately and render the text in the browser using the @font-face feature. This saves a lot of bandwidth on high-resolution screens.


Combine the web fonts with shading and masks for high-res, customizable results. This font example looks like a hand-painted sign on your new iPad. Access these fonts from various vendors, like Typekit.


Or apply compression technologies to an image that would normally create unwanted artifacts on your text. By keeping the text separate and using web fonts for design, you will always produce crisp, readable content.



3. Use CSS Instead of PNGs.


Web technologies like HTML5 and CSS3 help optimize high-resolution displays in a bandwidth-friendly way. Use progressive enhancement to mark up the content; that way, it will still look decent on browsers that don’t fully support the feature. Then, take advantage of colors, rounded corners, gradients and opacity to create common graphic elements. Don’t resort to PNGs for shape-based needs, such as buttons, lines, corners and tabs. It either won’t look crisp, or it will cost many more kilobytes than it’s worth.



4. Use a CSS Media Selector to Deliver Correctly Sized Images.


When creating photos and graphics to port across devices, try using a responsive design approach that scales content to the size of the canvas or browser window. Some JavaScript techniques allow you to download a high-resolution image, but may actually add weight to the page. Instead, try the CSS @media selector to download a photo sized specifically for the device.



5. Borrow Some Tricks from Game Designers.


Making high-res graphics efficient is not new to game design. Common game development techniques, like texture maps or sprite maps, can be the best approach for your content on high-res mobile screens.
With these techniques, the designer puts many images and backgrounds in one single larger image to avoid downloading and drawing multiple images. Especially when dealing with animations or backgrounds — as is often the case when designing rich media advertisements or entertainment content — bandwidth and display performance improves.


All of these techniques have been valid and viable for awhile now. However, with the advent of high-resolution mobile devices, these optimizations are even more necessary. The high pixel density revolution is forcing designers and interactive developers to save bandwidth by advancing the sophistication of their markups.

Source: http://mashable.com/2012/03/19/hi-res-content-for-ipad/