Charms Tips

Some quick tips to get the most out of Charms

Make your charm eye-catching

  • Use animation to your advantage! The human eye is very sensitive to motion, so including some some subtle animations is a great way to get people’s attention. It can be as simple as having one important word appear a moment after the rest of the sentence!
  • Because a GIF starts playing automatically, any frame could be the first thing someone sees. Use this to your advantage and plan for it in advance!
    • Try to make each frame of your Charm equally eye-catching and visually interesting, because that frame might be the only thing your recipients see before they decide whether to read your message or not.
    • You might also want to include your branding in each frame so that people can immediately recognize you based on your visual identity.
  • Pitfalls to watch out for:
    • All-white backgrounds — A Charm with a pure white background can sometimes look odd when viewed in a text messaging app that also has a white background. To avoid the “floaty” feeling, give your charm a background color, pattern, or image that contrasts with a white background.
    • Full-color photos — GIFs will make most full-color photos look grainy and more likely to have color banding. For the best quality and smaller file sizes, use limited color palettes, use full color photos sparingly. Grayscale or duotoned photos can be a good alternative.
  • Borders and rounded corners — Some messaging apps like iOS will automatically apply a rounded corner to the preview of your image. Keep this in mind when using your own borders, rounded corners, or other elements that appear in the corner of the image, because it may cut things off in an undesirable way.
 

Make your charms accessible

  • Consider usage of high contrast and colorblind-friendly palettes. Your recepients will likely have a diverse set of eyes, plan for this accordingly.
  • Part of charms' appeal is that voters, donors, and volunteers can see personalized info about your campaign right on their mobile device. These devices are small, so consider that when picking font sizes for your charms.
  • GIFs don’t have play, pause or rewind controls, which can be a frustrating experience when words or pictures disappear before the recipient is ready.
    • Make sure people have enough time to read everything — every person reads at a different speed, but as a rule of thumb, make sure you have at least 225ms per word with a minimum of 1.5 seconds per sentence.
      • Example: A 10-word sentence * 225ms per word should be visible for a minimum of 2250ms or 2.25 seconds.
    • Keep the overall length of the Charm short (~7 seconds or less), so even if people miss something on their first time seeing it, they don’t have to wait long to see it again.
  • MMS image previews can be fairly small, so make sure that everything (especially text) is big enough to read even when the image is scaled down.
    • Be succinct — try to have no more than 15-20 words (120 characters or less) be visible at a time.
    • In the Charms editor, a reasonable default font size is 40px, though it may need to be adjusted depending on the font you’re using. Narrow fonts or fonts with complex designs may need a larger font size, and wide or simple fonts might be able to use a smaller font size.

Any essential information in the image should also be available in the text content of the message. There’s no guarantee recipients will see or read every part of your gif.

 

Information in the image isn’t accessible for people who don’t have the ability to see — like people with limited/no eyesight and people using assistive text-to-speech technology (like setting your phone to read text messages aloud to you while you’re driving, for example). Make sure that people who can’t see your Charm don’t miss out on your message!

 

There is always a small chance the image won’t load for someone. Maybe they’re in a location with bad cell service, or maybe their cellular service provider has strict limits on MMS file-sizes. You never know!

 

Make the file size small

There's a strict 500kb limit for all GIFs sent through Daisychain, including Charms.

  • GIFs with fewer frames and simple animation will be smaller than long gifs with lots of crossfades, movement and complex animation.
  • Using fewer colors makes it possible for the GIF format to compress your image more effectively, so consider using a limited color palette and limiting the number of full color photos.