KaiOS

SET-TOP BOX

| 2017 UI / Prototyping

The project is a collaboration with Indian partner — JiO to develop a set-top box that can be applied to various TVs. At the same time, JiO can also expand its TV entertainment-related business in India.

My contributions to this project include: UI design and prototyping for launcher, screensaver, keyboard and collaboration with 2 visual designers in Taipei and 2 in Manaus, Brazil.

| 01

Design Direction

Reduce Learning Costs.

Create an easy-to-use interface of launcher with simple navigation. Users can switch between main function blocks by just swiping up and down.

Avoid Getting Lost.

On the non-touch screen, preventing users from getting lost in the interface is one of the top priorities. Scaling up is a dynamic and lively expression that is frequently used for image objects. It makes the screen clear and reduces interference, and it keeps users concentrated on the focused object. Scaling up is often accompanied by a Z-axis dimension to intensify the hierarchical relationships between objects and to create a distinct visual style.

—
Launcher Navigation

| 02

Main Features

Side Menu

When the first content of each category is focused, users can directly click the left button to launch the side menu to quickly browse all category items. Through the side menu, they can quickly select the category they want to watch.

Recent

Through research, we found that users often use the recent playlist feature, so when designing this page, we used a timeline view for the layout. Users can switch dates by pressing left or right. In this way, users can find the previously played contents clearly and quickly.

Screen Saver

When the screen is idle for a period of time, the screen saver will be automatically turned on. The date and time are displayed on the screen, and the panel protection function is achieved through the animated gradient color.