You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Next »

GR2 - Designs

Designs

Design 1: Simplicity

The simplicity design focuses on creating a simple interface for managing the causes that one supports. It emphasizes your causes on the home page with icons layout. At any point, one can easily navigate to other causes in their profile by clicking on the Causes home page button.

Storyboard

Learnability

Efficiency

Safety

Pros:

  • 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.

Pros:

  • 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.

Pros:

  • 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.

Design 3: Categories

The simplicity design focuses on creating a simple interface for managing the causes that one supports. It emphasizes your causes on the home page with icons layout. At any point, one can easily navigate to other causes in their profile by clicking on the Causes home page button.

Storyboard

Learnability

Efficiency

Safety

Pros:

  • More attentions are given to categories of causes clearly labelled, so the users can easily find their cause interest.
  • Topic of interests are displayed with conventional icons that are already familiar with users
  • Tiles display is more intuitive for touch-screen phone users.
  • Account management/profile buttons are traditionally displayed on top, which is consistent with the conventions.

    Cons:

  • If a user is more interested in managing a cause that he created rather than looking at a new cause, it might not be entirely intuitive to navigate to it by clicking on the “Account” button.

Pros:

  • Searching for cause of interest is extremely fast and easy with just one click on the topic icon, no need to click on search and enter categories of interest.
  • The tiles layout is faster than the other displays since we are using a phone with touch screen.

    Cons:

  • Not as fast if users are interested in searching for multiple categories of causes.
  • If users already know the cause he’s interested in, navigating to that cause requires him to click on his account and find the cause he supported every time.
  • Note: Unlike the setback in design 1, there are only many categories existed, so we don’t have to worry about the problem of trying to display and navigate between so many icons on the home page.

Pros:

  • Clicking on the wrong category is hard because the icons are large enough.
  • Mistakes are reversible. If clicking on the wrong category, users can easily go back to the causes home page with just one click
  • No labels