# Designing STEW user interface

This example describes how to design a usable user interface for a widget.

Designing a usable widget user interface comprises the following tasks:

- STEW: defining the HTML and CSS structure

- STEW: adding JavaScript to drive the widget logic

- STEW: managing user interaction

- STEW: loading the widget at startup

- STEW: supporting different screen sizes

- STEW: supporting screen rotation

- STEW: adding menu options

### To create STEW

1. Download the STEW home screen widget source files to your computer.

2. Follow the instructions to create STEW.