UX Writing
-
[UI/UX 컴포넌트 공부하기] - 모달(Modal)UX Writing 2022. 3. 21. 16:15
모달(Modal) 이란? 모달(modal)이란 일반적으로 기존 화면 위에 플로팅 되는 화면을 의미합니다. 사용자가 새 페이지로 이동할 필요 없이 기존 화면에 중요한 정보를 표시할 수 있습니다. 또한 모달을 활용하면 플로팅 된 화면과 아래 화면의 관계를 통해 보다 명확한 워크 플로우를 제공할 수 있습니다. 🔎모달 구성 요소 아래 그림을 통해 모달을 구성하고 있는 요소들을 살펴보겠습니다. 배경 모달상자 제목: 제목은 모달의 목적을 분명하고 간결하게 설명합니다. 콘텐츠 영역 버튼: 버튼을 사용하면 헤드라인 질문에 답할 수 있습니다. 버튼 레이블은 동작 기반의 동사로 작성하여 기능과 결과를 명확하게 전달할 수 있도록 합니다. 버튼의 경우는 제목이나 콘텐츠에 사용되는 단어로 작성하는 것이 좋습니다. '사진을 휴지..
-
[UI/UX 컴포넌트 공부하기] - 툴팁(Tool Tip)UX Writing 2022. 3. 7. 16:56
UI/UX Writing hub에서 무료로 UX Writing 맛보기 과정을 제공하고 있습니다. 해당 사이트에서 제시한 과정을 토대로 배운 내용들을 정리하고자 합니다. 해당 과정은 무료로 진행되기 때문에 아주 짧은 글로 구성되어 있지만 저에게 공부할 할 주제를 준다는 게 마음에 듭니다🤗 이번 포스팅에서는 UI/UX 요소 중에 하나인 툴팁(Toop Tip)에 대해서 정리해보려고 합니다. 툴팁이란? 입력 필드나 인터페이스에 관한 복잡한 내용을 설명하고 싶을 때 레이블 옆에 작은 i 아이콘 혹은 ? 아이콘을 배치하고 여기에 마우스가 올라갈 때 설명이 들어간 툴팁이 나타납니다. 즉, 툴팁은 사용자가 요소 위에 마우스 커서를 올릴 때 표시되는 텍스트 레이블입니다. 툴팁을 사용하면 어떤 기능인지 그리고 이 항목이 ..