top of page
5f699dff8a67d35f2f7edbc0_cover1.jpeg

​Kiwi OS

​Brief

​Kiwi OS is the operating system based on IQIYI VR headset. It is a user-friendly, efficient interactive and swift system, including some VR applications and a numerous of video resources from IQIYI, users can also download any VR applications from the app store to enjoy all kinds of VR experience. It was officially released with the second generation VR headset called “Adventure II” in May, 2018. I have worked on it for 3 months since Jan, 2018 as a UI/UX designer. Totally, the product experienced 3 Beta tests and several turns of user tests and fixing 3 different versions of product demand and user interaction and finally it comes out.

Kiwi OS mainly consists of 3 parts, films (recommended), apps, and searching. The launcher is showing the recommended films and television programs in terms of the user's watching history and preference. The buttons below guide user to turn over between different functions. In the apps page, all the application that can show up, including the apps that user downloads from app store and the apps come with Kiwi OS. The last but nor least, searching functions is consist of 2 brunches. One is the traditional typing searching, the other is voice searching, it means that when users speak the awakening key words, the system can help them turn to voice searching page and search what they want. It implements a convergence of VR+AI and provide users with the smart viewing experience.

My Responsibilities

  • Create 2D/3D UI assets for VR products.

  • Develop motion pre-visualizations (Adobe After Effects / C4D).

  • Produce high-quality visual designs – from wireframes to delivery.

  • Work closely with UX/ product designers and programmers on feature prototypes.

  • Design the webpages, banners for product operation, and participate in the review meetings.

Pipeline

Make sure the features and demand for product design

Ideation for the user flow and  wireframes

Make wireframes with the clear user flow

Create UI assets in terms of art guidelines 

Slice, note and deliver to developers

Wireframes & User Flow

Icon Design

When I designed the icons for launcher, I firstly read the icon design part in the art guideline, followed the rules to create. For example,

  • Provide 2 sizes of icon, one is 16:9 for launcher, the other 1:1 for dock.

  • Export 2 transparent layers as the PNG file, foreground is the 352px*352px logo shape/frame, background is the 352px*626px image, such as texture, gradient and other auxiliary graphic design, it should include 12px*12px bleeding area.

  • The foreground cannot contain font, unless it is a part of logo shape/frame. And don't any use watermark.

  • Reduce the design elements near the background edge. Don't use any watermark and advertising slogan. 

UI & Visual Design

The motion graphics that I made for the voice searching function is the most challenging part in the project. I firstly did the product research and analyzed different designs for this function. After a mountain of research and ideation, I got the inspiration from the “inscribed circle” and “Möbiusband“. Then I experienced several turns of iterations and finally figured it out.

Möbiusband.png
bottom of page