Donate2Us - Designs

GR2 - Designs

Storyboard

Learnability

Efficiency

Safety

Causes a user supports appear explicitly on the home page, with labels and logos of the cause.
Tile/icon layouts is familiar with touch-screen phone users.
The home page offers a simple look, there is nothing else besides the causes (as opposed to the summary page in the second design)
Navigating to starting a cause or profile/account management is traditionally at the top, which is familiar for users.
Cons:
Searching for more causes are not clearly shown. Users have to navigate to another page to do so.
For first-time users, their home page would be mainly empty because they haven’t chosen any cause yet. In this case, the users might be * confused as to what would go into the first page. Also, the buttons to navigate to other actions would appear abnormally small and off-center, making it harder to find.

Navigating to a cause is extremely fast, with just one click. Managing all the causes a user supports is also more efficient, since whatever page the user is one, he can go back to all causes with just one click.
Causes are displayed by their icons as tiles, which are faster to maneuver for touch phones
Cons:
When the users have too many causes, all can’t be displayed on the screen, users have to scroll down to look for it. If the number of causes are large enough, switching back between one cause to another might be inefficient because the icons are large enough that the distances between the positions of two causes might be big.
Causes displayed on the home page are not grouped into categories, so if a user wants to go through all the causes belonging to one specific categories, he has to open one, go back, find another one, which is not very efficient.

Icons are large enough so that it is hard to click on the wrong cause.
Even when clicked on the wrong cause, the action is easily reversible by clicking on the “Causes” button to go back to the home page
Cons:
Again, when the users have so many causes on the homepage, trying to use touch to scroll the page down when trying to find a specific cause might cause the user to accidentally click on an icon that he doesn’t want to.