Anas

It's been a long time and I stop working on this material.

Incidenti

ANAS S.p.A. (formerly an acronym for Azienda Nazionale Autonoma delle Strade, English: National Autonomous Roads Corporation) is an Italian government-owned company deputed to the construction and maintenance of Italian motorways and state highways under the control of Italian Ministry of Infrastructure and Transport.

In the scope of digital transformation strategy, I conceived and developed mobile ideas with a new strong remarkable mobile imprinting in order to provide ANAS workers with an endless and detailed digital file, in the form of a web app, along with image gallery useful to register any car accidents that may occur on Italian roads.

Briefing a variety of requirements

If we want to build a valued product that customers will appreciate, we first need to understand who the customer is. Thus User experience research provides insight into the many possible solutions and allows a team to select and investigate the best solution from user's perspective along with the stakeholders' requirements.
Behaviour, motivations and needs are all factors that need to be discovered in order to create the correct journey. A good starting point for a mobile design approach, first ever in ANAS development history in order to provide ANAS workers with an app to register any car accidents that may occur on Italian roads.

Competitive analysis

You can learn a lot from competitors. Benchmark activity lists the features, strenght, weakness, user base and price point for your competitors. It can be very powerful tools no only to clarify design needs but also to introduce mobility goals. At that time I exposed other projects I've been working on for the last 10 years as well

Benchmark
Benchmark

User Profiles

Developing a quality product means that you know who your user are and what they need and to document what you've learned. This begins by developing proto personas, a detailed description of your users' attributes range

Personas
Personas
Personas
Personas
Personas
Personas
Personas
Personas
Personas

Scenarios

Often referred to as User Journey, they are stories about the personas previously created.
They describe how a particular personas completes a task or behaves in a given situation like in these

Top Design Model

The app service was delivered in the form of a Top Design Model, in first place. This piece of document was planned and developed by the client Anas in order to boost the Design process

Top Design Model
Top Design Model
Top Design Model
Top Design Model
Top Design Model
Top Design Model
Top Design Model
Top Design Model
Top Design Model
Top Design Model
Top Design Model

Paper Prototyping / Low Fidelity

The idea of iterative design is to fail early; it's much easier to change user interface of an early prototype than a deployed system. Also stepping into mobile digital transformation can be tough and painful. I go for paper solution

Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype
Paper Prototype

Wireframing / Medium Fidelity

Introducing the wireflow along with an interactive prototype to wrap all up. At this stage, I begin using the informations collected previosuly to create detailed user walk-throughs

Wireframe
Canvas
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe
Wireframe

Interactive Wireframing / High Fidelity

I designed and developed a simple prototype in order to get a very quick idea of what this service could be in the shape of tablet app — Navigate demo on 1024 resolution. At that time I even proposed an HUD (Heads Up Display) interface like the ones coming for the military field in order to make the personale drive and use the main informations right on the screen of their trucks.

I've been watching the prototyping tools evolving since 2009. Long time, no talk. Check out my post on wireframe 'n' prototype tools to get a better insight

Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot

Styleguide

In any meaning ever, to pursue successfully by diligent searching and chasing every asset concerning all the features. Nowdays app technologies provide Ui Designers with smarter design systems ready to update on the go

Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide
Styleguide

User Interface Design

Material Design is the perfect candidate to transform painful users' paper based activities
into a attractive digital mobile app on tablet device Usability euristic evaluation determine whether a given slution is usable, easy to use in an error-free manner. Long way, hard work. The final product at its finest demo level has been released.
From now on, Usability testing may be executed on the live code. Also user's feedback may be measured on the product functioning in the real world

Canvas
Canvas
Canvas
Canvas
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup

Showcase

As the final app was released, I produced a specific document to showcase all the Incidenti sections and relative interactive patterns

Showcase
Showcase