first part of UI