UXUI 단어장만들기

일단 시작하며.. 이모티콘을 써보고싶은 마음에 링크를 하나 걸어둬본다.. 솔직히 적절히 쓸지는 모르겠다👀

https://getemoji.com/

😋 Get Emoji — All Emojis to ✂️ Copy and 📋 Paste 👌

 

UXUI 단어장!

쓰면서 외워보려고 한다

단어	의미 및 정리
1. UI	- User Interface - 화면에 보여지는 인터페이스를 의미 - 시각적으로 좀 더 심미적인 디자인에 가깝다고 이해하면 좋음 - 예전에는 GUI라는 개념으로 더 작게 불렸다고 한다.
2. UX	- User Experience - 사용자 경험을 고려해 기획하고 구현하는 일이라고 이해하면 된다. - 업부의 구분이 흐려지고 툴의 발전으로 쉬워지면서 UXUI 디자이너가 기획부터 비주얼까지 담당하는 경우가 많음
3. 팝업(pop-up)	- 기존에 열려있는 브라우저 페이지 위에 또 다른 브라우저 페이지를 띄우는 것 - 기존 브라우저와 독립적인 관계 - 브라우저의 옵션을 통해 열리지 않도록 강제할 수 있음 - "오늘 하루 이 창을 열지 않음"
4. 모달(Modal)	- 기존에 열려있는 브라우저 위에, 새로운 창이 아닌 레이어를 까는 것(모달이 열린상태로 기존페이지 조작불가) - 원래 브라우저와 종속적인 관계, 부모-자식의 형태를 갖고 있음 - 브라우저 옵션과 관계없이 띄울 수 있음 - 모달이 몬데? 정리하신분 https://blog.toktokhan.dev/이거도-모달-저거도-모달-이게-모람-4424a5a0c769
5. 알럿(Alert)	- 알럿은 유저에게 주의를 주거나 알림을 일방적으로 주는 경우임 - 버튼이 포함된다. - Dim(불투명한 백그라운드)가 깔리며 뜨는 경우가 많다
6. 토스트(Toast)	- 뿅 하고 나왔다가 스르륵 하고 사라지는 알림 - Like 토스트기계...  그래서 토스트임
7. Default	- 어떠한 컴포넌트의 기본 상태값 - 유저가 아무 행동도 하지 않은 첫 화면에서 보여지는 상태를 표현
8. Disabled	- 비활성화 상태를 의미함 - ex) 회원가입 단계에서 필수입력값을 입력하지 않았다면, 다음단계로 넘어갈 수 없도록 버튼을 비활성화시킴. 이 값을 disabled 상태값이라고 함
9. Active	- 버튼이 눌리는 순간, 눌렀음을 표시해주는 상태 - 대부분 색상을 더 진하거나 연하게 조절하는 형탱로 사용
10. Hover	- 마우스를 가져다 댔을 때, 이건 클릭할 수 있어~ 라고 힌트를 줌
11. MVP	- Minimum Viable Product 의 약자 - 핵심적인 단 하나의 기술을 가지고 개발하는 제품 - 스케이트 보드 > 킥보드 > 오토바이 > 차 의 단계라고 생각하자 (바퀴 > 차체 > 차 ..가 아니다)
12. Production	- 상품의 가치를 극대화하는 단계 - 사용성 개선이나 디자인에 대한 개선이 이루어지거나 브랜드 의미와 가치를 성장시키는 단계
13. 네이티브 앱	- 플레이스토어, 앱스토어에서 다운받는 형태의 앱 - 때문에 2가지 타입이 필요하다 - 제작이 까다롭지만 스택구조(레이어)라서 사용성이 좋다.
14. 웹앱(반응형)	- www. 와 같은 웹사이트 - 접근성이 미쳤다 - 스택이 불가능한 '라우팅 구조' like 새 탭..
15. 하이브리드 앱	- 네이티브 앱과 웹앱을 반반씩 섞은 것 - 기능적인 제한이 거의 없지만 웹앱의 단점(스택이 불가능)이 그대로 있으므로 UX적으로 큰 이탈률이 생길 이슈가 있다(중요)
16. VOC (voice of customers)	- 고객의 목소리. 접수된 피드백에나 리뷰를 통한 리서치를 함
17. UGC (user generated content)	- 유저가 생성한 콘텐츠. - 서비스가 성장하려면 UGC의 활성화가 필수적이다(내생각)
18. 충실도 (Fidelity)	- 얼마만큼 구현했는가의 충실도 - lo-fi (스케치단계) > hi-fi (xd등을 이용한 색작업단계)
19. 와이어프레임 (Wire Frame)	- 아이디어를 표현하거나 어떤 흐름으로 구현되는지 기획의 단계 - 각 페이지의 정보나 ui요소의 대한 배치를 표현
20. IA (information Architecture)	- 정보구조도. - 서비스를 구성하는 정보의 구조와 우선순위, 흐름의 설계를 포함 - 서비스 구축의 기본적인 단계. - 이 작업 후 와이어 프레임을 짜는 것을 추천
21. Storyboard	- 와이어프레임의 구체화된 버전. - 각 페이지 구성요소나 로직 등을 볼 수 있는 도구
22. 프로토타입 (Prototype)	- 사용자 경험과 상호 작용을 시뮬레이션 하고 테스트하기 위해 사용.
23. 어포던스 (Affordance)	- 디자이너가 의도한 대로 사용자가 행동하도로 유도하는 속성 (오늘 추천받은 책인 '생각하게 하지마라 가 생각난다..')
24. UT (usability testing)	- 개발된 제품 또는 서비스에 대한 사용자 경험을 평가하는 테스트 과정
25. 브레드 크럼 (Breadcrumbs)	- 사용자의 네비게이션으로 웹 사이트 내 현재 위치를 알려주는 역할 - ex) 탐색기의 주소창을 생각하자..
26. 컴포넌트 (Component)	- 특정 기능이나 모양을 가지고 있는 UI요소
27. FAB (Floating action buttons)	- 화면에서 가장 중요하고 공통된 기능을 동작하는 버튼
28. Text area	- 일반적인 Text Field보다 긴 컨텐츠를 담아야 할 때 사용하는 컴포넌트
29. Switch	- 각 옵션을 껐다 켰다 할 수 있는 컴포넌트 (토글)
30. Slider	- 범위 내에서 옵션을 빠르게 설정할 수 있는 컴포넌트
31. Picker	- 사용자가 옵션에서 선택할 수 있도록 하는 컴포넌트 - Like 드롭다운 or Selects...
32. Time Picker	- 사용자가 특정 시간을 선택할 수 있도록 하는 컴포넌트
33. CheckBox	- 옵션에서 하나 혹은 복수 선택하는 컴포넌트
34. GNB (Global Navigation Bar)	- 웹사이트의 최상위 대분류 메뉴.  - 대부분의 사이트에서 최상단에 보이는 메뉴이다.
35. LNB (Local Navigation Bar)	- GNB의 하위 메뉴로 중분류/소분류 이다.
36. Grid	- 백지에 논리를 부여하는 작업 - 디자인할 영역을 일정하게 나누는 것
37. Icon	- 사용자의 직관적인 컨텐츠 인지를 위해 사용하는 도구 - 정보의 시각
38. Badge	- 새로운 업데이트 알림에 대한 정보를 제공할 때 사용
39. Dialog	- 사용자의 결정을 묻기 위해 대화 형태로 띄워지는 창

 

모르는 단어가 생기면 꾸준히 추가하도록 하겠습니다..👻

저는 이만..😇