웹/앱디자이너에게 도움되는 유용한 개발용어

UXUI 디자인 개발요청 시 알아두면 유용한 개발용어

Placeholder(플레이스홀더)	텍스트 입력란에 짧은 도움말을 작성해놓는 것
Sorting(소팅)	2개 이상의 자료를 설정한값의 순서로 재배열 하는 것
Filtering(필터링)	1개 이상의 값을 그룹화하여 카테고리명으로 나누어 놓는 것
Floating action Button(플로팅 액션 버튼)	화면에 떠 있는것처럼 보이는 원형 버튼의 위젯
Toast Pop-up(토스트 팝업)	화면 아래에서 위로 나타났다 사라지는 형태
Dialog Box(다이얼로그 박스)	화면 가운데 나타나며 주로 경고/안내메세지를 전달하는 박스 형태
Toggle Button(토글 버튼)	두가지 기능 중 하나로 토글되어지도록 만든 버튼
Pull to Refresh(풀투리프레쉬)	당겨서 새로고침 되도록 하는 기능
Radio Button(라디오 버튼)	1개 미만 선택이 가능한 체크버튼
Check Box(체크박스)	1개 이상 다중선택이 가능한 체크버튼
Light Box(라이트박스)	팝업창이 나타나며 백그라운드 화면이 어두워지거나 밝아지는 형태

---

 

1.Placeholder(플레이스홀더) 회색 텍스트로 작성된 도움말

"- 없이 입력하세요" 같은 텍스트필드 내에 회색 도움글

 

 

2.Sorting(소팅) 2개 이상의 자료를 특정 기준에 따라 재배열 하는 것.

 

 

 

3.Filtering(필터링) 특정 조건과 일치하는 레코드만 표시하는 것 예) 카테고리

 

 

 

4.Floating action Button(플로팅 액션 버튼) 쇼핑몰 플로팅 위젯 예시

쇼핑 플로팅배너

 

 

5.Toast Pop-up(토스트 팝업) 알람 설정완료를 알리는 토스트팝업

 

 

6.Dialog Box(다이얼로그 박스) 경고/안내 다이얼로그 팝업창

 

 

7.Toggle Button(토글 버튼) 알람 On/Off 기능, 스위치

 

 

8.Pull to Refresh(풀투리프레쉬) 예) 배달의민족App 위에서 아래로 당기면 새로고침 되는 것

 

 

9.Radio Button(라디오 버튼) 중복체크가 불가한경우 라디오버튼을 사용한다.

 

 

10.Check Box(체크박스) 중복체크가 가능한경우 체크박스를 사용한다

 

 

11.Light Box(라이트박스) 또는 딤드 예) 광고 팝업시 백그라운드를 어둡게 하는 라이트박스 기능

출처 운수도원app