Nowadays, it doesn’t really matter if you’re developing B2C or B2B apps; everything needs to be about intuitive and seamless user experiences. As a developer myself, I know how painful those words can be. Let’s be honest: we’re not exactly known for our design sensibility—no offense. And when the pressure to deliver a solution faster is on, the result usually leads to a subpar UX that might ultimately affect the usage and even adoption of the app.

One of the great things about low-code platforms like OutSystems is that you don’t need to be an expert in UX and UI to build beautiful applications fast. Before you start rolling your eyes, I invite you to take a look at a webinar I presented a few days ago called How to Create an Amazing UX/UI With Low-Code

But, going back to my point, how can you deliver great apps while shortening your development time? Let me reveal it all to you.

Creating Beautiful UX/UI

Let's start with an example. Imagine you have a smart home mobile application that your customers use to control how much energy their home electronic devices are drawing at any given time. Pretty cool, right? But now, you want to add a new screen that will take their experience up a notch by making it possible to search for and buy new smart home products they could not only incorporate into their setup and but also control using the same app. You also want to do it fast. Say, in under 30 minutes? Challenge accepted!

The thing about OutSystems is that it gives you the building blocks to deliver those experiences faster. You have access to pre-built UI patterns and screen templates with predefined layouts, widgets, components, styles, and logic that you can add to your app using a WYSIWYG (What You See Is What You Get) type of editor.

Going back to the smart home app, you can easily add that new feature by using a product list component that's available as a screen template. Simply drag and drop it into your screen.

 

 

Once you create the screen and that product list is linked to your database, you can use the style editor in the OutSystems environment to tweak the application’s look-and-feel. You can edit the most common visual elements without having to worry about or even know much about CSS. Maybe the screen color is a bit off-brand, and black would work better; perhaps you could try a different font or font size. These are just a few of the things you can change visually in the style editor.

But now imagine that you had already published the app, and now you want to change it without going through the trouble of publishing it once again to the app stores. In that case, you can use the mobile theme customizer and quickly change your app’s experience in real time. The next time users launch the app, they’ll get an instant update and a notification that their app has been updated.

 

 

Roll Up Your Sleeves: Get Ready to Build Wonderful UX/UI

This is clearly just a sneak peek of how you can deliver wonderful UX and UI in a fraction of the time you’d usually have to invest. Whether you’re a UX/UI expert building complex UIs or a developer on a low-code team starting your first design project, make sure to check out our webinar How to Create Amazing UX/UI with Low-Code to learn how to master this art in less than 30 minutes.

How to create amazing UX and UI with low-code - webinar

Additional Resources