Challenge Summary
Welcome to the IBM Live Streaming iOS App Design Concepts Challenge!
The IBM live streaming app is a platform that will allow IBMers to stream an event live to either a public or private audience to and from their mobile devices, as well as view broadcasts being sent through the app. It could be used to stream press announcements, corporate events, meetings, workshops, technical support, etc. We are looking for design concepts on how this mobile application would look like. What should the user see and experience when using the application? We are also looking for creative names and logo concepts for the app.
Round 1
Submit your design for a Checkpoint feedback:
1. Login.
2. Homepage.
3. Creating a broadcast.
4. Provide a click map of your design.
- If you have time - please provide us with a click map for your design.
- Readme.jpg: Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final design plus any Checkpoint feedback:
1. Login.
2. Homepage.
3. Creating a broadcast.
4. Viewing a broadcast.
5. Any additional screens or features you think will make for a better experience.
- If you have time - please provide us with a click map for your design.
- Readme.jpg: Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Challenge Details:
The goal of this challenge is to design the Live Streaming iOS App, that will allow IBMers to stream an event live to either a public or private audience to and from their mobile devices, as well as view broadcasts being sent through the app. It could be used to stream press announcements, corporate events, meetings, workshops, technical support, etc.
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/color.shtml
-- Interaction: http://www.ibm.com/design/language/framework/interaction/introduction.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.
- Orientation: Portrait.
- Make sure create all your graphic in 'vector' format (buttons, icons, etc), so when resize for bigger versions, graphic still look sharp!
Accessibility:
- Make sure when you are planning your concepts you are also designing for accessibility.
- Since this application will be very visual (colors) - think about color blindness and the need for contrast/labels.
- You will notice the color accessibility suggestions within the IBM Design Language.
- Accessibility checklist.
Screen Size:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px.
Make sure you create graphical elements in “vector” format, so when resize for retina versions, graphic still look sharp! It will be great if you can also provide the landscape version.
Suggested Screens:
We want something which will be a simple and usable, but still gives a strong sense of the IBM Brand and the intended users.
Screen flow:
It is up to you to decide what users will see on their screens and how they interact with it. Below are some suggested screens:
- Login and Signup.
- Homepage.
- Creating a broadcast.
- Viewing a broadcast.
- Note: There should be an option to create a public or private broadcast.
Name and logo:
- A creative name that captures the concept of “a buzz happening in one place”.
- Logo/identity and branding of the name you create.
Potential user scenarios:
We also want to examine potential uses for this application, so here are some scenarios to consider - anything you include that will help reinforce these use cases will make for a better design overall. Do not let your exploration into ideas detract from the main uses for this app.
Also, don’t let yourself get bogged down in the details - these are just meant to be ideas to inspire you!
- Possible uses of live video (Like a FaceTime for IBM).
-- Product launches, press announcements.
--- Showcase newest inventions, products.
- Amplify on-the-ground events.
-- Community building.
-- IBM events.
- Quick internal & external communication.
-- Internal - meetings.
-- External - feedback on products/features.
- Tool for transparency & customer connection.
-- Put face to company, humanize it, create personal attachment to brand.
- Education.
-- Workshops, design camps.
-- Talks.
- Exclusivity.
--To differentiate this from existing apps, there could be some exclusive content only for IBMers.
- Broadcaster Library: Would a broadcaster be able to catalog, reference and manage previous talks? How is privacy of broadcasts managed?
- Viewer Library: Would a viewer be able to save, catalog and manage talks?
- Would a selection of broadcasts be viewable to users, internal or external?
- Is there a simple and sensible way to integrate this with Social Media, e.g. Twitter?
- Can the broadcasts be sent to YouTube or otherwise be viewed outside of the app itself?
Important:
- Keep things consistent. This means all graphic styles should work together.
- All graphics should have a similar feel and general aesthetic appearance.
- The application should be designed for the latest iOS release.
- The winner of the challenge will have to pre-slice (the source PSD or AI) with icons, backgrounds, headers, UI elements, avatars, images, buttons, etc. to make it easy to split up for use by IBM developers.
Target Users:
The target audience for this application will be IBMers:
Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Creativity and ease-of-use is key to the success as it must be engaging to users.
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.