#기획자 #UI컴포넌트 #기본용어 #기획용어

🎈 한 줄 요약

• 전문직 대표님이 PM을 맞고 계신데, UI 용어를 1도 몰라 정리했습니다.

✔️ 우리 대표님은 변호사다. 지금 회사를 만든 지 1년 6개월 됐다. 그동안 변호사 업무만 해서 IT 업계에 대한 정보를 모른다. 헷갈려하는 것도 아니고 1도 모른다. 다양한 자료를 종합해서 보내드려도, 책을 추천해 드려도 읽지 않는다. 금세 또 물어본다.

✔️ 그렇다고 대표님이 나이가 많은 게 아니다. 이제 37살, 하지만 변호사로 커리어를 쌓고, 열심히 살아왔기 때문에 모르는 거 인정한다. 업계에 있어도 용어는 모르는 사람들 많으니까 그 정도는 그럴 수 있지 생각한다. 또한, 팀이나 부서마다 지칭 용어가 가끔 다르기 때문에 이해한다.

✔️ 하지만!! 적어도 정리했거나, 만들었거나, 전달한 자료는 읽어야 하지 않을까? 마음속으로 생각도 해봤다. '내가 정리를 제대로 못 했나? 혹시 이거 때문에 안 읽으시나?' 이런 마음을 한편에 가지고 있다. 그래서 오늘도 이렇게 정리를 해본다.

✅ 자주 사용하는 UI 요소와 컴포넌트 정리

1. GNB (Global Navigation Bar)

• 일반적으로 웹사이트 최상단에 있는 최상위 메뉴를 지칭해요. 웹사이트 전체에서 공통적으로 노출되는 메뉴이고, 주요 메뉴로 빠르게 이동할 수 있는 링크를 포함하죠. 아티클에서는 웹의 이탈률과 전환율에 큰 영향을 미치므로 배열 순서를 충분히 고려해야 한다고 합니다. 저는 보통 'Depth1'로 봐요.

2. LNB (Local Navigation Bar)

• GNB 메뉴를 누르거나 마우스 오버 상태일 때 발생되는 메뉴예요. Sub Menu라고도 말하죠. 이 메뉴를 통해 최상위 카테고리 바로 아래 메뉴로 이동할 수 있어요. 저는 보통 'Depth2'로 봐요.

3. Main Banner (Hero Banner)