Use these tips when you're planning and creating effects in Spark AR Studio. They'll help you make effects that people will want to interact with, and share.
If you're submitting an effect to Instagram, there are some extra guidelines you'll need to follow to make sure your effect is approved.
Focus on a solid use case
Make it social
Consider adding support for multiple faces to your effect, so people can use it with friends.
Keep it simple
Not all users will have used AR before. To stop people becoming frustrated, manage expectations on what kind of experience should be expected and how much effort they’ll need to contribute. For example by:
Design for different device types
Test your effect on multiple types and generations of mobile devices to make sure that effect works well. The majority of people who use Facebook use Android mobile devices and younger people tend to use older ones.
Design for repeat use
The most engaging effects are ones that are flexible and can be used in different contexts.
Effects that are relevant year-round will give your work a longer shelf life.
Add to the camera experience
Avoid taking over lots of the camera view, or making people completely unrecognizable.
Allowing people to keep recognizable elements of their environment or body helps make the effect feel personal.
It's a good idea to avoid completely obscuring faces - for example with static masks. If you do make a mask effect that covers the face, it should react to the user. For example, it should respond to their expressions, movements or interactions.
Avoid the edges of the screen
If you add objects on the edges of the composition, there's a chance they will be obscured by UI. It's best to avoid placing objects too close to the edge of the camera screen if you can.
Give people something to capture with the lowest amount of effort
Most people move on from an effect in a few seconds. Make sure the main features of your effect happen as soon as possible.
You should also avoid adding lots of additional UI or fixed text into your scene, unless it really adds to the effect. Having lots of text and UI increases the time it takes for people to look at and understand an effect, which makes it less likely for them to enjoy and share it.
People interact with an effect using gestures - like tapping the screen, or moving their face. Follow these guidelines to make gestures as effective as possible in your effect.
Keep interactions obvious
Think of the most natural movement to trigger the most obvious change - for example, pinching the screen to make an object bigger or smaller.
Avoid using gestures that conflict with system-level commands
These are interactions that people are already familiar with on their mobile devices. Changing how these commands work can be confusing and frustrating. System-level commands include:
Keep interactions to a minimum
Focus on 1 or 2 main interactions, so that people can master the full effect experience easily.
Instructions are text that's temporarily overlaid on the camera view to help people understand what they need to do to experience the whole effect.
Capitalize on Facebook's standard instructions
Avoid creating custom interaction instructions
If you need to create custom interaction instructions, it's best to:
Reveal instructions progressively