Challenge Summary
Welcome to IBM – Smarter Parking Mobile App Wireframe Challenge! Smarter parking system would help IBMers with the challenge of finding a parking space inside office premises.
Round 1
Submit your wireframe for a Checkpoint feedback:
1. Home Page
Notes.jpg: Any comments about your design for the Client.
Round 2
Final wireframe plus any Checkpoint feedback:
1. Home Page
Notes.jpg: Any comments about your design for the Client.
Challenge Details:
The goal of this challenge is to help people find available parking spaces in a large, crowded parking lot or garage.
We are looking for wireframe (Axure) solutions based on requirements below. We’re also looking to the community to come up with interesting ideas for the workflow - we’re absolutely open to creative solutions!
At the end of this wireframe challenge, we are looking to have a complete solution for the user experience and flow of the application.
Wireframe Expectations:
- Produce HTML click through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
- The website must be very easy to use and intuitive. Keep that in mind when designing your solution.
- You MUST cover all screens mentioned in required new sections below, if any requirement is missing in final submission the client will not take a look at it, so make a checklist for the required
screens to make sure you designed all of them.
- Please show us your proposal as a movie or series of wireframes that communicate the user’s intended interaction with your proposed solution.
- You MUST use wireframes note pane in every single page you design to explain what items are addressed in that page from the documentation, what things you added/changed/removed, use it to make your idea clearer and help the client to give you constructive feedback.
Notes:
- Your solution need use Responsive Design Solution when viewed on Portrait and Landscape view of Mobile device.
- We would like YOU to pay attention to the IBM Design Language for the Smart Parking: http://www.ibm.com/design/language/
- Your wireframe submission need able to drill down for all page flow
- Show your wireframe solution on Portrait View. Use this screen size (375px x 663px)
- Feel free to suggest any tools/function that can bring good User Experience for this Mobile Application.
App Description:
- There are two separate users of this app -- the end user and the admin.
- When either user opens the app, they should see information about their last-selected building. The information they see is either "Red" (no spaces available), "Yellow" (a few spaces available), or "Green" (lots of spaces available).
- The user can change what building they are interested in -- they'll enter a city name, and then the IBM locations in that city will show up, and they can pick one. Initially, however, the app will only work for 1 building only.
- The user can set a preference -- to be notified when the status changes. That way, if they log in from home to see if parking is available, they can get notified if it closes up (or opens) while they are driving to the office.
- From the home screen, any user should have a way to get to the "Admin" view. In order to access the admin capabilities, though, they need to log in with their IBM Intranet ID and password. Users only need to log in to access the Admin capability. So we will need an error message if the user could not log in successfully.
- Once logged in, the admin can *set* the color -- to red, yellow, or green. Apparently, they already have a way to find this information -- but they do so by walking around the parking area, and then putting up a sign out front to say that parking is full. So if they see that parking is full, for example, they will change the setting to be red.
- There are no more codes / parking bays / etc.
Required Features:
1. Home Page
A. End User View
- Home screen, with red/yellow/green indicator for my last-chosen building.
- A way to change buildings, in case I am going to another location (even though that will not be implemented initially)
- A way to log in as admin by providing IBM Intranet ID and Password.
- An error if I am not the admin.
B. Admin User View
- A way to change the indicator set for this building.
- A preference to be notified when the indicator changes.
Learn Axure:
New to Axure? Here are some quick tutorials to help you get started.
http://www.axure.com/learn
Target Users:
- The target audience for this application will be IBM employees.
Judging Criteria:
- User Experience of Smart Parking App.
- Completeness and accuracy of the wireframe as defined in the spec requirements.
- How well your wireframes provide a consistent user flow.
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Generated HTML files with all the requested contest requirements stated above.
Source Files
Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.
Final Fixes
As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.