Welcome back to AppSheet’s Feature Friday where we showcase new and favorite features. This quick guide will help you build your apps faster so you can focus on what matters.
Branding is an important piece of your applications design. It helps define ownership and allows app creators the opportunity to add their own personal touch to the citizen development process. Our recent Office Hours previewed the color picker update. Now, the update is live! In this post, we'll take a deeper look at this release and provide some insight from the team that built it.
Read my chat with Morgan, Adam, and Nico, who are developers on the AppSheet product team.
Jennifer: Can you describe the term "color picker” for those unfamiliar with the term?
Nico: It's a graphical interface that allows you to pick custom colors.
Morgan: A color picker lets you choose a color for your app! You can now pick any color you want.
Jennifer: That sounds like a really great update! When a Creator makes a color selection, where will that color be visible in the application?
Adam: Places meant to draw attention or emphasize selection state, interactivity, or focus — like buttons, actions, form inputs, active tabs or view buttons.
Jennifer: And where can they find this capability?
Morgan: In the UX > Brand tab.
Jennifer: Features updates we make to AppSheet are all meant to help citizen developers find success with their application development. How does this latest UX improvement accomplish this?
Morgan: This helps people make apps that fit more closely with their brand.
Nico: It gives app creators a little more customization power. It is important for some companies to have colors that match their brand.
Adam: It makes it easier to create apps that look consistent with a particular brand, which is often a priority when developing apps for business use. And in general, people will be much happier with the apps they create when they can choose a color they like. If you didn't like any of our default options, you can finally get some relief.
Jennifer: It sounds like we're giving more choices back to the Creators for their UX needs. That feels like a powerful addition to the feature set. Are there any helpful tips or tricks you’d like to share to help make the most of this feature?
Morgan: Choose a color that coordinates with your app logo and pick a color that is “high contrast,” meaning it is easy to read against the background of your app. You don’t have to be a color expert — the AppSheet platform will show a warning if the color you pick is not high enough contrast.
Nico: Try to pick colors that will contrast well with other colors in your app. For example, a yellow with a white background may not be the best mix. Pick formatting rule colors that don't clash with the primary color. This online palette tool can help. I like a lot of those colors.
Adam: The custom theme color can be combined with format rules to add additional colors in more places. Try not to get carried away, though, — sticking with two colors that complement each other well gives a nice effect.
Jennifer: Great suggestions! While we're on the topic of UX improvement, are there any additional feature releases coming out soon that this new color picker will impact?
Morgan: The header and footer will be colorizable. Also stay tuned for even more brand and theme options.
Adam: A return of the colored header and footer option is on the way, and now you'll be able to choose any color for it.
Jennifer: A closing personal question, what is your favorite color combination with the new picker?
Morgan: Lately I’ve been into Dark Mode + Purple
Nico: I'm a fan of the light blue in the dark theme.
Adam: In my own apps I like to use the dark theme with the "LightGreen" option.
Thank you to Morgan, Adam, and Nico from our incredible engineering team for their contributions to this week's post. Be sure to follow along in the AppSheet Creator Community for additional updates and register for our next Office Hours session for additional Q&A.
Happy app building!
This post was updated on May 20th, 2020.Post Comment