IBM - SiBM Event Connect Mobile App Wireframe Challenge [Swiftoberfest]

Welcome to "IBM - SiBM Event Connect Mobile App Wireframe Challenge Swiftoberfest". In this challenge, we need your help to create the Attendees/Audience parts (Desktop and Mobile) for our Event Connect application. The purpose of this challenge is to create the best possible UX for this app where the user will be able to view and attend events and create a schedule by joining sessions and events. The application needs to be a simple, easy to use experience. Users will use the app while attending events. They will be able to select and set schedules for their event experience with the app and share it to their friends/colleagues along with several features which will be describe in challenge details below.

At the end of this challenge, we are looking to see intuitive and easy to use "wireframe concepts" that will help us design and build UI/UX in the next phase of this project! Be creative in your wireframes!

 

Round 1

01. Landing Page
02. Event Details Page

Round 2

01. Landing Page
02. Event Details Page
03. Notifications Page

Project Overview
We need to create the best possible UX for our "Event Connect" Application. This application will run in both Desktop/Web and Mobile with different purpose. This challenge is creating responsive design screens for both desktop and mobile where users will be able to view the event(s). This should be a simple, easy to use experience. This app will allows users to view the event(s) and they will use the apps while attending the events. Users can select and set schedules for the event with the app and share the events to their friends/colleagues.

This responsive version will be use by Attendees or Audience to view the events, while in the desktop version, the apps will be use by admin to create and manage the events.

We need you to research and determine the best way to simplify the user experience and make it easier to view the event and having interaction with it. We don't want to overwhelm the user with a large amount of complicated UX.

User Flow :
- This apps will display the event information captured to end users / attendees.
- This apps will allow users to search for and sign up for sessions (add to calendar)
- User will be able to use the following features in the apps :

- Events :
-- Ability to see a list of all events.
-- upcoming events
-- previous events attended

- Search / sort events and sessions by:
-- event
-- keyword
-- tags
-- "tracks" 
-- location
-- time
            
Wireframe Guidelines:
- Provide us with your interaction and click-path thoughts and suggestions
- 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 you create your solution for the layout and flow information.
- You MUST cover all requirements mentioned in challenge details below.

Screen Sizes:
Desktop: 1024px and height as required
Mobile : 750 x 1334px OR use iPhone 6 Size ratio (half of size).

IBM Design Guidelines:
All submissions MUST follow IBM Design Language, please refer to the 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.
-- Creativity is also welcome!

NOTE:
Not all of the above guidelines are appropriate for wireframes, only those which you think would be appropriate are applicable. It is best to go through the guidelines to understand how it will impact the UX while building your wireframes.

Required Features:
- Below are some of the features required in this application, but you are not limited to this, we are open to flows and suggestions on how things could work - so feel free to expand and suggest us what would be best for this type of application!

01. Landing Page
- User will be able to see all events related to the user in this page
- User will be able to search specific events in the apps.
- User registers for the events or particular sessions in the events
- User will be able to navigate to the event details page.

02. Event Details Page
- User will see detailed information of the event in this page. (check desktop challenge for the content in event details)
- Show the user about what's happening now (sessions in the next 30 minutes)
- Activity stream, shared content
- Share your content (+)
- Map. Venue map, directions to the venue.

Activity stream:
See activity / feeds of content within the app: 
- Updates from the admin during the event. (Text; microblogs)
- What's happening now: Display what session(s) are happening at this time
- Social content added by other users during the event
---- Attached files; word, pdf, etc
---- Status updates.
---- Microblogs.
---- Shared photos.
---- Share what sessions you’re attending / see who is attending what.

SHARING
Share button that allows the user to upload / create content to be shared within the app.
---- Post content (image, microblog, etc)
---- Upload file
---- Status update

MAPS / FLOORPLAN / LOCATION
---- directions/floorplan within the venue
---- google map link to the venue/location

My schedule:
---- View my schedule of events / sessions
---- format in a timeline / daily calendar view. Showing where / what you’re attending.
---- A way to copy to your local calendar, google calendar, etc.

View a specific session:
This is the page view of specific session. Includes name, date, location, description, etc.
---- share session, threaded discussion where users can post comments/ask questions/share pictures
---- Add to list/schedule
---- List of people who are attending.
---- Additional information from the session; images, presentation files, suggested reading links
---- Artifacts associated with the session (pictures of the session, presentation given, suggested reading...)

Polls:
Push notification. User gets an alert/notification that there is a poll / survey to take. 
- View and respond to polls and surveys.

Chat:
---- Allow one-to-one messaging between attendees. 
---- List attendees and basic information: eg, job title, location, profile picture.
---- Show an example of a conversation; think iMessage, Google Hangouts chat, etc.

03. Notifications Page
- Show user some alerts for general notifications
- User will be able to get notifications of new poll questions.
- chat notifications : new chat, new message

Learn Axure:
New to Axure? Here are some quick tutorials to help you get started.
http://www.axure.com/learn

Target Audience:
- IBM Employees
- Top and Middle Level Manager
- Potential Client
- Event Attendees

Judging Criteria:
Your submission will be judged on the following criteria:
- User Experience.
- Completeness and accuracy of the wireframe.
- How well your wireframes provide a consistent user flow.
- Any suggestions, interactions and user flow you recommend (provide any notes or comments for the client).

Submission & Source Files:
Preview Image
Create your preview image as one (1) 1024x1024 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.