Continuous delivery, scalable design

Carolina Turino
4 min readMar 19, 2024

--

When beginning the ideation of a new product, a holistic perspective that considers not only immediate needs but also the long-term vision of the business, is welcome.

Typically, the visual aspect of the design is applied towards the end of the project; however, it is important for the development and the design to go hand in hand. This involves designing a predictable visual structure that can be expanded with future integrations and enhancements while maintaining a cohesive and familiar experience for existing users.

The fact is that a poorly designed interface will result in a bad user experience, with reverberations that will harm conversion and business growth. Therefore, it is necessary to consider design before, during, and after development.

A well-designed product features an interface that instills confidence in the user through visual elements that guide, instruct, and communicate the results of interactions with the system. User Interface (UI) seeks to ensure that navigation is simple and efficient, meaning the user can learn how to perform tasks and extract value from interacting with the product.

Nielsen’s 10 usability heuristics lead the foundation for system construction, with usability rules that must be considered to design an intuitive interface and consequently, an excellent user experience.

Interface that follows the product’s growth

When we talk about User Experience (UX), we must think about a relationship that combines: technical feasibility, business objectives, and user needs.

As the product begins to gain traction, the active user base increases, interacting and wanting to contribute with suggestions for improvements. At this moment, adopting an agile design approach, with fast iteration cycles, helps ensure that the product remains relevant to the constantly evolving market needs.

The digital product can offer different functionalities that add value and accommodate necessary changes. The visual architecture must maintain consistency in the navigation experience across all services offered. A predictable visual structure not only facilitates the addition of new functionalities but also preserves the overall usability quality of the product.

Case Study — Document Creation Studio

In a digital signature platform, where users create and send documents to be digitally signed, the document creation step represents the starting point for the entire signing process. The platform must provide users with the necessary tools to set up documents that will be signed with legal validity.

With the aim of facilitating the creation and configuration of documents to be signed, using media creation studios from various platforms as a reference, I developed the Document Creation Studio.

Through it, users can create anything from simple contracts to configuring document templates and forms for signature collection.

I designed the creation studio with a focus on its architecture, which was carefully thought out to offer cohesion and flexibility, adapting to the three levels of complexity in creating simple documents, templates, forms, or even expanding if necessary.

The structure of the studio has fixed interface elements present to ensure predictability in the experience. These visual elements act as guides that, regardless of the level and complexity of the document being created, are present in the interface, communicating familiarity and clarity at each stage.

Maintaining consistency in the navigation of an application is essential for the user to not feel lost. When they have difficulty finding what they are looking for, they are likely to feel frustrated and give up using the product, increasing the churn rate.

Examples of system standardization:
Google — Material Design
Apple — Human Interface Guidelines

Modular Design and Product Scalability

Modular design is a practice that considers the system in smaller units called modules. Each module can be created, modified, and shared individually across different parts of the application, while still maintaining the cohesion of the system as a whole.

Modular design encourages us to think about UI and UX in patterns. For example, instead of creating multiple screens to allow the user to perform a task, we start the design process by understanding how to structure the UI system with components that will guide the user through navigation across all the services offered by the product.

To achieve this, it is necessary to create a scalable UI system with standardized visual elements that allow for easy addition of new functionalities. A well-structured interface increases development efficiency and saves resources that would otherwise be spent on constant revisions and updates to the interface.

Consistency in navigation not only promotes an intuitive experience for the user but also has the potential to reduce customer support contacts and increase satisfaction and brand loyalty, strengthening the relevance of the business.

Scalability in design is not a final destination but a continuous process. Be open to adjustments and improvements as the product grows. Scalable design drives the ongoing success of the product, allowing it to achieve a prominent position in an increasingly competitive market.

--

--

Carolina Turino

Product designer passionate about problems to solve and create an useful digital product carolinaturino.work