Employing visualisation techniques for charting out a user interface and user experience design flow  for meals subscription plan on a mobile OS application platform.

Challenge: Used to give specific instructions to the designer as to how to develop a Ui/Ux flow  experience for the application users. To inform and integrate the design process with the ease of  user experience when booking weekly meal plans on the app. The basic challenge remains in a non- designer being able to narrate and explain the desired customer flow while the customers interacts  on the app whilst booking the many meal plans.

The designer needs to be informed how the back-end is to be developed for the tech team to be  able to add or remove data (meal plans data) from the back end, how the sales are to be registered,  and sales data presentation for further analysis.

On the front ned, how the graphics are to look, to guide the user to where the meal plans are, from  weighing and choosing amongst them and how the payment gateway will look like.

Tool Selection: Post internet surfing, one can pin down on making use of the Tableau app, since it  has been custom made for non-designers. It has a wide range of design assistive tools to present the  idea in an interactive format like - bubble maps, heatmaps, scatter plots etc. There is no requirement  of prior design knowledge for the user. Also, it has a free version, so cash-strapped start ups can  make good use of the same.

Application: The idea behind accomplishing the challenge using the aforementioned tools is to bring  on the table the various design flows to be incorporated in the app. Various charts, arrow diagrams,  graphs and table sheets are to be used to visually dictate the functioning of the meal booking design.  The various visually appealing and intelligence stimulating diagrams would be used to present mor  than just logic, rather the rationale behind the idea. Also, focus is to be on to be able for the non- designer to narrate the desired customer experience to the designer to incorporate the flow for the  mobile application. It allows to put on the table the various possibilities, the existing desins  employed by the firm’s competitors and gives space for the designer’s perspective as well. Visual  images are being deployed to illustrate how the non-designer is talking and how the designer can  further communicate with the application users via the application by implementing the designs.

Insight: The biggest insight gained during this process is that designer’s function as sponges, i.e. they  soak in every possible information presented to them. The more visually stimulated the data has  been presented, the better the understanding of the designer, and the better result is achieved by  way of arriving at a desired design flow for the application. Designers are les comfortable with raw  data, worded and in sentenced, also this technique of visualisation allows non-designers to connect  and speak in the designer’s language despite having no knowledge of the same.

Approach: This approach of presenting and discussing shared insights and learning fronts makes the  connection between the concerned participants smooth and easy. It’s a lot more comfortable for  both the participants to engage with each other despite being from varied educational backgrounds.  The technique of visualisation and visual designing is a “bridge the gap” approach employed to arrive

at a desired state of agreement by way of sharing the varied possibilities in a non-verbal way and  accomplish desired goals.


Employing visualisation techniques for charting out a user interface and user experience design flow for meals subscription plan on a mobile OS application platform . Challenge : Used to give specific instructions to the designer as to how to develop a Ui / Ux flow experience for the application users . To inform and integrate the design process with the ease of user experience when booking weekly meal plans on the app . The basic challenge remains in a non- designer being able to narrate and explain the desired customer flow while the customers interacts on the app whilst booking the many meal plans . The designer needs to be informed how the back - end is to be developed for the tech team to be able to add or remove data ( meal plans data ) from the back end , how the sales are to be registered , and sales data presentation for further analysis . On the front ned , how the graphics are to look , to guide the user to where the meal plans are , from weighing and choosing amongst them and how the payment gateway will look like . Tool Selection : Post internet surfing , one can pin down on making use of the Tableau app , since it has been custom made for non - designers . It has a wide range of design assistive tools to present the idea in an interactive format like - bubble maps , heatmaps , scatter plots etc . There is no requirement of prior design knowledge for the user . Also , it has a free version , so cash - strapped start ups can make good use of the same . Application : The idea behind accomplishing the challenge using the aforementioned tools is to bring on the table the various design flows to be incorporated in the app . Various charts , arrow diagrams , graphs and table sheets are to be used to visually dictate the functioning of the meal booking design . The various visually appealing and intelligence stimulating diagrams would be used to present mor than just logic , rather the rationale behind the idea . Also , focus is to be on to be able for the non- designer to narrate the desired customer experience to the designer to incorporate the flow for the mobile application . It allows to put on the table the various possibilities , the existing desins employed by the firm ’s competitors and gives space for the designer ’s perspective as well . Visual images are being deployed to illustrate how the non - designer is talking and how the designer can further communicate with the application users via the application by implementing the designs . Insight : The biggest insight gained during this process is that designer ’s function as sponges , i.e. they soak in every possible information presented to them . The more visually stimulated the data has been presented , the better the understanding of the designer , and the better result is achieved by way of arriving at a desired design flow for the application . Designers are les comfortable with raw data , worded and in sentenced , also this technique of visualisation allows non - designers to connect and speak in the designer ’s language despite having no knowledge of the same . Approach : This approach of presenting and discussing shared insights and learning fronts makes the connection between the concerned participants smooth and easy . It ’s a lot more comfortable for both the participants to engage with each other despite being from varied educational backgrounds . The technique of visualisation and visual designing is a “ bridge the gap ” approach employed to arrive at a desired state of agreement by way of sharing the varied possibilities in a non - verbal way and accomplish desired goals .