EXCOIN / PRODUCT ENGINEERING

Web and mobile applications built around real tasks

A good application works in the real situation, on the device a person actually uses. The choice between web and mobile should follow the task, required device capabilities and long-term operating cost.

01 / ENGINEERINGCS · EN · ES
01 / 08

Begin with a task in its setting

People do not open an application to admire its technology. They need to submit a request, check a status, resolve a problem or make a decision. Initial design should describe the journey from intent to outcome, including interruption and return. What happens when someone loses connectivity, changes device or must supply missing information later? Those moments determine quality more than the number of screens in the first prototype.

Map roles separately. A customer, employee, administrator and support agent often need different information. Find out where the product is used, whether people have both hands free, how large the screen is and whether notifications help. Do not describe only the ideal path. Observe mistakes, incomplete data and exceptions. The result should be a few priority journeys with clear goals and measures. They provide a sensible basis for deciding the first complete version.

02 / 08

Choose between web, PWA and native

A responsive website is often a good starting point when access through a link, fast content updates and use across devices matter. A PWA can add installation or selected offline capabilities, but feature support differs between browsers and operating systems. A native app may be justified by deeper device integration, particular interactions or distribution needs. No option is automatically superior. Evaluate the actual task and constraints before making the platform choice.

Compare development, testing, release and maintenance costs for two mobile platforms. Ask whether the product needs the camera, secure storage, offline work, notifications or local files. Verify each capability on target devices. A marketing list of features cannot establish how a function behaves across operating system and browser versions. A useful pilot proves the capability with the greatest uncertainty and reveals its effect on the complete user journey.

03 / 08

Responsive design is not a shrunken desktop

Mobile interfaces have less space and a different setting. Important actions must remain available without horizontal scrolling, forms should use appropriate keyboards and error messages should show a repair path. A desktop table may become a summary with drill-down on a phone. These are not unrelated products: data and state rules remain shared while layout responds to the device. Prioritisation matters more than fitting every desktop element into a narrow column.

Test narrow and wide screens, enlarged text and different orientations throughout development. One screenshot is insufficient. Long titles, translations and empty states often break an otherwise attractive layout. Consider one-handed operation where the task demands it. Controls must make sense without a hover state. A design system helps consistency, but only testing complete journeys reveals whether the layout supports the task at each size.

04 / 08

Accessibility belongs to basic quality

Accessibility means that people can perceive, operate and understand important tasks in different ways. WCAG 2.2 provides testable guidance for the web, including keyboard access, contrast, labels and form errors. Native mobile platforms have their own assistive technology patterns. Passing an automated scanner is not enough. Complete the actual journey with a keyboard, screen reader and enlarged text, and without depending solely on sound or colour.

Address accessibility in component and content design, not in the last week before launch. Form semantics, focus order, clear instructions and error recovery become harder to change later. Apple's guidance emphasises support for varied interaction methods and understandable content. Complex tables or charts need a textual explanation as well. Testing with people who use assistive technology can reveal obstacles that automated checks miss.

05 / 08

Measure performance on real journeys

Product speed is not only the time until a page first appears. People notice response after a tap, layout stability and how long a task takes to finish. Web.dev describes Core Web Vitals for loading, interaction and visual stability. They are useful signals, not substitutes for a measure of the product's own workflow. A slow filter or form submission may matter more to the user than a fast home page.

Test ordinary phones and weaker networks rather than only a powerful office computer. Watch transfer size, images, JavaScript and repeat-visit behaviour. In a mobile app, also consider energy use, background activity and local data storage. Performance is a property of backend architecture, network and interface together. Optimising a small animation will not help if the request waits on a slow external integration.

06 / 08

Backend and data determine reliability

An interface needs consistent authentication, authorisation, validation and operation states. A mobile client may disconnect in the middle of a change; retrying must not create a second payment or order. An API should distinguish a received request, a completed result and a processing state. Migration matters because older app versions may remain on user devices after the server has been updated. Compatibility is an operational requirement, not merely a convenience for developers.

Android guidance recommends a clear separation between UI and data layers so device lifecycle changes do not lose state. The general principle applies to web products too: the screen should not be the only place where the truth about an in-progress operation exists. If offline work matters, define synchronisation, conflict rules and the boundary for sensitive data stored on the device. Those decisions belong with the process owner as well as the engineering team.

07 / 08

Release and analytics need purpose

A website can change quickly, while a mobile app passes through distribution and users move to a new version gradually. The release plan should account for API compatibility and a way to disable a problematic feature. Tests cover main devices, languages, permissions and failure cases. The business owner confirms that the task is correct; engineers check operating signals. A single test on a developer's device before release is not enough.

Analytics should answer usability questions: where people abandon a task, which errors repeat and what brings them to support. Do not collect personal information merely because a tool makes it easy. Define the purpose of measurement, consent where required and access to results. Download or page-view counts do not prove success if the central task remains unresolved. Feedback from operation should inform the next stage of development.

08 / 08

Plan the first release and future upkeep

The first delivery should cover a complete journey, not a random selection of screens. After launch, systems, requirements and platform rules will change. Document data flows, testing scenarios, ownership of updates and repair procedures. A custom product creates long-term responsibility for code and operations. A sound technical design lets the team change one part without putting the whole service at risk.

For an initial brief, describe users, the three most important tasks, available data, integrations, required languages and devices. If web versus mobile is uncertain, prototype the riskiest capability first. This page does not promise a particular EXCOIN platform before requirements are verified or claim project results without evidence. The aim is an application that helps people complete their work, remains accessible and can continue to evolve.

Sources

Discuss a project