Workpackage 03
User Experience Design
Wireframes
Interactive Prototyping
User Testing
Main focus

Design a seamless user experience based on proper user research and testing

Together, we identify the ideal customer journeys to create a seamless user experience for the user of your product. We achieve this through a user-friendly and interactive prototype.

FAQ: What does User Experience Design (UX) mean?User Experience Design (UX)Definition:
The experience a person has while using a user interface on a device. Those feelings can be emotions such as happiness, frustration and anything in between.

To create the ideal user experience a designer needs to think about the users conditions and context when solving a task and then ask himself the question:

How do I work within those constraints to make that task as easy and pleasurable as possible?

“If I can’t go to your app and within 5 seconds don’t know what to do, you have a big problem. A really good UX has the power of solving this challenge.”

Laurie Segall - Tech Reporter

User Experience Design explained in Phase 1 to 4

Project setup

Understand and structure

First and foremost we’d like to understand the clients culture and company structure. Together, we establish a project governance and identify all repsonsible stakekholders. Based on that we build up a project team.

Phase 1

Create a mind map

By visualizing the overall project structure it is easier for the product team and stakeholders to understand the scope and define feature priorities.

Method

We like to create an information architecture (IA) in form of a mind map that gives a bird’s eye view of the system and shows the relationships between its parts.

Deliverables

Mind map to helps us plan design work more accurately, and organize the content in an effective and sustainable way.

Ramus Services
Phase 2

Assemble your user flow

Based on our research findings we start mapping our user journeysUser journeysDefinition:
A user journey focuses on the actual user experience, or the mental state of a user while he interacts with a system end to end.
step by step to derive all our user flowsUser flowDefinition:
A user flow is a series of user actions or system states that the user needs to go through to achieve a meaningful goal using a product.
from.

Method

User flows are created in a design-specification format that combines screen layout designs (wireframes) with a flowchart-like representation of user and system interactions broken down into simple scenarios.

Deliverables

The deliverable is a “living” document with a detailed description of all possible user flows, including edge cases, errors, and various states. It keeps evolving over the project's lifespan.

Generally, we start with an outline of core workflows in form of wireframes and in the end replace these wireframes with the final visuals at a later stage.

Ramus Services
Phase 3

Build your wireframes

“Wireframes” a term that is thrown out there more frequently. What does it mean? Essentially, we take our user flows and build a skeletal framework of your digital solution. In there we define main layouts, main actions and content.

Method

There is always the question how detailed a wireframe should be? We usually start with low fidelity wireframes (more efficient) to work on overall layout options and navigation. We turn them into high fidelity wireframes once we present them outside of our product team.

Deliverables

Evolve the "living" document by adding wireframes to the user flows.

Ramus Services
Phase 4

Build an interactive prototype

We like to build prototypes because a picture is worth a thousand words.

Method

Certain prototyping tools come in handy to test the product, identify weak spots, iterate on designs internally, validate assumptions and test hypotheses. It also helps to conduct testing sessions, present our work to clients or collect stakeholder feedback.

Deliverables

You will receive a link to a clickable prototype in InVision or Marvel. To test more complex interactions or workflows, we may use Framer, Webflow, Origami or create the prototype directly in HTML/CSS.

FAQ: Why build an interactive prototype?Interactive prototypeThese rapidly created prototypes and tools enable designers to observe, measure and learn, at a fraction of the cost of a fully developed solution.

At an early stage of the product cycle changes to the solution can still be made relatively cheaply. What we want, is to reduce the risk of developing the wrong solutions at considerable cost.

Ramus Services
Phase 5

Test your prototype with users

We care deeply about your users’ needs. Therefore, it only makes sense to validate our assumptions and design decisions by showing them to real users.

Method

With the interactive prototype we conduct a series of user testing sessions (usability testing). We call it a user experience lab (“UX Lab”). It enables us to gain more profound insights into a users’ digital user experience.

Deliverables

User testing report containing a summary of our findings and recommendations on next steps. It also provides context to the testing by outlining overall testing goals, setup and participant demographics.

This user testing report may trigger various design iterations.

Ramus Services
Go to workpackage 04

Design a user-friendly interface based on a consistent and scalable framework