Skip to content
Please note that GitHub no longer supports Internet Explorer.

We recommend upgrading to the latest Microsoft Edge, Google Chrome, or Firefox.

Learn more
tipcalculator from CodePath, written by Aaron Carámbula @carambula
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Tabber.xcodeproj
images
tipcalculator
tipcalculatorTests
.gitignore
Default-568h@2x.png
Icon-72.png
Icon-72@2x.png
Icon-Small-50.png
Icon-Small-50@2x.png
Icon-Small.png
Icon-Small@2x.png
Icon.png
Icon@2x.png
README.md
Tabber App Assets.psd
i_location@2x.png
i_person@2x copy.png
i_person@2x.png

README.md

Tabber by Aaron Carambula

App by @carambula, README added for MobileBridge teaching/demo guidance.

When teaching even simple examples, we want to inspire students with good design. This example of a tipcalculator shows variation in design of a simple application.

Notes

  • The design of the initial experience takes into account that we always need the bill ammount, so at first, only the text entry field is presented with the keyboard open by default
  • After the person starts typing, the rest of the interface appears
  • The total amount appears in large text, while the tip is small. This editorial choice by the app's creator makes the app easier to use, since our eyes will naturally focus on the larger text first.
  • Use of color makes the app stand out from other apps. The green in the interface becomes part of the branding, with same color appearing in the icon. Unlike traditional desktop apps, iOS apps often integrate branding with user interface design.
  • When the keyboard is hidden (by tapping anywhere on the screen, which happens naturally when you pick different tip amount), the app reveals splitting bill with two, three or four people.

iPhone screenshot keyboard open with green background and large dollar sign right jutified

iPhone screenshot with keyboard hidden the app reveals splitting bill with two, three or four people

You can’t perform that action at this time.