Challenge Summary
Welcome to another LUX Challenge! The LUX is a "Live User Experience Design Challenge" that we like to run as a fast design challenge to get quick exploration and new concepts on a user experience problem.
The "LUX - Mobile Research Reports Library Design Concepts Challenge" will be run during the next 72 hours. At the end of the challenge, we will take your presentation screens and share your collective creative talent!
The LUX Challenge Series provides you with an opportunity to show digital leaders from some of the largest brands in the world just how good your user interface and user experience (UI/UX) design skills are. LUX challenges are fast, fun, and have more chances for you to capture prize money.
Note: This is our 20th LUX Challenge! No previous experience in a LUX challenge is needed to compete - jump in and give it a try! Make sure to follow the Challenge Forum and ask questions as things move very fast in a LUX challenge.
Challenge Details
The goal of this challenge is to take the provided design problem, analyze the user experience and provide design concepts and visual ideas on how the application might look and work.
Challenge Timeline and Rolling Checkpoint
- Challenge Starts: 15:00 EST 01/12/15
- Rolling Checkpoint will start: 08:00 EST 03/12/15
- Challenge Ends: 15:00 EST 04/12/15
We are offering 8 Placements! Plus $50 Rolling Checkpoint prizes!
1) $1500
2) $1000
3) $500
4) $250
5) $250
6) $100
7) $100
8) $50
Rolling Checkpoint Review ($50*)
Adam Morehead (adroc) will provide a design review if you submit your initial designs by (08:00 EST 03/12/15)
— Within the hour, we will provide any design feedback/guidance
— you must watch the forum for your feedback!
All qualifying* checkpoint submissions will win $50
~
Design Problem
We currently manage a library with ~50'000 research reports (PDF format). Reports are added or archived (moved out of the library) on a daily basis. All publications are categorized and carry keywords describing the content in order to allow grouping, searching and filtering.
Challenge Goals
The goal of this challenge is to design visual concepts for a NEW mobile tool that will allow clients and employees the ability to access, display and filter a library of research reports. A user is able to go into the tool and search for specific keywords and see the results of their search through a highly graphical user interface that not only shows them the report but also how the report visually connects to other keywords, categories, and reports.
Important: We are looking for NEW graphical user interface solutions using modern “data visualization” techniques! We want to capture a graphical representation of the library, categories, and documents!
Research: Visualization Examples
- Word Clouds - May uses 3D effects for detail drill-down and zoom-in/out
- Map Graphs
- Tweet Spectrum
- HTML Graph
- Newsmap
- Datalake
Design Consideration
- Think about designing a mobile Digital Library application
- A great experience for finding and organizing research reports
- Should explore new visualization techniques and how they can work in the mobile space
- Explore how these visualization techniques could be used as a graphical user interface within the mobile space to find relevant reports
- How does the data expand, collapse, tap, swipe within the mobile space?
- If I find a keyword and it has many connections - how do I drill into the keyword on mobile?
Application Scenarios
1. Users can register to become a member
2. Members can login
3. Members can view the main page with references to selected documents, based on filtering criteria
4. Members can display selected documents and have additional features available
5. Members can set relevant categories and keywords in filter page
6. Members can receive push notifications about new documents matching filter criteria
7. Members can set general settings in settings page
Downloads
- See Branding Attachment for suggested colors
- See Data document for reference keywords
~
Mobile Storyboards
- Design screens for iPhone 6 (Portrait view, 750x1334px)
- This is a native iOS application
- We only need 7 screens plus a presentation screen - so pick/design what you think will "showcase" this application.
- In these LUX challenges the "Concepts", you propose really help the presentation
Things to think about (as a user)
- When I first open the application what do I see?
- What is the priority actions or items I need to interact with
- I quickly want to find and see all research reports based on my current needs.
- When opening the application it could show recent searches or history of my activity
- What are the navigation items (primary and secondary)?
- I can bookmark and create categories for multiple documents
- Notification tools
Screen Requirements
Presentation Screen - 1920x1080 (16:9 Ratio)
- In a LUX challenge, this screen is very important so make it look good!
- If you were walking into a meeting and needed to sell your idea - use this screen to showcase your concept.
- Showcase your visualization/navigation solution!
1) Main Page (Priority Page)
This is the priority screen for this challenge/application. We need you to explore a UI based on modern data visualization techniques.
- This will be the main page a user will see after they log in
- The main page will show references to selected documents of interest (based on filter criteria) for the user in a modern, very graphical way (using visualization techniques). The user can then display and read documents by selecting, tapping, drilling into the list of references.
- Think about how this page should be presented and the key navigation items, features and user actions.
- The user should be able to search any document from this page if the document is not available in the current list.
- Show history of user interactions, suggestions for reports that might be of interest to the user based on their latest activity, etc?
2) Document Display Page
- The selected document (PDF format) to be displayed.
- Actions like "bookmark / share / print / mail-to" should be available.
- Create a simple layout where the user can easily read the documents.
- Based on how the user arrived on this page they should be able quickly get back to searching or seeing similar content (based on your navigation solution)
3) Register Page/Login Flow
- When opening this mobile app for the first time, the user should be forced into the sign-up/login flow if they have not registered already.
- Create a simple placeholder logo for this application
Register information:
--- First Name
--- Last Name
--- Username
--- Select a Country
--- Email
--- Password
--- Password confirmation
--- I agree to the Terms of Service and Privacy Policy
--- Register button
Once a user registers they will be presented with a notification to check their email to confirm their registration. The user will be redirected to login.
Login Page
- This page needs to be able to reflect what the application is
Login Information:
--- Username and password fields
--- Remember Me Checkbox
--- Forgot Password link
--- Login button
4) Filter Settings
- All documents are categorized and carry keywords describing the content in order to allow grouping and filtering.
- In the filter page, relevant categories (multiple), keywords (multiple, detailed and generic format) can be set by the user.
- These filter settings will define which documents will be presented on the main page.
5) Notifications
- The application will utilize push notifications to alert the user of new documents based on their filter criteria
- The user should be able to see any new information/notifications in this area of the application.
- Think of how notifications will be displayed and iOS techniques
6) Settings
- Setting will be important to the user
- Document settings
- Profile settings
Suggested Settings:
- Font size for document display
- Size/Detail of document references in Main Page
- Language settings
- ?
Target Audience
- Clients and employees interested in accessing our library of research reports.
Judging Criteria
- Great modern user interface combined with good mobile usability
- The most important topic is the Main Page! Modern and, if possible, graphical representation of references to documents
- Cleanliness of your graphics and design.
- Your design concepts should be possible to build and implement.
Submission & Source Files
Preview Image
Create your preview image as one 1920x1080 (16:9 Ratio) JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
- Please upload PNG images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.
- Please submit documentation in pdf format with as many pages and images as required to explain your design and solution.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
Note: This LUX challenge will have final fixes
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.