Take a minute to breathe in... and out....

PideTaxi

The largest fleet of taxis in Spain with more than 18K vehicles in more than 100 locations.

Official taxi service is gonna be disappeared and out of competition of transportation options, although it has a major advantage of stopping car in the street and ride immediately. PideTaxi gives you a combination of luxury experience and quick taxi service.

PideTaxi

Mobile Application

A mobile app for the end-user to book immediate taxis or schedule trips, track their trips, pay fares using different payment methods, and subscribe to company account

Takasi

Back office

B2B web application for taxis' companies to control and monitor their taxis, drivers, areas to serve, allowed payment methods, and subscribers.

My role

User Research
User Experience Design
User Interface Design
Visual Design

Platforms

iOS App
Android App
Web Application
Website

Overview

Cervello “An IoT Platform that integrates, monitors, automates and controls any device or system”. It is a multi-tenant on-premises platform. That targets integrators and software vendors to build vertical smart solution.

The internet of things, or IoT, is a system of interrelated computing devices, mechanical and digital machines, objects, animals or people that are provided with unique identifiers (UIDs) and the ability to transfer data over a network without requiring human-to-human or human-to-computer interaction. (Source: IoT Agenda)

​How Cervello allows users to build their own solution for smart city with no effort & code-less?

Through 4 components Cervello is able to integrate with things to collect, analyse, and monitor data to store it and take actions based on predefined logic or machine learning and represent a friendly user interface to interact with people in the smart world.​ The main pillar in digital platform is user, how user will act and how application will interact to facilitate capabilities of platform to get users' goal done.

Product definition

Cervello on-premises serves in several areas, it works well although it has some solvable issues. When we need to go cloud we have to maintain highly needed features in the market, insert some competitive features, increase product value, and engage our users with the product.

On-premises & Cloud

On-premises software is located and operated within a user’s datacenter. As such, it uses the user’s computing hardware rather than that of a cloud provider.

Cloud software, usually hosted in the cloud or accessible via the Internet, is run and managed by a third-party provider. All of the troubleshooting it requires is handled by the provider’s staff.

Business needs

Cervello on-premises is not capable of serving all targeted users due to difficulties in reaching them and offering a free trial version, add to that sync local network to their cloud servers.

Due to the decision of launching a cloud version we need to keep the same structure of the current version and empower real-time collaboration between users who work on the same project from different places.

Users have to duplicate their solution -built-in applications- to resell it more than time due customise it manually every single time according to user needs.

It’s difficult to get user onboarding easily and they have privacy and security concerns. The customer who is purchasing the platform does not have to be the actual user who uses our platform.

The user doesn't view the accessed workspace specifically and can’t manage it as well. It's hard to monitor users' activities when they work in the same workspace at the same time.

Cervello integrates with multiple systems, get and send data, but can't fulfil the gap when it comes to static reports to support other restricted systems and services.

Understanding user needs

Getting users's pain and gain points. It's time to make assumptions! we will validate. We started our research to get users’ pain and gain points. By making some stakeholders interview and users research.

Research Plan

At first, we defined two things to figure out which questions should be asked to have the most impact on our product. Research goal and how we will implement the results.

We have identified ten large-scale issues that our research will attempt to shed light on.

While many users try to create new accounts they have to fill many required fields to register a new account, due they have some issues in security and privacy concerns.

The user has multiple workspaces of Cervello, which might be for integration, device manager and application builder and every workspace has a special URL according to a subdomain.

Users have to duplicate their solution -built-in applications- to resell it more than time due customise it manually every single time according to user needs.

Cervello integrates with multiple systems, get and send data, but can't fulfil the gap when it comes to static reports to support other restricted systems and services.

Many users might work at the same time on the same workspace which could cause conflict and activity not tracking as they should.

Most IoT solutions depend on multi external systems, for collecting data and taking some action, this costs the solution provider investment and time to implement the rest of the middle wears for each solution.

Reselling applications built on Cervello is the most scenario, users can’t handle and transfer payment on consumption to their customers.

Due Cervello provides many features, but it doesn’t fill all gaps to empower users to use it without depending on external service or custom code to achieve their goals.

While people use hand-held devices to monitor their work anywhere they can’t do the same with Cervello.

Most of the users are developers, they know well how to write code and enjoy this activity, but they are always stuck with building new projects or they find it hard to design a professional system architecture for every solution.

Research

The research will be broken into three parallel segments: interaction research, a profile of the end-user persona, and an activity diagram.

Immediate
User Research

To provide actionable results in time for the MVP, we began a testing process to evaluate the existing on-premises app interfaces. We determined which elements of the design work best, which are most usable, and which features are most compelling while finding out what doesn’t work and shedding light on how users prioritise the feature set as a whole.

There we did some competitive analysis to uncover the strengths and weaknesses of the user experiences provided by competitors’ products.The techniques used included two rounds of usability testing and, potentially, some focus group research.

Persona Creation

In addition, we began a process to create a profile of the existing user base and to better understand how they act with the system. This will -we hope- uncover opportunities for the service to expand into and provide a closer fit to people’s lives, further encouraging its use.

