Looking into making the site an app for the Iphone I stumbled across a program called Xcode. This is a project based program that allows you to use templates to build an app upon.
One of it’s key features which I just tried out is the storyboard creation of the app which if you are unable to code the app this allows you to drag and drop in the elements/ links/ images of your app and it creates it for you.
Its so quick you can create a simple app in 5 minutes.
I am currently in the process of designing my website / application for this washing machine project, here are the three first draft designs:
To see if we can make the washing machine even more interesting I am looking to implement a way to have twitter effect the flavour of milkshake you make.
To start off simple I have been looking at the simple WifiTwitterClient script but as of yet am unable to get it working as it will not connect.
This design is such a simple nice one page design and is something along the lines of what I want to design.
Points to take away from this design for me are:
- Large buttons
- Solid colours
1) Don’t start without a flow map of the structure of you app, this is because once you start building your app you don’t want to keep going back to add in a missed page.
It also let’s you see how the app works before you make it so you know the user wont get lost in the navigation of your app.
2) Keep open minded about the designing and development of the app, one simple feature in the design could be the difference of a few days in development. In other words you should compromise.
3) Always design for hi-res first then scale down, this allows for all your graphics to be hi-res at all times and not become blurry or distorted.
4) Don’t under underestimate the hit area, anywhere between 1.5 cm to 2cm is an index finger so make sure the button size and space is large enough.
5) Don’t use to many intro animations as the more or larger you have the more likely it will cause the application to crash or slow down
6) Don’t leave users hanging in loading screens as they might think it’s faulty and leave.
7) Don’t copy styles from operating systems and make it obvious.
8) Don’t over crowd the screen just because you can, the more clean and spread out you make the design the easier it is to navigate and see what you actually doing.
9) Assume that everyone will use the app differently to you, make sure that there are multiple ways to navigate the app.
10) Keep gestures in mind but don’t become reliant on them.
The first design that caught my eye, just because of the simplicity of the design and how each page is sectioned to become one long full image.
The bold blue coloration is kept throughout the page and links the whole app together, the full width images also have a big impact and draw the eye of the viewer instantly.
Doing some research on App design so I can start designing the app for this project. Some things to appreciate in these designs so far are:
1) Solid bold colours that stand out
2) Visually bold with many hi-res graphics
3) Simple solid bold text (Not a lot of it)
4)Simple in design and use
5) Circular buttons