Challenge Summary
Welcome to the Deloitte University - Oculus Rift 3D Design Concepts Challenge! Are you prepared to design the next generation user experience utilizing the Oculus Rift? We will explore design concepts for the initial screens of a virtual reality campus tour for Deloitte University using the Oculus Rift. These initial UI concept screens will be the introduction to the virtual reality experience and will house the main UI and navigation elements to explore the campus, content, and rich media associated with Deloitte University.
We look forward to seeing your creative design concepts for this challenge!
Round 1
Round 1 will focus on the following screens for the Ocululs Rift virtual reality tour:
1) Home / Landing Page
2) Main Navigation
3) Innovation
4) Innovation Sub Navigation
5) Transition Slide
NOTE: See the design direction document to understand the screens / functionality needed. If anything is unclear, please ask for clarification on the forum and we will be happy to help!
Round 2
In Round 2, you will need to include all Round 1 screens (updated based on checkpoint feedback). For Round 2, you must also include all the remaining functionality described in the design direction document, including the following screens:
1) Home / Landing Page
2) Main Navigation
3) Innovation
4) Innovation Sub Navigation
5) Transition Slide
6) View File Detail
NOTE: See the design direction document to understand the screens / functionality needed. If anything is unclear, please ask for clarification on the forum and we will be happy to help!
Primary Goals:
The goal for this project is to build a virtual reality tour to explore the campus, content and rich media associated with Deloitte University. For this challenge, we need you to create the design concepts for the initial screens (main UI and navigation elements) of a virtual reality campus tour for Deloitte University using the Oculus Rift.
Project Background:
The client for this project has decided to create a virtual reality tour for Deloitte University using Oculus Rift. The Oculus Rift is an upcoming virtual reality head-mounted display (http://en.wikipedia.org/wiki/Oculus_Rift). More details are available on the Oculus website (https://www.oculus.com/rift/).
Unlike traditional 2D displays and input devices, there are really no set paradigms for visualizing and interacting with content in virtual reality. Luckily, Hollywood and science fiction have been captivating our minds with their unique take on this challenge, long before virtual reality became a viable piece of technology. We suggest looking back at such examples to rack your imagination. You might consider the flatter, multi-touch driven displays in the Minority Report. Perhaps consider the experience of J.A.R.V.I.S. in Iron Man, leveraging holographic displays and hand gestures. Consider the infamous holo-deck in Star Trek or the construct/loading program in the Matrix. At the end of the day, we are looking for a captivating and intuitive experience that will dazzle the user and allows them to interact functionally with a variety of content, whether that be 360-degree stereoscopic video, 2D HD content, 3D infographics or 3D models.
Think about what UI elements and controls that will be needed to explore and navigate within the 3D environment. While the ideal goal is to provide hand presence to a user using 3D sensors such as the Leap Motion, Structure.io and Kinect, all navigational concepts should be usable with a standard controller. Be sure to familiarize yourself with the technology and navigation concepts that Oculus Rift supports. The four gestures for Leap Motion are circle, swipe, screen tap, and key tap. These are the four defined gestures from the leap motion library. There are still chances to do a lot more variable gestures dependent on hand and arm movement. A good explanation of Leap Motion can be found here.
Challenge Goals:
This exciting challenge is focused on exploring design concepts for the initial screens of a virtual reality campus tour for Deloitte University using the Oculus Rift.
The design direction document includes information relating to Oculus Rift and the requirements for this challenge. We’ve provided a set of high level wireframes that describe the use case scenario that we want you to explore. We encourage you to go above and beyond the minimal requirement for this challenge and really explore the transitions, overlays, UI elements and navigation concepts that will create a unique user experience with Deloitte University. We are looking for futuristic concepts that really push the envelope of the technology and add to the overall experience our user will have engaging with Deloitte University. Good luck and we are looking forward to reviewing your submissions!
NOTE: If anything is unclear, please ask for clarification on the forum and we will be happy to help!
User Scenario:
Potential Deloitte University Attendee:
Jeff is interested in learning more about Deloitte University. He is introduced to the DU virtual reality tour that allows him to learn more about what DU has to offer without physically having to be at Deloitte University. The DU tour can be viewed by people at a Job fair or at one of Deloitte's international offices around the world.
Through rich media, 3D space, and intuitive navigation, Jeff is able to explore, browse, and interact with content related to Deloitte University. Using Leap Motion Gestures and other unique navigational concepts, Jeff is able to navigate his way through the campus. For example, Jeff is interested in learning more about how DU is a leader in technology innovation and selects “Innovation” from the main navigation menu. He is transported to a new area of the virtual tour where he is able to interact with a sub navigation concept that has additional content organization and structure for the Innovation section of the tour. In a modern and unique way, Jeff is able to sort through the content options and selects a series of videos that he wants to explore further. After making his selection, Jeff is transported into the “Z Space” to view the content in a virtual reality theater experience. He can watch each video at a time, pull up related content, or browse additional videos.
User Personas:
1. Jeff – prospective Deloitte campus hire recruiting event. Jeff is a prospective campus hire and is considering a summer internship at Deloitte. Deloitte campus recruiter is equipped with her VR headset and offers Jeff the opportunity to immerse himself in what it will feel like to kick off his summer internship at Deloitte’s unique center for leadership where Deloitte partners have committed to nurturing leaders to serve our clients with distinction.
2. Sally – executive of a fortune 500 company looking to Deloitte to design a one day interactive experience for her team to think through how they can extend customer engagement. AS part of the client experience designed at DU, Sally and her team are offered a tour of DU before their custom designed sessions begins. A skilled client experience advisor leads Sally and her team on a tour of DU – and during the tour they are introduced through stories and emerging technology uses cases – the power of different wearable technologies, including VR and the DU enhanced tour as analogs to enhancing customer engagement.
3. Pete – existing Deloitte practitioner who is attending a milestone new manager capstone at DU. They are invited to a reception where they feature emerging wearable technologies with custom built IP as a platform to engage their clients and to stay current with the fast pace market changes. Pete puts on the VR headset is surprised and delighted. While he has been at DU on three other occasions as a learner and a coach – he is blown away with “seeing” DU from these vantage points and exclaims “it is really like being there immersed in a day in the life at DU” without physically being present in those scenes.
The common theme across all of these user peronas is that the experience needs to be a immersive, virtual experience where they understand what it feels like to be at DU – attending a session.
Branding and Guidelines:
- Your design must fit the virtual reality, 3D space available through an Oculus Rift device.
- For color and font requirements, please follow branding guidelines from the design direction document.
- Creativity is welcome for this exciting new challenge!
Screen Requirements:
Overall:
- Follow the workflow and screen descriptions from the design direction document.
- Make sure to provide screens for popups, collapse/expandable features, error forms, and so on.
- Be creative! Think of the best user experience given the unique nature of virtual reality.
1) Home / Landing Page
The initial landing page may have an interactive video, image, or 3D rendering of the Deloitte University campus. A user may pan, zoom, and explore the campus from the home screen. Think through how to animate the typography and overlay navigation concepts on the screen. We are seeking new ways to explore how to trigger that the main navigation page off of the green circle in the Deloitte logo. Please consider this as an initial idea; and we are open to other concepts. We are interested in your navigation concepts and this is just an initial idea. Your solution should have an intuitive navigation structure that is consistent throughout your design concept.
2) Main Navigation
Present a main navigation concept. Consider the technology that we are designing for. How does a user interact with the user interface How can you use 3D space to enhance the experience? Can a user grab, move, twist, swipe, and interact with the navigation? Present your best your ideas. Also consider the animation and different states of your navigation idea. You should consider showing multiple slides for your navigation concept.
3) Innovation
After selecting “Innovation” from the main navigation scheme,....a sub navigation menu animates onto the screen. How would you use 3D space to enhance the experience? Can a user grab, move, twist, swipe, and interact with the sub-navigation? We want to see your ideas. Also consider the animation and different states of your navigation idea. You should consider showing multiple slides for your navigation concept. We should concentrate on displaying 360 degree video as our primary media with image stills and 2D video secondary content type.
4) Innovation Sub Navigation
After selecting a sub navigation category the user is presented with a file structure in 3D space. Think of how the user can swipe, move, and interact with the content to find what they are looking for. We should concentrate on displaying 360 degree video as our primary media with image stills and 2D video secondary content type.
5) Transition Slide
After clicking on a sub navigation content item that they are interested in...how do you animate or transition the user to view that content in a unique way that enhances their virtual reality experience? Given that we are designing in realm of virtual reality, consider delightful ways to transition between scenes. Since the user is approaching everything from a first-person perspective, consider how subtle animations could be used to transition seamlessly between environments. Refrain from having sudden, jarring animations, as these tend to cause discomfort for users. Feel free to explore how compositing pre-rendered content could be utilized to create transitions. The sky is really the limit, you could even consider a particle system driven teleportation effect (a la Star Trek), which could be particularly delightful when transitioning a user from say a fly-over of the DU campus to the inside of a classroom.
6) View File Detail
The user is transported to a virtual reality viewing experience where they can interact and play with the content as well as browse content. When a 360 degree video is playing...consider the UI overlay that allows a user to interact with that video content. Any Equirectangular 360 video shots can be used for your design. See sample above. Simple 2D videos can also be used for your design. We ask that you explore Deloitte University website content online and use any content feature that you deem necessary.
A key part of the DU Virtual Reality experience is an immersive, 360-degree stereoscopic video tour of the campus, showcasing the sprawling, lush exterior as well as the innovative workspaces and facilities inside the building. Consider how to build a 3D overlay for this type of content, not only for titling purposes, and also to enable Deloitte to provide visual cues to users, to draw their attention to certain parts of the scene. Given that a user should have complete freedom to look around, finding an effective, non-intrusive way to do this is essential. Also consider how audio cues may be used in combination with visual cues. The content displayed in the overlay must also be easy to modify and maintain as messaging will change over time.
Equirectangular 360 videos will have videos like this (http://www.coletassoft.com/blog/wp-content/uploads/2010/12/20100804_Pano_01-Piedrafita-360_50mm_sb_crop_cloned.jpg) and can be used as an example. A simple 2D video like (https://www.youtube.com/watch?v=3hSUIamRLDI) can also be used. Any Equirectangular 360 video shots can be used for your design. See link above. Simple 2D videos can also be used for your design. We ask that you explore Deloitte University website content online and use any content feature that you deem necessary.
Project Documentation:
1) Design Direction Document. Your design concept should be based mainly on this.
2) GUI Kit and Design Inspirations (Posted in Google Drive Folder: please request access).
Target Audience
Users exploring the campus, content and rich media associated with Deloitte University.
Judging Criteria
- Overall look-and-feel of the design
- How well your design uses the 3D space available through an Oculus Rift device.
- The user experience of navigating through the screens via an Oculus Rift device.
- How well you follow the client's design guidelines.
- Any suggestions, interactions and user flows you recommend (provide any notes or comments for the client)
What to Submit:
Preview JPG/PNG Image File
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 ZIP File
All requested contest requirements/screens as JPG or PNG files.
Source ZIP File
All fully editable original source files of the submitted design as required by the contest under "Source Files" in the side bar.
Final Fixes
As part of the final fixes phase you may be asked to complete one round of minor changes to ensure your submission meets the stated requirements of this contest. See more information about 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.