The first half of 2022 was huge for Adalo. It’s been our most productive year ever! We’ve launched a ton of top maker requests and improvements:
- Collection Permissions
- New date formats
- OR Logic in lists and dropdowns
- The new Premium Component Marketplace
- Over a dozen Geolocation features
- Design Versions
- Lists in apps load up to 5x faster
- Apps load up to 11x faster in the editor
We’ve been on a roll with launches, and lots of folks are asking us the same question: What’s next!? What are we going to do with the second half of the year?
The answer is, of course, a lot! One of the initiatives we’re most excited about though is what we’re calling “Web Apps 2.0.” We firmly believe that Adalo is the best way to build a mobile app without coding and we’ve spent the vast majority of our time and energy making sure that’s the case. But we want to go bigger. Literally.
We want Adalo to be the best way to build an app for ANY device or screen size.
We’re seeing more and more makers build amazing desktop web apps with Adalo and we want to ensure that experience is up to par with our mobile app building tools, so we’re going to go big and spend the next six months investing in web app improvements.
Here’s a high-level overview of what we have planned for web apps in 2022. Keep in mind that plans change as we do more research and start building. That’s how the process works! But this is our current thinking…
Responsive Layout Constraints
To build apps that look good on both desktop and mobile, you need much more control over how components adapt based on the user’s screen size. Now, responsive design is an enormous topic that covers so many different things. We don’t want to disappear for a year as we rebuild our layout engine from scratch. Instead, we want to start making incremental improvements here that give you increased flexibility and power over time while making sure Adalo keeps the simple and friendly UX that has made us successful in a sea of hard-to-use no-code tools.
The first step on this path is layout constraints. With constraints, you’ll have greater control over how each component in your app is positioned and how it grows or shrinks based on the width of the screen.
Change List Column Count on Different Screen Sizes
Most mobile apps have only enough room for one or two columns in your lists. As the screen size grows, you should be able to use that extra horizontal space to add more columns. We’re exploring adding some controls that make it easy to create lists that adapt to the user’s screen size.
Show/Hide Components on Different Screen Sizes
For some components like lists, you want them to adapt as the screen size increases. For others, you simply want to hide them. Most apps for example have different navigation experiences for desktop vs. mobile. To help you pull this off, we’re going to create new visibility rules that allow you to target different device widths.
Visibility is where we’re starting, but we’ll need to do a lot more. We know you’ll also need to be able to set visual styles, the number of columns in a list, and more based on screen size.
Change Component Styles on Different Screen Sizes
Style settings like font sizes also need to be dialed in on different devices. Just like with columns and visibility, we’re looking into how we can make it easy to set up your core styles to adapt as the screen size changes.
Easily See Your Design on Different Screen Sizes
If you’re designing an app that works on multiple devices, you’ll need to see how your layout looks on small, medium, and large screens. Also, what you see in the Editor should better reflect how the layout will respond in the actual app. We’re going to make it easy to jump to different device widths in the Editor and in Preview, and improve the accuracy of the Editor’s layout engine so you don’t have to jump to Preview as often.
Web App Publishing
Today, as you’re working on a web app in Adalo, your changes go live immediately. We know this isn’t a good workflow and we’re going to make it better! You need an environment to create, experiment, and make changes to your web app that’s entirely separate from the version that’s live for your users. We’re going to build a new publishing flow that will enable you to do this.
Come Along for the Ride
This is only a high level overview of the kinds of projects we’re envisioning for web apps over the coming months. We’d like for you to join us on this journey and give us feedback along the way that helps us shape each release. Over the next two months, we’re going to work on our first batch of this work and then release an early beta that you can opt into where you can play with the new features in an isolated environment that won’t affect any of your existing apps. It’ll be rough and incomplete and you can tell us what you think we should add or change, and then we’ll do another batch of work. We’re committed to this as a major pillar of work through the rest of the year and we’re confident with your help we can make Adalo the best way to build apps for every platform.
I’ll post an update here when we’re ready for beta participants to sign up!
“This isn’t what I want Adalo to build next.”
If this is you, no worries! As we spend time improving our cross-platform experience, we’ll continue to invest in core platform performance as well as the experience of mobile-only makers. Our mobile app makers are the heart of our community today and that’s not going to change!