Visual IVR

Visual IVR | Web app

IVR_4.1-8ffa964f43658d0eafd30a7f83f69149.jpg
 

Project Overview

Visual IVR is an interactive voice response web application for contact centers. The application allows business to design multiple call routes and DTMF tones using just a visual drag and drop UI from the browser. With this application, the users can organize and program a whole call center flow in a matter of seconds. 

My Role

I worked along with the program manager and the dev team to wireframe, design the UX and UI.

  • Wireframe
  • UX/UI Design
  • Visual Design
 

Wireframes

When I start working with the project manager and the front end team to make the decision about the project the hardest part was defining components. 

I have to define each component and create any possible scenario or combinations to understand the outcome and the possibilities of a visual flow.

 

" basic visual programming "

 

Components icons and shapes

I have to understand deeply each component in order to design the perfect iconography that resembles the functionality maintaining the communication default iconography

 
IVR_4.10-ec387017e057e5d0a8ea9dde2f38c04a.jpg

Wireframes and experimentation

I went on a discovery process and design multiple ideas from side menus to grid styles or no grids at all to get the right design
 

Style guide

I designed a quick style guide to identify components colors, fonts and iconography

 

Final Product

IVR_4.2-a8b755312ecc35050a60117bdcbd254d.jpg

component Properties

Editing a component properties inside of a IVR flow already in place. 

 

Open Hours component

Every component has a different configuration settings and properties. 

 

Projects view

Start a new IVR, Duplicate or open a project

 

Retrospective

I've learned a lot about visual programming and challenges on the platform.  We had a basic beta in less than 2 months and 2 big companies beta testing. It was a great successful and I got a lot more ideas from user to develop new components and updates. 

One interesting idea, in particular, was to be able to save a flow under the doc and rename it as your own component then re-use it. 

Right now we are working on the new version of IVR that includes more than 25 components and more complex properties.

 

Related Projects