Buyer
Persona

Knowledge

To spend less time building IoT solution.
To monitor all Telemetires from one dashboard
To get all statistics and integrate with our portal.

Goals

To spend less time building IoT solution.
To monitor all Telemetires from one dashboard
To get all statistics and integrate with our portal.

Sarah Noah, 31

Regional Manager

Jill is a Regional Director who travels 4-8 times each month for work. She has a specific region in which she travels, and she often visits the same cities and stay in the same hotel.She is frustrated by the fact that no matter how frequently

Frustrations

To spend less time building IoT solution.
To monitor all Telemetires from one dashboard
To get all statistics and integrate with our portal.

Expectation

To spend less time building IoT solution.
To monitor all Telemetires from one dashboard
To get all statistics and integrate with our portal.

User
Persona

Knowledge

To spend less time building IoT solution.
To monitor all Telemetires from one dashboard
To get all statistics and integrate with our portal.

Goals

To spend less time building IoT solution.
To monitor all Telemetires from one dashboard
To get all statistics and integrate with our portal.

Amr Ibrahim, 31

Software Engineer

Jill is a Regional Director who travels 4-8 times each month for work. She has a specific region in which she travels, and she often visits the same cities and stay in the same hotel.She is frustrated by the fact that no matter how frequently

Frustrations

To spend less time building IoT solution.
To monitor all Telemetires from one dashboard
To get all statistics and integrate with our portal.

Expectation

To spend less time building IoT solution.
To monitor all Telemetires from one dashboard
To get all statistics and integrate with our portal.

Activity Diagram

Activity map observed our actual user activities through the on-premise app and their expectations. We started with user flows, then translated it to journey map line, to discover the best sequences. Later we did our initiative journey map, to collect all known data in one table to be more accessible to our team members and able to add on.

The initiative journey map, contain gain, pain points, user feelings, and opportunities as well.

Synthesis

Research Findings

There are many metics and synthesis, needs to be arranged and get priorities according to our OKRs.

Affinity map

Affinity map and grouping problems in clusters helped un to create synergy and take decisions.

There we did some competitive analysis to uncover the strengths and weaknesses of the user experiences provided by competitors’ products.The techniques used included two rounds of usability testing and, potentially, some focus group research.

Prioritisation

Problem Statements

We started to convert our user's pains and needs to problem statements to be clear to set our UX roadmap, estimate time, form our design sprints, and assign tasks.
User can’t get their instance members' details, that makes them unable to add or invite new members on their project.
I am an organisation admin, i am trying to add a member to a certain project but I can't because I not allowed to see my organisation members’ details that makes me feel restricted.
Users need to make a lot of steps very confusing to be onboarded.
I am a new user, I want to use Cervello, but I can't get easily onboarded because there are many steps, that make me feel confused and frustrated.
User unable to create organisation and when he created a project he doesn’t know for which organisation the project is created however he needs to create it in a specific organisation for a certain customer.
I am an instance admin, I want to create a new project in a specific organisation, but I can't create or attach project to an organisation, because I add instance project, that contradict my business logics.
When there are other systems, workflow depends on a report generated from Cervello in an automated cycle, the user is forced to make it manually or can’t complete the flow.
I am a developer, I want to connect my system to Cervello and extract reports automatically, but I can't, because I should create a manual reports every time in case I have a variable parameter, that makes do more effort.
Users cannot create reports from schedulers whether historical or active or scheduled for the future in a separate file or integration.

Users need to make a lot of steps very confusing to be onboarded.

Users are not able to view all events under the same asset with their time range, data source (devices, labels, assets), and event type. Users are also not able to search within the events for a certain one.

The user wants to group devices in the same physical space into one place, but can’t because each device in the instance sends telemetries, alarms, events and location individually, and every single device has a different attribute which makes the user restricted and confined.

The user needs to pay for Cervello without any chance for trying and this lead him to put the payment while onboarding this make more steps for onboarding

Conceptual solution

User Flows

How user starts their journey and specify their needs.

How the user will move from module to another and Link between their data.

All modules in so abstracted look to connect our users journey through the application.

Sample of Architecture of one module.

Structure

Balance user needs with a business goal

It is so important phase, but the most. We trying to set the architecture that we will build our system and experience on, it will hard to replace it in the future and every change might make us lose everything by confusing our users because of bad structure. So we took our time to build it in detail and cover most cases. It's not easy to maintain if there are any leaks.

Defining Scope

UX Roadmap

Why UX roadmap?

UX roadmap it somehow belongs and follows business roadmap, but not the same. UX roadmap sets experience value in order, to deliver our business goals while we achieve the user's needs so we can always balance between both business and user's needs. But we cannot present it in one iteration, huge effort and more time needed so we priorities it according to this roadmap.

This is sample of how we set a UX map after prioritisation and effort evaluation.

Card sorting helps us to arrange our ideas.

UX Principals

The main rules that will guide us to build one consistent design.

Seamless.

