본문 바로가기

Tip/실무 용어

1년차 UI/UX 기획자가 알려주는 초보 기획자 필수 용어 정리편

안녕하세요 UI/UX 기획자 jinny입니다!

 

저는 처음 입사해서 가장 햇갈리고 어려웠던게 description에 입력해야하는 용어나 커뮤니케이션 시 필요한 용어들을

검색해도 정확히 알기 어려웠고 이러한 내용을 정리한 책도 없어서 많이 헤맸고 지금도 많이 공부중입니다 ㅠ3ㅠ

 

그런 여러분을 조금이나마 돕고자 오늘은 Web/App 기획 시 알아야할 필수 용어를 정리해 보겠습니다.

 


출처 : https://uxdesign.cc/ui-cheat-sheet-text-fields-2152112615f8

 

Text Input Field [텍스트 인풋 필드]

: 이름, 번호 등을 입력하는 영역

 

* 연관 용어

- Text Box [텍스트 박스]

: 인풋 필드와 동일한 의미로 사용됩니다.

 

- Text Field [텍스트 필드]

: 인풋 필드와 동일한 의미로 사용됩니다.

 

- Text Area [텍스트 에리어]

: 2줄 이상의 긴 텍스트를 입력해야하는 (내용입력, 문의사항입력 등) 경우에 사용되는 큰 텍스트 입력 영역을 의미 합니다.

 


출처 : https://dribbble.com/shots/9977068-Neumorphic-Forms?utm_source=pinterest&utm_campaign=pinterest_shot&utm_content=Neumorphic+Forms&utm_medium=Social_Share

 

Default [디폴트]

: 기본으로 적용되어 있는 명령, 기본적인

 

* 연관 용어

- Disable [디세이블]

: 사용할 수 없도록 강제로 비활성화 시키는 것

 

- Pressed [프레스트]

: (버튼을, 아이콘을) 누르다

 

* 용어 사용 예시

: 페이지 접근 시 [저장] 버튼 Desable 상태, 폴더 클릭 시 [저장] 버튼 Default

 


출처 : https://codemyui.com/pagination-styles-using-css/

Pagination [페이지네이션]

: 페이지 하단에 있는 페이지 이동 도구

 


플레이스 홀더와 레이블

Placeholder [플레이스홀더]

: 텍스트 필드 안에 어떤 내용을 입력해야하는지 안내하는 문구

 

* 연관 용어

- Label [레이블]

: 텍스트 필드에 입력해야하는 내용에 대한 타이틀 영역

 


출처 : https://m.blog.naver.com/PostView.nhn?blogId=gounsori90&logNo=220515444685&proxyReferer=https:%2F%2Fwww.google.com%2F

Dimmed [딤드]

: 팝업이나 이미지 뒤 배경을 어둡게 처리

 


출처 : https://www.sketchappsources.com/free-source/3168-check-boxes-radio-button-from-style-sketch-freebie-resource.html

Check Box [체크박스]

: 여러 옵션 중 여러개를 선택 할 수 있는 경우 (예. 모두 고르시오, 관심사를 모두 체크해주세요 등)

 

* 연관 용어

- Radio button [라디오 버튼]

: 여러 옵션 중 단 하나만 선택해야 하는 경우 (예. 동의/미동의, 예/아니오 등)

 

 


출처 : https://www.airbnb.co.kr/

Date Picker [데이트피커]

: 날짜 선택, 달력 선택을 하는 기능

 


프로젝트마다 같은 기능이여도 조금씩 다른 단어를 사용하기도 하고 대부분에 단어가 영어이다 보니 더 많이 햇갈리는거 같아요 ㅠㅠ

신입 기획자 분들 모두 화이팅!!!!😊👏🏻👏🏻