Parking App Site Documentation

The assignment was to create an app that would serve a fucntion. There is a huge market for apps, with diverse target markets, functions ect. The idea of doing something completly new is nearly impossible, but also irrelevent... Often the ones who do it first arn't succesful. Its not about who does it first, but who does it he best. This app is a paking/maps at with very successfula and useful functions.

The app comes with a product like Tile. It is a chip/sticker that would be attatched to a vehicle. You would then register the vehicle in the app. From here you can track where your car is. Fucnctions of the app include
1. Gps directions more then A to B, but A to B to C. The app allows you to search and select parking for traveling in cities.
2. Compare and see prices and perks of different parking garages/lots.
3. Make reservations for parking in advance for busy evenings
4. Pay for reservations/parking via smartphone
5. Monitor parking fees and accounts
6. Route back to your car with walking, driving or transit directions 7. Monitor loaction of other vehicles you have registred.

Step 1.Competitive Market & Analysis

Currently, there are a lot of ways to get around, Google maps being the most populare. Maps has alot of great fertures but parking is negelcted. Maps has the feature to drop pins, so in theroy someone could use this to keep track of parking, but thats relitive to if they remember to drop it, if their car wasnt moved or stolen. Parking Panda that allows you to search and reserve parking, but lacks the navigation features and doesnt work to route you to your car of keep track of it.

Step 2.Creating Personas

Personas are used in creating senerios that a wide range of useres would relate to. The point of this is to understand didfferent ways that the site would be used, to make sure that everyone is considered. Personas are outline by simple character traits that seperate them from other useres. From there you formulate situations of what they would use the app for.

Step 3.Process Flow

After we had an idea of how the app would be used, we needed to make a process flow, a simple graph to show each interaction to get to the desired result. Process flows also showed where certin screens would intersect, and what needed to be added and what could be trimed.

Step 4.Creating Rough Wire-Frames

Next we needed to create rough wire frames of what the app would look like.These are lose and have no design elements but it allowed you to viually map out where key elements were and what different screens would lead to.

Step 5.Wire-Framing with UXPIN

UX PIN is a professional app that allows you to create wireframes quickly, from basic shapes, and link them to different pages, mimicing a coded website. This stage brough our rough wire frames to life and allowed us to make more accurate choices on what was working, the sizing of elements and out loyouts. User testing was then done from writting steps that would ask the user to preform as task and we would monitor the users attempt, taking notes to make adjustments of where they failed.

Park in UXPin

Step 6.Redesign

Next we brought our revised uxpin prototypes to life in illustrator and photoshop. We knew that we were going to be using a program called invision. this program could moch-up great prototypes from illustrator or photoshiop documents but they had to be layers and lables a certain way.