top of page

ROUX

2025 Induction Cooktop UI

Cooktop Thumnail.png

LCD Screen Integration into Induction Cooktops

GE is moving in the direction of implementing touch screen controls into their induction cooktops. Since the LCD screen wall ovens were getting a UI refresh with a new design system, ROUX, we wanted to see if we could expand the UI to work for a 7" LCD cooktop display. 

Task: Design and prototype controls for GEA cooktop's 7" LCD touch screen, using the similar design system language established in the wall oven UI.

control layouts.png

Balancing Physical And Digital Controls

To comply with UL safety standards, there was a need to have a physical ON/OFF button displayed at all times for each burner that was separate from the screen. This presented the question: How much do we want the user to rely on the digital screen for cooktop control versus the physical controls outside the screen? This question led us to brainstorm different control layouts, from including temperature slider controls outside the screen (which resulted in a more crowded UI overall), to ONLY having ON/OFF buttons, which would push the user to use the screen to manipulate temperature settings. 

turn on multiple.gif

Simple Physical Controls. Clean Digital UI.

When using a cooktop, users may be controlling multiple burners at once. Using a cooktop is more fast paced that using an oven - temperatures change fast, food is tossed, sounds and and sights of cooking are occupying the senses. Thus, the cooktop UI must be clear, concise, and be easy to manipulate in 1-2 touches.

A physical prototype was created to visualize the scale of the screen with the simple physical controls, and to use in consumer testing. It was decided that the physical controls should have a simple ON/OFF button for each burner, and the interactions to control the burner statuses should be done on screen in clear, intuitive steps.

​

cooktop ptotoype.png
LIghts.png

Off State

In the off state of every burner, the power button is completely dimmed and requires human touch to activate it.

Activated State

After touching the power button to turn the burner on, the power button glows white, signaling that the user needs to input a power level/temperature setting on the screen. This also complies with a UL safety standard of needing a "two touch" activation method to start the burner.

On State

When a level/temperature setting is set on screen, the power button turns red to indicate that the cooktop is on, hot, and heating

precision cook ad.png

Users EXPECT a Smart Induction Cooktop

Embedding a touchscreen in a cooktop invokes the impression that this cooktop is a smart, connected device that should be able to bring you temperature perfect results and presets. With GE's partnership with HESTAN CUE Cookware, we wanted the touchscreen to highlight a Precision Cooking feature - which allows users to cook by technique (saute, sear, etc), by food (chicken thigh, steak), or by precise temperature (375F, 400F) using their HESTAN CUE Pan.

Screen Shot 2022-08-20 at 10.56.55 AM.png
Screen Shot 2022-08-20 at 10.57.50 AM.png
Screen Shot 2022-08-20 at 10.57.34 AM.png
Screen Shot 2022-08-20 at 10.58.00 AM.png
explore PC.gif

Explore Your Cooktop

The screen not only controls the cooktop, but also allows the user to explore cooking modes, settings, and features that their induction cooktop has to offer. With increased memory in this new line of cooktops, a higher pixel density, and the android platform, we are able to add smoother scrolling interactions, modals, and even some imagery or animations.

Screen Shot 2022-08-20 at 11.31.59 AM.png

Senior UI/UX Designer

Interaction Design Intern/Prototyper

Emilio Morales

Tammy Hsu

bottom of page