step 1 UI