IOS 16 Calculator App
Calculator App User Interface Design.
Overview
Apple’s built-in calculator has stayed virtually the same for the past decade. It’s gotten new coats of paint a few times but nothing really new from a functional standpoint. We’d love to see Apple add a new history function to Calculator so that you can see past equations and results.
User Flow
Quickly access Calculator in Control Center. Swipe down from the top-right edge on iPhone X and later, or swipe up from the bottom edge of the screen on other models to quickly open Control Center and access Calculator with just one tap.
History
In the top left, you’d just tap on the history icon, and a modal would slide up with tape of your math history. You’d be able to see the date and time you did an equation and clear the entire tape of all of your previous work.
User Persona
Use Calculator on iPhone
In the Calculator app , you can perform basic arithmetic calculations with the standard calculator. Or use the scientific calculator for exponential, logarithmic, and trigonometric functions.
Siri: Say something, like
“What’s 12600 times 5?” or
“What’s 2122 percent of 2?”
Ask Siri on iPhone.
In addition to the history view, you’d be able to see the equation above the larger answer. There’d also be a simple undo button for folks who still haven’t discovered the back gesture. In the top right, we’d love for Apple to add a new share button to make it easy to send answers and equations to friends and family.
Copy, delete, or clear numbers
Copy a calculation result: Touch and hold the calculation result in the display, tap Copy, then paste the result somewhere else, such as a note or message.
Delete the last digit: If you make a mistake when you enter a number, swipe left or right on the display at the top.
Clear the display: Tap the Clear (C) key to delete the last entry, or tap the All Clear (AC) key to delete all entries.
Style Guide
We wanted to choose a bright and eye-pleasing color palette and readable front, as the application will be used on all phone sizes.
Typeface
Poppins
1 2 3 4 5 6 7 8 9 0
A B C D
Screen Preview
Below we will take a look at the most important application screens separately.
