Topological Materials Database is the leading resource for quantum physicists working in the field of topological chemistry. The database allows users to search for compounds to view their topological data.
- User Experience
- User Interface
- Frontend Styling
Due to the high complexity of the requirements, the process began with wireframing user stories devised alongside the physicists working on the project. An interactive periodic table made up the crux of the UI from the beginning to provide a basic search, however advanced search options also needed to be considered.
User Interface Design
The goal of the User Interface Design was to keep data as simple and clear as possible while providing a pleasant experience for users spending a long time looking through datasets. Colour coding was added to the datasets in the periodic table to give users pre-search feedback on what to expect from their search query while in basic search mode and increase the utility of the periodic table.
A Dark Mode switch was implemented in the main navigation to provide a different option for users working with the user interface in different contexts and on different devices.