The keys to a successful UX/UI The key to a successful launch is a good understanding of the Brief. The aim is to respond effectively to the customer's needs during a product launch meeting. NetDevices designs ergonomic and aesthetic interfaces for its customers' digital products: mobile, web, e-commerce and platforms.
The digital design process
The digital design process begins with the page hierarchy. Good web/mobile site architecture means making navigation available to as many users as possible. This creates a clear, functional architecture. The tree structure of the website orapplication plays a major role. This is true in terms of usefulness, visibility,UX and SEO.
The UX objective is to design a simple product. It must be easy to use, understandable and navigable. Frictions that hinder the user experience must be eliminated. Reducing the number of clicks is important. It's also essential to clearly define functionalities in line with the user's needs.
Method Agile and UX/UIits role in User Stories
The integration ofUX/UI into "agile sprints" is the solution for working in "Product" teams.
The role of the Webdesigner is to adapt his creations to the short cycle of theagile. He communicates and collaborates with developers and customers who must work together to develop a product.
Over the course of a sprint, the Webdesigner must demonstrate flexibility and adaptability, respond to changes and above all take into account the technical constraints of the design at each sprint, in order to define the problems or blocking points of a user before development.
L'UX/UI en agility becomes important in the design of the user-story, as the aim will be to validate or invalidate the graphic design (wireframe) by customers.
The role of the Product Owner
The Product Owner's job is to create user-story tasks for the technical team before the user-story arrives in a sprint.
The advantage of working with user-stories is that it provides a technical estimate and limits time wasted on changes.
Graphic interface design
The UI part is worked on during the sprint that precedes development, in order to optimize timing as much as possible.
Once the Wireframe has been validated, we move on to the interface design which will enable us to build the product's visual identity. To design an interface, the designer works to create the navigation elements, the screen sequences and their organization.
It must offer the most appropriate, effective and innovative interactions. Each graphic content element is designed graphically (buttons, icons, bars, frames, typography, etc.).
Web designers create the ergonomics and architecture of a site / application. They are essential for understanding an interface.
Before starting on the graphic design (UI user interface), you need to create a prototype to structure your pages properly.
For interface design, we use various visual interface design tools (Illustrator, Photoshop); Interface/interaction prototyping: Sketch InVision, Marvelapp, Figma.
So, with these tools we can give the customer a preview of the project before development.
To improve and facilitate the work of front-end developers, we use Web/mobile components, which are made up of several distinct technologies that can be used to create personalized and reusable graphic interface components (icons, List, Button...) such as: Material Design, Material angular.iomaterial UI, react native elements, font awesome, google fonts...
To finalize the product, a test phase is launched to check that it works properly, and finally to ensure the success of the project.
