First Touch

From the beginning the project workflow was far from standard one. We had started working during the first Lockdown. Thus the work atmosphere and budget cuts caused by Coronavirus, pushed us to work in a small group (only 4 persons) in “virtual dimension“.

Following pandemic restrictions, I had been forced to make user research and “room conference” using remote connection. Therefore quality research that included users interview and observation had been done by screen recording and ZOOMing.

User Behavior Assessment:

While analyzing users’ workflow some strange things had been found out: 

 – Not all users had the same technical knowledge level, therefore in order to adapt, they had been using pre-prepared code blocks, that had been saved in Notepad or equivalent text editor.  

 – The users had been sending documents for validation through any possible communication channel including email and text messengers without any standardized follow up.

By the end of the study we concluded that we deal with 4 types of users audience (personas). Unfortunately at this stage of the project the data are not approved for publishing 🙁

Users Insights :

1. Linearity of the workflow

2. Service status tracking ability

3. Using pre-made code templates

4. Reducing frustration factors

5. Online feedback ability and error tracking

6. Option of document status and personal productivity tracking

Functional Prioritization Matrix

According on Feature Prioritization study were decided to not include feature of personal area to MVP version, therefore users role and zones managing will possible try backend only. However this function will be available in second version of the product, so we’ve included it in product’s architecture.

Product architecture sketches & wireframes

UX&UI decisions

Main Screen

Dashboard provides a quick view on all necessary information and helps users begin their flow.

According to NNG study, I decided to fill a background with neutral grey, and all logical blocks with white. Thus I highlighted the elements with which users can interact.

Swagger Machine

Dashboard provides a quick view on all necessary information and helps users begin their flow.

According to NNG study, I decided to fill a background with neutral grey, and all logical blocks with white. Thus I highlighted the elements with which users can interact.

Swagger Editor & Validator

Studying users behaviors, I noticed that most of them had used a dark screen while code writing process. 

In addition, while conducting true usability testing I had found out horizontal tab navigation  (logical steps) is more intuitive for users to manage validation and export options.

Development prospects

As I said before, in the second version of NEO, we are planning to provide our clients with graphic interface for admin panel and personal area. We are also testing possibility of integration with GitHub.