Car Pool - User Interface Design - Part 1

Was taking rest at home and then I came across the news that bus traffic was hit due to some strike by the drivers. Then it flashed - the Car Pool. How about designing a website that enables car pooling along with social networking features?


So picked up a notebook and prepared some sketches for an application that attempts to answer the questions like 
- Joining a carpool instantly (Via SMS)
- Creating a carpool and inviting people


I could think about extending the basic scope of the application by porting a version to Facebook, MySpace etc and making collaboration more fun and easy. For the initial sketch, I preferred to go with a standalone web app, that could do both features mentioned above.


So here are the flow - diagrams

User Registration
 


Creating a Car Pool - My Drive
 


Joining a Car Pool - My Commutes



End of Part 1


Continue reading :
Car Pool - User Interface Design - Part 3
Car Pool - User Interface Design - Part 2

Comments

Srikar said…
Nice Gud idea - I think this culture must be developed to face the increasing traffic and population.

- JustSrikar
September 9, 2012 at 10:44 AM
Srikar said…
This comment has been removed by the author.
September 9, 2012 at 10:46 AM
Post a Comment

Popular posts from this blog

Harry Potter - Marauder Map Application - UI Design

Image
Introduction: The Marauder Map is a magical map in Harry Potter series. At any given time, the map shows the location of the person in the castle. This quick design proposal captures the idea of porting the Marauder Map into a software application with the following primary and secondary goals. Primary Goals: - Ability to locate a person - Ability to track the location history of the person in a time line Secondary Goals: - Ability to see the location history across various calendar dates. - Ability to load / choose different maps Description of Idea: The Marauder Map application uses Search functionality as the main function, along with Time Line scroll. Like a typical map application (Google Maps) this app has the ability to zoom-in, zoom-out, drag-across-navigation. By default the user must Sign-in, to access the app. The sign-in is a security measure, to show only the user's friends' locations and time-line history. The Screens (The background pencil sketch art court...
Read more

Positioning DIV to the Center of Browser Viewport

Image
Positioning DIV to the center of Browser Viewport Sometimes I write some JS code to prepare my HTML mockups. In this post I am describing the step-by-step approach on how to position a DIV to the center of browser's viewport. Case Assume that you have a DIV and you want to show it upon clicking a link or button. And that DIV must appear exactly on the center of the browser's window. Technically browser's display area is called "View Port". So our aim is to display a DIV to the center (origin) of the view port. How to do this? 1. Create the DIV. 2. Specify CSS properties 3. Write a few lines of Javascript code to position the DIV 4. Insert an action "onClick" to a button or link in the HTML. Step 1 Write the HTML code for the UI and enclose the code chunk with a DIV. Specify some valid ID for the DIV. For example "AddUserDialog". Step 2 A DIV element, by default will be displayed inline. A dialog box or some other "windowed" UI require...
Read more