Bella Sujin

피드백을 제공하는 컴포넌트, Toast/Snackbar - 잘 써먹기 위해 정리하는 UI 5편

Bella Sujin — Mon, 18 Jul 2022 06:08:35 GMT

벌써 다섯 번째 글을 쓴다. 4편 Popover 컴포넌트를 정리하면서도 많이 어려웠는데, 이번에 정리할 컴포넌트는 더 어려운 것 같다. 좋아하는 분야이고 실무 경험도 가지고 있어 잘하는 분야라 생각했는데, 한 편 한 편씩 글을 써보니 모르고 지나친 것들이 참 많다. 이번 5편은 사용자에게 작업 결과 또는 피드백을 전달하는 Toast와 Snackbar 컴포

추가 정보를 제공하는 컴포넌트, Popover - 잘 써먹기 위해 정리하는 UI 4편

Bella Sujin — Mon, 27 Jun 2022 06:11:33 GMT

앞서 3편에서 보조 설명을 제공하는 컴포넌트, Tooltip을 이야기하면서 Popover에 관해 잠깐 언급했었다. 마지막으로 정보 아이콘이나 도움말 아이콘을 통해 작동되는 Tooltip이 있다. 마우스 호버 인터랙션으로 작동되는 PC에서는 Tooltip으로 정의하지만, 모바일에서는 터치(클릭) 인터랙션으로 작동되기에 Popover 컴포넌트로 정의한다. -

보조 설명을 제공하는 컴포넌트, Tooltip(2) - 잘 써먹기 위해 정리하는 UI 3편

Bella Sujin — Mon, 30 May 2022 08:49:14 GMT

[3-1편] Tooltip 컴포넌트의 이해와 활용 [3-2편] Tooltip 컴포넌트의 형태와 고려 사항 3. Tooltip 컴포넌트의 형태 (1) Label : 단어 또는 문장이 들어간다. 문장은 한 문장으로, 짧고 간결해야 한다. 잘 정제된 하나의 문장을 만들기 위해서는 UX Writing 전략이 매우 중요하다. (2) Container :

보조 설명을 제공하는 컴포넌트, Tooltip(1) - 잘 써먹기 위해 정리하는 UI 3편

Bella Sujin — Wed, 25 May 2022 05:33:27 GMT

1편 Badge와 2편 Tag 컴포넌트에 이어 3편 Tooltip 컴포넌트에 관해 이야기해보려 한다. 이번 3편 Tooltip은 정리하다보니 내용이 많아져 두 편의 글로 나눠 적어본다. [3-1편] Tooltip 컴포넌트의 이해와 활용 [3-2편] Tooltip 컴포넌트의 형태와 고려사항 도구 설명이라는 뜻의 Tooltip은 사용자 인터페이스의 보조 설

빠른 정보 검색을 돕는 컴포넌트, Tag - 잘 써먹기 위해 정리하는 UI 2편

Bella Sujin — Mon, 16 May 2022 01:05:36 GMT

Tag는 일반 용어 의미와 컴퓨터 용어 의미가 있다. 위키 백과와 네이버 영어 사전에 나와있는 내용에 따르면, 일반 용어: 우편물이나 화물, 택배물 등에 붙여 화물의 분류나 송수신인, 취급 주의 등을 나타내는 인식표(위키백과): 옷이나 물건에 상표나 세탁 방법 등을 설명하는 꼬리표(위키백과): 어떤 표시를 하기 위해 또는 사람이나 사물을 묘사하기 위해 붙인

상태 또는 속성을 표시하는 컴포넌트, Badge - 잘 써먹기 위해 정리하는 UI 1편

Bella Sujin — Tue, 10 May 2022 01:31:15 GMT

UI/UX 디자이너는 디자인 요소를 창의적이고, 예쁘게 만들기 위해 끊임없이 고민한다. 그러나 이보다 앞서 더욱더 중요한 고민이 있다. 바로! 디자인 요소를 올바르게 구현하고 적합한 위치에 사용하는 것. 그러기 위해서는 디자인 요소로 무엇이 있는지, 각 요소들은 어떤 형태와 기능을 갖고 있는지 알아두는 것이 매우 중요하다. 덤으로 정확한 용어까지 함께 알아