creating the user interfaces