first basi UI steps