DUI_003 - Calculation

Prompt: Calculation 

Design a calculation element or interface. Is it a standard calculator, a scientific one, or specialty calculator for something such as a home mortgage or auto loan? Is it to forecast a calculation such as for a credit score? Is it for a phone, a tablet, a web app?

Wireframe hand writen

Initial brainstorming for a calculator layout. Focused on user-friendly design by analyzing common number pad layouts (calculator vs. smartphone) and emphasizing accessibility. Primary buttons are organized for easy reach, with operations highlighted in red and numbers centered in yellow. Early concepts include secondary features like history and larger buttons for usability.

Wireframe calculator

Wireframe exploration for the calculator interface. Three layout variations focusing on optimizing button arrangement, emphasizing usability, and integrating complementary elements such as history and quick-access options. The color coding highlights primary actions (red), numbers (yellow), and secondary features (blue). Progressively, the design shifts towards a messaging-like interface where users can type queries and receive direct solutions from the application.

Test keyboard layout

This refined design explores the placement of operation buttons at the top versus the bottom, aiming to improve ergonomic interaction and user experience. While side placement is closer to the thumb, the top position was chosen for its larger, more visible buttons, making complex operations easier to perform. This layout also supports a conversational interface, where the app responds with solutions and tracks history, creating a more intuitive and dynamic experience.

Color palette

The color palette is inspired by the Apple keyboard, designed to seamlessly integrate with the iPhone’s aesthetic. By borrowing tones that reflect the familiar look and feel of the device, the design ensures a smooth visual transition for users. The soft, neutral shades used for the numbers and operations complement the iPhone’s interface, enhancing readability and maintaining consistency within the Apple ecosystem.

Calculator app design

More by Thomas T.

View profile