App Furnace: Learning design process.


Introduction

App Furnace is an online app creation tool that allows to create fairly complex mobile applications, compatible with a range of Android and iOS devices. It includes many features such as buttons, maps, text tools and more, but these can also be extended by using small scripts in JavaScript.

App Furnace was used to build a mobile app in two weeks, this had to be done following a design process introduced in lectures. This article will explain the process of creation of my application.


My Design Process

Strategy

Create mobile application in which users can input how much they get paid per hour, and outputs how much time (in hours) they would need in order to buy day to day products or pay for services. These products can be anything from an iPhone to service subscriptions.

Since the app it's not going to be deployed there's no need for updates in the future. The goal is to make the user think about how much they value their time.


Scope

  • Only available in the UK. That way it narrows values down to one single currency.

  • Language chosen will be english, there will be no other options for now.

  • Suitable for employed or curious people.

  • The items would be priced based an average value, retrieved from a reliable source such as an official website of a chosen item.


Structure

  • User can input a value, this has to be a number (either integer or floating). This value would be equal to how much they get paid per hour.

  • The application requires an array of products or services.

  • The program does small calculations in order to output how much time the user would need to work in order to be able to afford a product. The product is picked randomly from an array (group of previously listed items).

  • Each product has to store a name and a cost to be used in case it get's picked, in order to be displayed correctly to the user.


This is a first attempt to structure (top left corner in black) and wireframe (right side of the board) the app. Also the scripts needed where devided in parts for easier understanding, using a to do list (bottom left corner).

Steps taken when building the script

  • Layout elements and pages on app furnace, assembling a temporary user interface for testing.

  • Write a script that stores value input from the user.

    •        Make sure that value is a number.

    •        If it's a string, ask again.

  • Create an array to store objects named appropriately, storing the name and price.

  • Write a script that generates a random number.

    •        Make sure the value is an integer.

  • Use the price to calculate how many hours the user would have to work in order to pay for that item.

  • Change the display text when a fact is selected, displaying the right content.

  • Calculate how many hours it would take based on pay and price.

  • Design the all the pages.

    •        Final wire framing.

    •        Apply color scheme.


Final wire frame with logo and color scheme applied in with Adobe Illustrator.

And now it's ready

The created application can be downloaded to a mobile device using the App Furnace Player app by pasting the following url - http://the.appfurnace.com/test/EhF8a/ or follow the QR code displayed below.


QR code for downloading the Time exchange app for the App Furnace Player.

Additionally, a short video shows how a user would navigate through the app itself.


Conclusion

App Furnace turned out to be fairly simple to use while creating this application, however in order to deploy anything to either App Store or Google Play the developer has to pay a minimum of £ 500 or $ 756*(see pricing). Furthermore the pricing does not take into account if the app is a small or big project.

Apart from that, following a planned design definitely saves time and unnecessary frustrations, since everything is planned and executed based on solid decisions. Although this design process was not strictly followed (and it was expected) it proves that planning goes a long way either on simple or large scale projects.