This class focuses on the technical aspect of code, but for a truly successful final project, you will need to remain organized and aware of your time constraints. Good application development requires lots of careful planning!

Identify User and Owner Goals

  • Once you have your “million-dollar idea,” It’s critical to nail down the goals of the project. Goals keep you on track when choosing what features need to be built into the app.  Make sure to address both the user’s and the site owner’s goals.

Example:

  • My idea is to make a shopping cart to sell my photographic prints.
  • User’s goal: Easily find and purchase artwork.
  • Site owner’s goals: Make money. Give shoppers easy access to my work.  Keep in touch with past customers

Feature List:

Before writing a line of code, it is critical to come up with a concrete list of features for your site. Use a 1-2-3 system to prioritize “must build now (1),” “maybe build later if time allows (2),” and “not necessary (3)”. Each feature you build should support at least one of the Goals you outlined earlier.

Example:

 

  • 1. popular products on the home page
  • 1. new products on the home page
  • 1. search by category or keyword
  • 1. product detail page
  • 1. add to cart with quantity
  • 1. view cart
  • 1. edit cart quantities
  • 2. show related items in cart
  • 2. show related items on product detail page
  • 3. customize print with inscription
  • 3. product ratings
  • 3. drag-and-drop cart

 

Screenflows (site map):

Map out the system logic of your app using screenflows. Screenflows define how users can get to a page and where they can go when they are finished.

Read more about screenflows here.

Wireframes :

are the skeleton of individual pages. they should not show colors, graphical treatment or style. Focus on content – remember, content is king!

Comps:

Now you get to break out the colors and add visual flair to your wireframe. Remember, users enjoy using attractive interfaces more than sloppy ones.