add user interface step 1