Turning a low-fidelity wireframe into a high-fidelity wireframe involves more than just adding detail. It's about creating a more accurate representation of the final product. This process includes refining the layout, implementing color schemes, choosing typography, and adding real content if possible.
At this stage, the interactive elements of the design are also incorporated. This helps to give a better understanding of how the user will interact with the final product. High-fidelity wireframes can be used for user testing to gather more accurate feedback. This iterative process of testing and refining continues until the design meets the users' needs and business objectives.
Figma board link
https://www.figma.com/file/lr27HBY9VNWG1b41qsPAom/Nosis?type=design&node-id=271%3A27&mode=design&t=2Vb7zfSml7Z7el62-1
Prototype link
https://www.figma.com/proto/lr27HBY9VNWG1b41qsPAom/Nosis?page-id=271%3A27&type=design&node-id=278-2&viewport=1086%2C-618%2C0.15&t=94dNaGIfG3iGq8Lf-1&scaling=scale-down&starting-point-node-id=278%3A2&mode=design
As my brand is already established in terms of colours and fonts etc I begin by finding component libraries that will fit my purposes most and the rebrand them to the Nosis brand colours.
at this point i make some of my own re-usable components such as navbars, buttons etc Whilst creating the buttons i test colour contrast and legibility using a figma plug-in called “Stark” my aim is for a AAA rating on all buttons and by extension all other parts of the ap to ensure high levels of accessability.
Im testing as im creating components however, with some self reflection i can see that perhaps i should create some colour combinations in the future and test them before building my components so that an extra level of planning has been completed before any components are built.
Designing for users with ADHD requires careful consideration and thoughtful choices. It is essential to minimize distractions and create a calm and focused environment. This can be achieved by using soft, muted colors and reducing the amount of movement and animation on the screen.