UX Design
During the design phase, we focus on data from the user research to suggest potential designs, involving target users as early and as often as possible.
Information Architecture
We will start by defining an architecture of the information. This is done by structuring the information and creating a hierarchy of the website’s content. In the case of an application or a software, we will model the logic of the sequences from the screens according to different user scenarios.
We will use a number of tools to collect both qualitative and quantitative data from users. For example, card sorting enables us to learn in which ways users would organise and name different categories from a website. This allows us to create the information architecture accordingly. On the other hand, a sitemap test allows us to assess the validity of a navigation system on several levels of depth.
Benefits
- Validates the comprehension and logic of each key stage and process
- Structure is tested and validated directly by users, instead of basing it on mere assumptions
- Content's structure matches your customers' thought process
Deliverables
- Sitemap
- Wireflows: a diagram of streams connecting the mock-ups, allowing you to visualise the user journey.
Storyboarding & Wireframing
When using a digital product, users permanently interact with a system (human-machine dialogue). This dialogue needs to be modelled. Modelling and storyboarding are used early in the design stage to come up with design solutions and quickly test them out.
“Wireframing” means progressively building screens starting with structuring components and listing them bit by bit. We check each development stage in an iterative way, by getting the project team to sign it off and through user testing.
“Storyboarding” is one of the methods that allows us to present the relationship between the user and the system: This includes presenting the user experience visually.
We tell a story through a sequence where the characters are system users. It allows you to bring the concept to life, to help understanding and increase engagement in all parties. This method uses classic techniques for visual communication and image arts (Cinema, comic strip, video game).
Benefits
- Inspires co-creativity by encouraging everyone involved in the project to take part
- Facilitates communication by sharing a common vision
- Saves time and cost, whilst reducing margin for error
Deliverables
- Low to high fidelity wireframing
- Storyboard
Interactive Prototyping
“It’s about experience!” Interactive prototyping aims to simulate the interactions between users and the interface as if the product was in its final version. As it’s only a simulation, too much development isn’t necessary: it is possible to give the impression that the product is really working, within a short amount of time. This will allow you to complete very detailed user testing and evaluate the quality of user experience.
Benefits
- Put forth a model of the final product, early on in the project
- Allows graphical, technical, marketing and business teams to estimate their contribution to the project early on
- Provide graphical design and development teams with a functional deliverable and a specification document (explaining less but showing more)
Deliverables
- An interactive prototype in which the number of screens depends on the scope of the project
- Online access to the prototype as well as a downloadable version
- A functional specification document (optional)
Graphic design
Graphic design is a visual communications process which involves typography, visual composition, user interface elements, iconography, illustrations and photography. We base graphic design on the style guide and the values from the brand. In our projects, artistic and graphical directors must also act in line with the advice and ergonomic recommendations outlined earlier by the UX designer and must work closely with them.
Benefits
- It’s emotional, bringing it to life and creating a connection with your users
- It’s coherent, continuing work on this part allows us to be sure that no further ergonomic changes will be made during this phase
- It’s personalised, putting your brand at the heart of the project
Deliverables
- PSD or IA graphic mock-ups
- Style guide
- Graphic charter
Creating an MVP
An MVP (“Minimum Valuable Product”) is a product design process or service based on the Lean method (Lean Startup Method). It’s important to focus on the product’s key functionalities at the start, which are then presented to target customers, to quickly check the assumptions. The development time is reduced and we can quickly check if the economic model is viable. We correct problems and repeat the test cycle so that the product doesn’t have to be adapted by the final users.
Benefits
- It’s effective : when you see users’ reactions you’ll immediately see if your product offer is suitable for them or not
- It’s practical : instead of indefinitely discussing what you’ll do, you construct, evaluate and learn.
- It’s quick : the aim is to learn as quickly as possible and not to build the perfect product from the start.
Deliverables
- A prototype that is ready to be used by your users
- Ergonomic and technical specifications
Which challenge are you trying to solve now?
Select the most appropriate need:
- I need to create new concepts and test them out regularly
- I need to completely re-think my product and/or service
- I need to innovate
Not finding the need that fits you?
Get in touch and we will advise you to understand better your needs.
Contact usDo you want to discover other domains?
