Tutorial

Recreating iOS Weather app

Prototyping the Most Popular Apps

February 5, 2016

Welcome again to another edition of our video tutorial series, Prototyping The Most Popular Apps. Today, we will recreate the default iOS Weather app with our prototyping expert, Michael.

The iOS Weather app is one of those apps you hardly pay a great deal of attention to. But if you do, you’ll notice that it has some amazing interaction design details and elegant animations.

We will learn the following:

  • How to set a value in the variables manager and utilizing that value in the prototype
  • How to create and set a custom variable based on the property of a container
  • How to use ternary operators to affect an outcome based on conditions surrounding that custom variable.

Learn by seeing and doing! Follow along and re-create the iOS Weather app by downloading the project assets. You can also work with the finished prototype by importing the iOS Weather app into your account through Proto.io Spaces.

 

 

Author