User Interface User Experience Virtual Reality 3D
.
Problem
A new immersive experience on what is like to really be on a space station.
.
Solution
An interactive immersive experience of the International Space Station, showcasing UI/UX through the use of VR.
Experimentation of controlling the VR experience through keyboard and mouse, whilst still being compatible with the Oculus Rift S.
Main tools used:
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/3f96a735-6c64-4183-9fbb-ec1aad4725fe_rw_1920.png?h=0fc5314b86a7b3705fb32e976fb3acc8)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/53b2b3a6-f4e8-45e9-9f80-7eeb4d6ec4da_rw_1920.png?h=c5967afe44f094c16e44db850223e3e3)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/2178b46f-7208-42a9-9db6-1e8158460269_rw_1920.png?h=2bf1fefa484865e1cc35710c6ab99787)
The Experience.
What is the ISS?
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/ce0cf7f5-b1b7-4518-91d3-b557ce6104df_rw_3840.jpg?h=10d0e09454a89671c0005dc214aabe4b)
User Persona.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/77cefcf9-dfba-47ac-96b7-04e3ed816f05_rw_3840.jpg?h=324eed6abdc81a71158a6001c313c868)
Moodboard.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/dcc989dc-b9f2-4eb2-84ae-3fa4bd038b78_rw_600.jpg?h=749617836b2cd1de5e361b82eae306a6)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/2c30260f-064a-4e98-8199-342133764e7d_rw_600.jpg?h=6a3dec365ddc6fcb8f86e637705b4889)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/e9b82ec1-26c8-4aec-98f7-372bf4cc5b93_rw_1920.jpg?h=b24cfbbb717f879c9f070229398239f4)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/596471cf-c8dc-43d9-a299-c184b9c0000b_rw_1920.png?h=07941e02b83edb5d355fd80d7279e312)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/fe20e5ae-9148-4e33-aa6d-0a31853ef6a2_rw_1200.png?h=b26d9319aa3bdb01e438b2661a06a9af)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/94e84f00-0b6f-4061-b0c2-0eef3b2bfe2e_rw_1200.jpg?h=c516a49601a20d37c2ada66ee481d480)
Initial Sketches.
Brainstorming.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/e53c8c58-1ecf-4c6b-80ba-1d8c8b253bf6_rw_1920.jpg?h=0a6c034c71212e8019d5221cdc597a7a)
Menu UI Concept.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/e11d6c5e-23fe-4ed9-b192-5fa308af7327_rw_1920.jpg?h=72a3202f6cd8ccef7041bab47b04761c)
Understanding Movement.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/b995208d-8c9b-4379-bb33-8184ca224238_rw_1920.jpg?h=11c272af6cc610b90e33e57a1a782f20)
Information UI Layout.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/e45cc652-8cca-4062-9e6c-858f5f9323a3_rw_1920.jpg?h=6874373567e392b6163710ad521040b4)
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/e3a13341-6f52-4422-b5ff-a805907fe5c6_rw_3840.jpg?h=04841dcdd239ad2c243d6bd0bbb3fc85)
Storyboard.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/a32d259c-ab6d-4c7c-bd10-1217213074cb_rw_1920.jpg?h=4f52fd3e3d82d8c2365dcdc1c23f8b6c)
Flowchart.
![](https://cdn.myportfolio.com/92e4ef36-e054-4b90-a102-0d939747e8b1/2c250565-d178-4a2a-a4e4-06f0985fa196_rw_3840.jpg?h=1e2fde5ce3fb51a489f1446e5183d2f0)