User Experience
and OutSystems

As a full service partner we combine all our expertise to deliver the best for our clients. Our experts each have their own field of expertise.
User Experience Design (or commonly known as UX Design) is something that starts at the very beginning of a project. It starts with a Design Sprint, to wireframe, to designs with low to high level of details and front-end implementation with the help of style guides. This process secures users’ interests, so they will love the application and become excited to use it. All this guarantees first time right, high data quality and increases acceptance and adoption of the new application.
How do we do this precisely? Read on to find out..

What is User Experience Design?



"Why?"

When developing an application, it’s easy to dive in (and get lost) in the technical part. But there is a very important emotional quotient that should not be overlooked. These are the people who will use the application. Their experience of the system, as in the when, where, what and how, form huge factors that can influence the mood and focus of the user regarding the app.

With workshops, tools and by especially listening to all involved parties, the UX Designer learns the ins and outs of the business processes and environment. The UX designer is able to make an analysis of this by mainly asking “why” questions. Thanks to this way of working, the UX Designer can create applications with the perfect user experience.

UX vs. UI

User Experience is a broad term, but most of the time you may hear “UX/UI Designer”. You may be wondering: What is the difference? As mentioned before, User Experience (UX) is the full experience of the user and this may include for example, the type of device that's used, the time of day or night the app will be used. These questions might in turn affect the User Interface (UI) of an application, for example UI might change to a dark-mode version when used during the night. Thus UI is part of UX. It entails all aspects of the application that the user sees and interacts with. Think of buttons, color, texts and word use etc. These are all UI elements that can be styled.

Terminology

There are some common, essential factors used by UX/UI designers, which we also use in our UX Scan.

Consistency

The continuous repetition and placement of elements. Return of patterns and components, color, typography etc. When consistency is high, you don’t have to think twice where or how to do something, but it becomes easily recognizable through consistent word- and color use.

Contrast

With Color-use, contrast is important so actions and readability is high. Making sure that even color-blind people can use the application is done through contrast. For example, yellow on white is pretty much impossible to read.

Accessibility

Taking into account the wide spectrum of possible users, we need to make sure that people with bad eye-sight (or hearing, when sound is important) are still able to use the app. Always try to do so through inclusion design, which can be taken into consideration when getting to know the users.

Micro-copy

This stands for all things textual, for example links, buttons, labels or descriptions. This should be clear, concise and leave as little interpretation as possible. What happens when you click “cancel” vs “ back” ? What is the educational level of users? In general, use simple words to build a clear application and to avoid any confusion.. The proper use of micro-copy also makes it possible to show tone-of-voice from a business by incorporating their branding or business terminology.

Visual design

Make the design powerful and clean. Focus on the action that is most used. Is it following the company branding, what do they wish to convey? Do they want trendy or old and reliable? Do the users prefer to have it airy? Or is the employee thinking that the title is way too big and that he has to scroll too much because of it?
Although the needs from the users come first, keep in mind that it is a work application, so all needs need to be met from the user and the business point of view.

Projects by our UX Designers

How to: Development and UX in projects

Here at Valuga we take UX highly. When a project is about to start, we always start with a design sprint. Which is workshop that shows all the pitfalls and possibilities of the application.

See the video below for a better understanding:

After doing the design sprint, a wireframe will be created. A UX’er will follow multiple people that will be impacted by the app, following processes. From this a wireframe will be created as an early prototype that interacts like an application would. With this users can quickly give feedback on how they work normally and what they would expect.

When the processes are clear and the wireframes hit all the right bases, the design can come to fruition. First a quick version, so changes can be easily made and when that gets a go, it will be perfected to be easily implemented - so copy, contrast, branding etc will be optimized. All the while people will be asked if it is the right, don’t make assumptions but get facts.

The implementation of the design becomes easy thanks to the elements that OutSystems platform supplies. With the developers together the full experience will be created and even the build will become faster because what needs to be developed is clear and concisely captured in the high-fidelity design - checked with the users and business.

Request a UX-scan and get a complete scan by one of our Experts

Contact us
Call Valuga