UXUI 용어정리(2)
자,,3주차가 돌아왔습니다.. 호호 오늘은 월요일이네요,,
정신차리니까 12월이 성!큼! 다가왔습니다.
각설하고 UXUI용어 정리해볼께요!
오늘은 헷갈리는 UXUI용어를 정리해볼꺼예요.
모달(Modal) VS 팝업(Pop-up)
모달(Modal)
- 기존에 열려있는 브라우저 위에, 새로운 창이 아닌 레이어를 까는 것
- 원래 브라우저와 종속적인 관계
- 브라우저 옵션과 관계없이 띄울 수 있음
팝업(Pop-up)
-
기존에 열려있는 브라우저 페이지 위에 또 다른 브라우저 페이지를 띄우는 것
-
기존 브라우저와 독립적인 관계
-
브라우저의 옵션을 통해 열리지 않도록 강제할 수 있음
토스트메시지 VS 알럿
토스트(Toast)
-
토스터기에서 식빵이 튀어오르는 것처럼 나오는 알림이라고 해서, 이름이 '토스트'입니다.
-
토스트에는 버튼이 없어서 유저가 확인버튼을 눌러주지 않아도, 뿅! 하고 나왔다가 시간이 지나면 알아서 스르륵 하고 사라집니다.
-
디자이너가 가장 많이 참고하는 디자인시스템인 '구글 머터리얼 디자인'에서는, 토스트에 아이콘이나 이미지를 넣는 것을 지양하고 있습니다.
(하지만 장바구니에 무언가를 담았을 때 종종 아이콘과 함께 토스트가 뜨는 경우도 많이 있습니다.)
알럿(Alert)
-
알럿은 말 그대로 유저에게 주의를 주거나 알림을 일방적으로 주는 경우에 사용합니다.
-
알럿에는 버튼이 포함됩니다.
-
디테일 하게는 Confirm/ prompt/ Alert 으로 나눌 수 있습니다.
-
버튼이 하나만 있는 경우는 Alert(ex. 필수 입력사항을 입력해주세요 - 확인)
-
에/아니오 등의 버튼 2개가 있다면 Confirm (ex.저장하지 않고 나가시겠습니까? - 나가기/ 취소)
-
텍스트를 입력받는 Input Field가 있다면 Prompt
-보통은 '알럿'이라고 통일해 표현할 때가 많습니다.
Default VS Disabled
Default
- 어떠한 컴포넌트의 기본 상태값을 의미합니다.
- 유저가 아무 행동도 하지 않은 첫 화면에서 보여지는 상태를 표현합니다.
Disabled
- 비활성화 상태를 의미합니다.
-입력창(Input Field)이라면, 유저의 선택 값에 따라 입력이 필요없는 칸이 있을 때 Disabled로 표현되고 합니다. - 예를 들어, 회원가입단계에서 "필수 입력값(이름 등)"을 입력하지 않았다면, 다음 단계로 넘어갈 수 없도록 버튼을 비활성화 시킬 때 Disabled 상태값이 필요합니다.
MVP VS Production
MVP
- Minimum Viable Product
- 핵심적인 단 하나의 기술, 단 하나의 기능을 가지고 개발하는 제품
- 스케이트 보드> 킥보드> 오토바이와 같은 순서로 완성과 디벨롭을 단계별로 이어나가야 합니다.
Production
-
상품 가치를 극대화하는 단계
MVP에서 시장 검증을 끝냈고, 사용하는 유저들도 어느정도 있는 단계라면, 좀 더 살을 붙일 수 있는 시점이 되었다고 볼 수 있습니다. -
커뮤니티, 커머스, 팔로우,, 서비스를 조금 더 가치있게 만드는 기획과 아이디어들이 이 단계에서 추가됩니다.
-
혹은 사용성(UX)에 대한 개선이나 디자인(UI)에 대한 개선이 이루어지기도 해요. MVP가 단순히 기능적으로 핵심기술이 돋보이는 형태라면, 프로덕션은 좀 더 심미적이고 아름다운, 브랜드의 의미와 가치를 담은 이야기들을 이어나갈 수 있기도 합니다.
출처 : https://brunch.co.kr/@fastfive/428
-
