UI for Quantum Analysis Device

A user interface for a quantum analysis machine in the neumorphic style.

February 27, 2024

Client Brief

Client provided highly technical documents and asked for a Neumorphic UI. Deliverables included explanations, graphics with explanatory documentation and CSS code.

Client brief original flow chart

Client brief original flow chart

PDF document detailing the creative brief

PDF document detailing the creative brief

Excel document accompanying the flow chart

Excel document accompanying the flow chart

Solution

This project was wonderfully challenging and fun. After analysis of the provided documents, I returned a new flow chart with discussion. This led to a final flow chart for verification, and the design of the complex UI. Which was multi threaded with multiple encapsulated processes.

The UI was designed to minimize the possibility of errors and to provide user support. This was done by having multimodal icons that changed color and shape, signifying current status of every step, and implying, each processes encapsulation with neumorphic folders, layers, etc.

New flow chart with questions

New flow chart with questions

Final flow chart design, verifying the process to be made into a UI

Final flow chart design, verifying the process to be made into a UI

Examples of UI components including pop-up box, data, entry, buttons and multiple tab, test verification widget

Examples of UI components including pop-up box, data, entry, buttons and multiple tab, test verification widget

Assay panel design with nested layers of processes

Assay panel design with nested layers of processes

You May Also Like…

Graphics for Mankind Project

Graphics for Mankind Project

Notes Brethren: Click on any graphic then use the ">" and "<" to navigate through images. At the bottom you can...

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *