Challenge Summary
Welcome to the IBM - Blue Pulse Polling Mobile App Storyboard Design Challenge.
We just completed wireframe in previous IBM Challenge.
Right now we need your help create the storyboard design to leverage User Interface of Blue Pulse Polling Mobile Application. In the end of this Challenge, we're looking for clean, professional, and have great User Experience.
Round 1
Your submitted design solution for client review.
1. Login
2. Home
3. Take a poll
4. Create New Poll
Notes : Any comments about your solutions, make sure you capture correct flow for every page!
Round 2
Final pages of design solution with updated solution based on client checkpoint feedback
1. Login
2. Home
3. Take a poll
4. Manage My Poll
5. Create New Poll
6. Publish Poll
Notes : Any comments about your solutions, make sure you capture correct flow for every page!
The purpose of this application is to help IBM internal users for quickly creating polls that can be delivered via a server. Users can use this app to create a poll, view existing polls, and take polls.
File Downloadables
wireframe.zip - Wireframe
IBM_ciolab_ifund-graphics.ai - Client’s Logos
Design Guidelines
- All submission MUST follow IBM Design Language, refer client website http://www.ibm.com/design/language/index.shtml
-- Layout: http://www.ibm.com/design/language/framework/visual/layout.shtml
-- Typography: http://www.ibm.com/design/language/framework/visual/typography.shtml
-- Iconography: http://www.ibm.com/design/language/framework/visual/iconography.shtml
-- Color: http://www.ibm.com/design/language/framework/visual/iconography.shtml
-- Interaction: http://www.ibm.com/design/language/framework/visual/color.shtml
-- App Inspiration: http://www.ibm.com/design/language/inspiration.shtml
- Click around Client Design Brand site to get familiar with more client design brand that not stated on this challenge spec.
- You may submit Portrait Screen Size for this challenge submission: 1134px x 750px
IMPORTANT
- Please reference the provided wireframe as starting guidelines for your submission.
- You need capture all page flows in your storyboard design.
- This application will be an iOS native application. Taking into account that it should allow for swipe, accelerometer, GPS, keyboard and all the advantages that comes with the performance of native apps.
- The application should be easy to fun and ease to use.
- Think simple but effective solutions! Have fun creating this - let us know how you think it should work!
- We want this to be MODERN UI & UX application!
- DO NOT just coloring existing wireframe, we need you suggest ideas on layout and functionality within the application. If you just follow existing wireframe every submission will look same.
- Use shape format on your .psd so we not lose quality when resize into Retina version.
Blue Pulse Polling Mobile App Submission Requirements
1. Login
- Create login page that showing these fields:
-- Intranet ID
-- Password
- How validation error look?
- Please Add IBM Logo in this login page (IBM_ciolab_ifund-graphics.ai). However, don't add the other logos in the file -- just the IBM one.
- Add page title “Blue Pulse Polling Mobile App”
2. Home
- The home page lists the various options available to the user:
-- Take a Poll
-- Manage My Polls
-- Create New Poll
3. Take a poll
6 Digits PIN page
- On page load, there is screen to allow user enter 6 Digits PIN
- How screen should designed, instead of typing via input field, any cool ideas?
- Need screen to explains validation error
- Follow main buttons need show up in page
Poll page
- After filled 6 Digits PIN, user will see some series of questions
- You need show progress bar on top of page
- Create how button look to let user access previous and next question
- Create how possibility input form (input field, dropdown, textarea, checkboxes or radio button) look on Poll page
- Submit button only show up in the last question
- Create message when user not complete the questions
Poll Submitted
- This screen showing thank you message after complete the poll
- Any other things can added for this page?
Poll Result
- In this Poll result, notice there’s line showing what user filled in previous questions and statistic of each questions
- Show separate screen show different chart look
4. Manage My Poll
- Manage my polls lists all the polls the user has created. The user can filter the list based on the poll status. The user can select a poll to view more details.
- All Polls show up by default
- Show how list show up with different statuses
- Create some way to show:
-- All Polls
-- In Progress Polls
-- Draft Polls
-- Closed Polls
- User can navigate each poll
In Progress Poll Detail
- Poll Information displayed on top of screen
- User can navigate the question to see the details
- User can Email Results and Close the poll for this status
- On Poll result page, user can email the poll
Closed Proll Detail
- Poll Information displayed on top of screen
- Notice the differences need displayed in page
- User can navigate the question to see the details
- User can Email Results and Delete the poll for this status
Draft Poll Detail
- On Draft Poll user can continue editing polling that not published.
5. Create New Poll
- This is flow when user create new flow
- Refer Design notes and implement into your design
- User can add more than 1 question
- Create separated screen show different answer type
- Put Publish and Save button in page
6. Publish Poll
- This screen to allow user to publish the poll
- How to set date?
- After Poll published, how generated 6 Digits PIN look?
Target Audience
- IBM Employees
Judging Criteria
- How well you create IBM - Blue Pulse Polling Mobile App and keep things consistent with the existing design brand.
- Cleanliness of your graphics and design.
- User Experience for 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 image files based on Challenge submission requirements stated above.
Source Files
All source files of all graphics created in either Adobe Photoshop or Illustrator and saved as editable.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
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.