TIL-23

연히·2025년 2월 18일

TIL

목록 보기

23/68

디자인 카타

* 아이폰 노치(Notch)의 변화, 어떤 UI를 더 선호 하시나요?

https://designus.io/topic/221

A안. 노치 (Notch)

일관된 UI를 제공한다.

단점

노치는 고정적 형태라 UI 활용성이 제한적이다.
상단 중앙 부분을 차지하면서(비유동적 요소) 전체 화면 모드에서 시각적인 방해 요소가 될 수 있다.

B안. 다이나믹 아일랜드 (Dynamic Island)

다이나믹 아일랜드는 단순한 공간 차지가 아니라, 알림 및 실시간 정보 표시 역할을 수행한다.
알림이 필요할 때만 크기가 변하며, 필요 없을 때는 최소한의 공간을 차지한다.

단점

기존 노치는 고정된 크기였지만, 다이나믹 아일랜드는 필요에 따라 크기가 변화면서 화면을 더 가릴 수 있다.
특히 작은 화면에서 다이나믹 아일랜드가 커지면 콘텐츠를 가려 불편할 수 있다.
멀티태스킹 및 제어 기능으로 다이나믹 아일랜드를 터치할 빈도가 많은데 손가락을 뻗어 탭하기엔 불편한 위치에 있다.

👉🏻 나는 B안인 다이나믹 아일랜드를 선호단다. 아직 핸드폰이 구형이라 ( ..)a 써보지는 못했지만 상태에 따른 다양한 멀티태스킹이 강력한 무기이며, 평소엔 노치보다 시각적으로 덜 눈에 띈다.

* 튜터님 피드백

하루 한 장 UX의 법칙 100

DAY 06. 어떻게 말하느냐도 중요하다.

UX디자이너로 가장 중요한 투자 스킬은 글쓰기라고 항상 말한다. 결국 인터넷은 단어들로 이루어져 있다. 좋은 UX카피는 감정에 호소하며, 기술적인 용어와는 정반대다.
사람들이 웹에서는 글을 읽지 않는다는 오해를 들어본 적이 있을 것이다. 이는 잘못된 생각이다. 사람들은 웹에서도 읽는다. 다만 읽는 방식이 다를 뿐이다.
웹에서 글을 쓸 때는 항상 카피를 최대한 소화하기 쉽고 대화체로 만드는 것이 목표가 되어야 한다. 언어를 간결하게 하고, 콘텐츠에 라벨을 붙이고, 카피를 한 입 크기로 나누며, 긴 단락 속에 링크를 묻어두지 말고, 콘텐츠가 쉽게 스캔 될 수 있도록 해야 한다.
특히 문장 단위와 단락 단위에서 가차 없이 편집하는 것은 중요하다. 말하고자 하는 것을 정확히 말하도록 불필요한 부분을 잘라내라.

식사 시간 팀 활동

* 버튼 종류 싹 다 파헤치기

https://brunch.co.kr/@hnjnkm/35

이 아티클은 다양한 버튼 유형과 그 사용 방법을 설명한다. 버튼은 기본(Elevated), 강조(Filled), 톤 강조(Filled Tonal), 외곽선(Outlined), 텍스트(Text), 세그먼트(Segmented), 아이콘(Icon), 플로팅 액션(FAB), 확장형 FAB 등으로 구분된다. 각 버튼은 특정한 상황과 목적에 맞춰 사용되며, 예를 들어 강조 버튼은 중요한 작업을 나타내고, 텍스트 버튼은 우선순위가 낮은 액션에 적합하다. 세그먼트 버튼은 옵션 선택이나 보기 전환에 유용하며, 아이콘 버튼은 직관적인 동작을 제공한다. 플로팅 액션 버튼과 확장형 FAB은 중요한 액션을 강조할 때 사용된다. 적절한 버튼 활용은 사용자 경험을 향상시키고 인터페이스의 효율성을 높이는 데 기여한다.

'UXUI 입문' 재수강 요약정리

* 디자인씽킹

1단계 공감하기 (Empathy)
- A-E-I-O-U
- 공감지도(Empathy Map)
- 인터뷰
2단계 문제정의하기 (Define)
- 친화도 분석 (Affinity Diagram)
- 페르소나 (Persona)
- 5Whys
- 사용자 여정 지도 (Customer Journey Map)
3단계 아이디어 발산하기 (Ideate)
- HWM (How Might We?)
- SCAMPER
- 브레인스토밍 (Brainstorming)
- Yes and
4단계 프로토타입 만들기 (Prototype)
- 와이어프레임 (WireFrame)
- 목업 (Mockups)
- 프로토타입 (Prototype)
5단계 테스트하기 (Test)
- 사용성 테스트 (Usability Test)
- 휴리스틱 평가 (Heuristic evaluation)
- 린캔버스 (Lean Canvas)
- 역할극 (Role Playing)

* 디자인 원칙의 종류

게슈탈트 심리학
- 게슈탈트 심리학은 사람이 이미지를 인식할 때 주변에 있는 요소 간의 관계와 맥락에 영향을 받는다는 이론이다.
- 유사성의 원리, 근접성의 원리, 폐쇄성의 원리, 연속성의 원리, 공통성의 원리 등이 있다.
UX 비주얼 디자인 원칙
- UX에 영향을 끼치는 시각 디자인의 원칙을 정리한 것이다.
- 스케일, 시각적 위계, 균형, 대비 등이 있다.
UX/UI 심리학 법칙
- 심리학 법칙은 사람이 어떻게 행동하고, 왜 그런 행동을 하는지를 설명한 법칙이다.
- 제이콥의 법칙, 피츠의 법칙, 힉의 법칙, 밀러의 법칙 등이 있다.
기업의 디자인 원칙
- 기업의 철학을 담고, 심미성과 사용성이 높은 제품을 만들 수 있도록 제시하는 가이드다.
- 구글, 페이스북, 에어비앤비, 스포티파이 등 규모가 큰 기업에서는 디자인 원칙을 정한 후 이러한 원칙 아래에서 제품을 만들고 있다.