Challenge Summary
Welcome to "IBM - Lost and Found Mobile App Design Concepts Challenge". This challenge goal is to create a look and feel for our new mobile application that will let people reporting when they have found or lost something at an IBM office/site. IBM is a big place -- so this happens a lot! At the end of this challenge, we are looking for the best UI/UX design for this application. Join Us NOW!!
Round 1
00. Navigation Solution
02. Splash/Login Screen
03. Landing Page Screen (All User)
04. Report Lost Item Screen (Person who lost an item)
Round 2
00. Navigation Solution
01. Design Asset Elements
02. Splash/Login Screen
03. Landing Page Screen (All User)
04. Report Lost Item Screen (Person who lost an item)
05. Report Found Item Screen (Person who found an item)
06. Search Lost and Found Item Screen (All User)
Project Brief
This new application will help people report if they lost or found items in an IBM office. Here is the 3 basic user scenario that will be happen in this apps : :
01. For the person who lost something:
- Indicate/Describe what was lost, where it was lost, when, and give some details about the item, plus how to contact them.
- See the list of things they've entered
- Remove an entry when the item is found
02. For the person who finds something:
- Indicate what was found, where it was found, give details about the item, and indicate how to contact them
03. For all users:
- Able to see the list of all lost and found items at a site
Screen Requirements :
We would like you to suggest features/screens that this app should incorporate
00. Navigation Solution
- Provides us a clear navigation concept for this application.
- Please design a navigation solution that would be easy/engaging for a the application user!
01. Design Asset Elements
- Provide us with the following designs :
* Launch Icon, for the application in user mobile phone (iOS 120x120px)
* Set of Icons for all of the graphical elements (e.g., home icons, navigation widgets, etc)
02. Splash/Login Screen
Note that there is no picture of this in the wireframes.
- Once user activate the application, there should be some splash screen appear before the application can be launch.
- Splash screen needs to be interesting, have some "company" feeling yet still fun to be use. Create simple logo for this apps and add client logo appear somewhere in this page (as sponsor of the app).
- User should log in using their IBM Intranet ID and Password.
- In the login page, app user needs to enter their IBM account first to be able use the application properly. We also needs to make sure the client logo appear somewhere in this page. Note that the terminology to use for login is "Intranet ID" and "password", and the button is "Log in". Do not include a "Remember Me" checkbox or "forgot password" -- these are not supported.
- Provide us with error login scenario.
- Explore how this screen needs to be create!
03. Landing Page Screen (All User)
Wireframe reference home (page 4).
- This screen will be default page that appear after user have successful login.
- There should be four buttons in the main page:
* Report Lost Item: User can post about the Lost Item using this button.
* Report Found Item: User can post about the Found Item using this button.
* Search for Lost Item: User can search for Lost Item.
* Search for Found Item: User can search if anyone has found that Item.
- Arrange the layout to make user easily navigate from one page to another easily.
- What else can be put into this screen? List of newest found item? List of newest lost item? List of resolved item lost? Items reported lost/found at my usual work location? (the work location will be known once the user logs in) How do I find the items that I've already entered?
- Can the two search screens be collapsed into a single search? Would that work better? Be creative!
- Explore how this screen needs to be create!
04. Report Lost Item Screen (Person who lost an item)
Wireframe reference page 5, page 6, page 7.
- User will use this screen to report if they missed their item in IBM site.
- While submitting lost Item, User need to enter the following:
* Date when Item was lost
* Item Description
* Item category
* IBM Place/Site where the item was lost -- use the "location details" file for the names of the IBM sites for this app.
- The user's name and contact information will be filled in automatically, from their login, but these should display on the read-version of the screen.
- Additional Information, categories for an items are:
* Electronics
* Clothing
* Jewelry
* Tickets
* Bags
* Personal (other)
- User should be able to preview the lost post before send it to the apps.
- User can see the final post once they finish send it to the apps.
- Explore how this screen needs to be create!!
05. Report Found Item Screen (Person who found an item)
Wireframe reference page 8, page 9, page 10 and 11.
- While submitting Found Item, User need to enter the following:
* Date when Item was found
* Item Description
* Item category
* IBM Site where the item was Found -- use the "location details" file for the names of the IBM sites for this app.
* Note that a picture of the item is NOT part of this, because we don't want people to be able to claim something that isn't theirs, if they see a nice picture.
- The user's name and contact information will be filled in automatically, from their login, but these should diplay on the read-version of the screen.
- The Lost Item can either be held by the employee who has found the item or can be deposited to the security desk at the IBM premises. (put this information in the screen)
- Items found will be removed after 1 year -- that warning may need to be in the UI?
- User will be able to preview their found post first before send it to the apps.
- User will be able to see their found post details once it's submitted.
- Explore how this screen needs to be create!
06. Search Lost and Found Item Screen (All User)
Wireframe reference page 12, 13, 14.
- Items would be searched by either/all of the following ways:
* Item name
* Item Category
* Venue/Site
- User can see the contact information details for any item found/lost.
- Once user found their lost item on the "found" list and already get it back, they need to marked the Item as found both in "found" and "lost" list.
- Explore how this screen needs to be create!
NOTES :
- This application can be further enhanced to send notification to the concerned IBMer on their registered mobile if anyone finds the lost article.
- Any better interactions? Surprise us!!
Devices:
Apple IOS 7+ iPhone and iPads
NOTE : The app is intended for a phone form-factor, for iOS. (We may later develop a tablet version, but we want to build the phone version first)
Attachment :
- wireframes and location details.zip, contains basic wireframes and location details for this apps.
- Client_logo.zip, contains several client logos. Please include the IBM logo on the splash screen, and be sure to use the one from this file; don't grab one from the Internet. You may also choose to use the ifundIT logo on the splash screen, but that is optional -- use it if it helps your design, but feel free to leave it off, if you want.
- color-palette.zip, contains colors references for STARTING point, feel free to modify and incorporated your color schemes!
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
Design Guidelines
- Font and colors : Font is open to designer, you can use our color-palettes.zip as starting point in your design but feel free to expand the colors.
- Orientation : Portrait.
- Create it for iOs 1080 x 1920 px (iPhone 6+)
- Make sure create all your graphic in 'vector' format (buttons, icons, etc), so when resize for bigger versions, graphic still look sharp!
Design Considerations
- The application should be easy, fun and ease to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
Target Audience
- Internal Employees from IBM Company.
Judging Criteria
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a mobile application
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
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
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.