Driving design into a funnel, so no leaks.

Security Over Usability.

When experience matters, security is a target and Usable design is just away.

Defensive Design.

Defensive design is always on the lookout for what problems may arise

Context Over Consistency.

It’s better to be right than consistent

Ideas to Action

Idea cards

Idea cards abstract all information about problem, value proposition, capabilities, and why we solve this problem. Every idea card should has a specific goal, restrictions and limitation as well.

Roughly Wireframes

Why we do roughly wireframes?

Wireframes are a great tool to get your clients to focus on what you want them to think about early in the design process. We use roughly wireframes to convert our thoughts from just ideas in our minds to put it on papers, it helps us to focus on idea itself and make accurate decisions.

Setting-up Process

Workflow

Choose methods and framework

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Actions

Forming Design Sprints

We sliced our valuable features into design sprints to do make sure that we are committing to the product roadmap and deliver our design on time.

Hi-Fi Wireframes

Visual Design

Trying to translate ideas to action in a user interfaces
Instance landing page

Controlling user's organisations, teams, members, and projects of the certain workspace.
Accessing account settings, privacy sets, and track data usage as well.

First time login view

Creating first organisation, team and first project while onboarding.

Instamce's Member -Not admin- view

Showing only entry points of organisations, and teams without ability to create.

Signing up

Sign up by email.

Sending email to our user with a verification link, user supposed to be redirected to the next screen when this mail not in our users database, but if the user inserted the already registered email, the security email will be sent to email notify them that we dedicated someone tries to signup with this email. The user could be go to signing up page and ignore this email, or go to change their password.

We expect to solve the issue of searching about the certain email if it's already registered or not, to attack this email. We're trying to increase the security level by this experience and maintain our users privacy.

A Skippable screen

To short our onboarding steps, we allow the user to skip this screen, but as our recommendations we will notify the user while they are using our platform to confirm their dedicated region and fill out the missing information.

We have any kind of phone verification and it's impossible to force users to use a unique number.

Onboarding

Setting instance up

Choosing a unique name, makes users able to login their instance directly, by creating a subdomain link of their new instance.

We automatically create first organisation, team and get our user ready in seconds.

How we manage instances

User can join multiple instance, and they will be redirected to choose instance if they have an invitation link, but they can own just one instance with 14 days trial.

User Management

Organisations
Teams
Members

Design Hand-off

Developer Guide

User interface Abstraction & Knowledge Transfer.

We handed off features through abstracting visual design to comopnents, we clustered guide in 3 groups, Exist components; which is already coded in our design system and simply we can refer it to be used, New components need to be developed, and generic style guide.

Documenting

Feature Catalogue

Feature catalogue is a new innovative method for documenting every feature from early stages to after development and iterations. It designed to document and track changes along features to reduce time, avoid rework and understand the journey of creating every single feature.

Sections

01- Summary.
02- Problem Definition.
03- Targeted Persona.
04- Solution.
05- Value.
06- Validation.
07- Description.
09- How it works.
10- Scenarios.
11-Post & Prerequisites.
12-Acceptance Criteria.
13- API Documentation.

Iterations

Every iteration is documented as a thread in one document to deduce technical rework of designing and coding.

Finally, I spent most stressful, exciting and delightful days while I am doing what I love. Despite the hardships and frustrated people around, I am very proud of what I have achieved with this product.

Thanks to your visit.

How might we reimagine the future of Booking Taxis?

Not everyone thinks the way you think, knows the things you know, believes the things you believe, nor acts the way you would act.

People are different, needs, behaviours and the way of interacting.
Handling different personas with different motives it's not that easy mission to create experience to fulfil users needs.

Pide Taxi

A mobile application for booking taxi based in Spain, to make some changes in booking experience and scheduling a trip.
My role
User Research
Journey Mapping
Sketching
Wireframing
Screen Flows
Visual Design
Interaction Design
Platforms
Android, iOS
Tools
Sketch
InVision Prototype
Principle
Adobe Illustrator
Zeplin

Problem

Today, Transportation options specially Taxis/limousine service is about choice, and for most of the clients, there are a lot more choices than ever before. Finding taxis is easy and user of most of fleet control applications now can compare the experience of booking, riding and the car class.

Official taxi service is gonna be disappeared and out of competition of transportation options, although it has a major advantage of stopping car in the street and ride immediately. Also they sometimes need some preferences of luxurious and car options to be defined before riding taxis.

Key Drivers

As the density of taxis applications increases and consumers are overloaded with choices, the ability to book and determine options across a myriad of services is crucial to the success of the app. I based my designs to deliver upon the following key areas.
Booking Trip
Booking is based on areas and how user wants to book, from app or just stopping taxi in the street.
Taxi Options
Taxi options it's not just about the car type, it's about options inside the taxi and facilities.
Payment Methods
We target many segments of people in Spain includes employees who are got payed for their work journeys.

iOS

Android

LinkedinDribbble ProfileMedium ProfileEnvelop
Moataz Mustapha Logo
Moataz Mustapha
Product Designer