E-Form Builder Software Prototype

We completed UI / UX works and created a Clickable Software Prototype prior to starting development to evaluate user interfaces and user flows during usability testing
Seven / Case Studies / E-Form Builder Software Prototype

Process

Before engaging in software development, we completed the necessary preparations. These are divided into vital steps

Part 1

Requirements

Part 2

UI / UX

Part 3

Software Design

Requirements

Improvements, Reworks, Changes, and Refactoring after the Early Delivery stage can cause excess spending. Requirements evolve, and Clickable Software Prototype allows early software testing, lowering the risks and the number of future changes, thus improving the quality of software’s technical implementation. This stage includes the following requirements:

System & Functional

  • Detailed Features Description
  • Dependencies
  • Sequence Diagrams
  • Data Flow Diagrams
  • State-Transition Diagrams

Non-Functional

  • Key Technical Indicators
  • Technology Stack Consideration
  • Security
  • Performance
  • Manageability / Maintainability

Compliance-Related

  • GDPR, CCPA / CPRA, ISO / IEC 27001
  • PCI DSS
  • HIPAA / HITECH, PIPEDA
  • C-CDA, EUPS / epSOS, HL7 / FHIR

UI / UX: Overview

We divided all the tasks into two types of activities: UX Design and UI Design with all stages from start to finish
Stage 1
Research
  • Introduction to the Project
  • Competitors Analysis
  • Domain Research
Stage 2
Prototype
  • User Flows Creation
  • Usability Testing
  • Clickable Flow Prototypes
Stage 3
Implementation
  • Design Сoncept and System
  • Accessibility Testing
  • Clickable Software Prototype
  • Usability Testing

Design System

previous arrow
Slide
Color Scheme
The UI Set of the product and the Color Scheme are prepared within Web Content Accessibility Guidelines (WCAG) 2.0, 2.1 and some of relevant items from Section 508 of the Rehabilitation Act
Slide
Typography
Typography is crucial for a correct content hierarchy and prioritization. In this case, we used the Major Second Type Scale scope
Slide
Form Elements 1
We apply native libraries and UI kits like Angular Material, working on custom product-specific states individually. It allows us to maintain consistency within the software and flexibility when there’s a need for a change
Slide
Form Elements 2
Slide
Icons
Slide
Buttons
Slide
Menu
Slide
Tabs / Labels / Sliders /Progress Bars / Tooltips
Slide
Pop-Ups and Alerts
Slide
Tables and Templates
Slide
Grids
Grid-based widget design allows creating and keeping layout rules for different page structures. This pattern approach helps place the elements correctly and reproduce it across the software, ensuring consistency and responsiveness
next arrow
Flexible Design Components
Several key practices can achieve software-wide element consistency. One of those is building the Design System based on components

User Flows

When the Early Delivery stage is over, reworks, changes, and improvements often follow. Covering only success user flows will likely result in misunderstandings and altered product perception during initial user testing and beyond.
We cover:

Success User Flows

Alternative User Flows

Exeption User Flows

Edge Cases

Clickable Software Prototype
It allows to evaluate and test the user interface and user flows. This way, we can discover mistakes and flaws in the system, eliminating them before commencing the software development process
High-Fidelity Wireframes
High-Fidelity Wireframes are vital in processing UI components, seeing them combined in a natural software environment, which supports better consistency and structural integrity
Slide
Slide
Slide
Slide
Slide
Slide
Slide
Slide
Slide
Slide
previous arrow
next arrow
Slide
Slide
Slide
Slide
Slide
Slide
Slide
Slide
Slide
Slide
previous arrow
next arrow

Software Design

Software that can be scaled and maintained with fewer revisions largely depends on the quality of activities like selecting and designing Technology Stack, Server Infrastructure, Product Architecture, and more.
This stage covers:

Functional Decomposition

Product Architecture

Database Architecture

Modules Structure

Client-Server Architecture

Third-party Service APIs

Technology Stack Consideration

Key Technical Requirements

Entities & Attributes

Client Reviews

previous arrow
Slide

After speaking with Adrian (Founder & CEO), we knew they understood what we wanted and how to make it because they’d done it before. They’re easy to work with because they anticipate our needs. Overall, they’ve been outstandingly professional.

Mental Health Counseling Platform

Operations Manager
Slide

SEVEN produces on-target deliverables according to complex requirements. The product they developed is visually appealing and well-organized. SEVEN demonstrated that they have a large infrastructure. They have a lot of people on their team who are professional and know their jobs very well.

Health Supplement Provider

Former COO
Slide

I could go to them at any point, and they were always responsive and available to help us.I think SEVEN offers a very good value for money. They delivered a quality solution, it was very well executed, and it worked as requested. Project management is a great strength for them.

Medical Care App

CEO
next arrow


Contact Us

Have questions? Let us know!

Thank You!
We have received your message and going to contact you as soon as possible
Send Another Request

Error!
Message not sent, please try again
Try Again