| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- tanstack query
- 브루트포스
- 멀티캠퍼스IT부트캠프티
- 소수
- 백준
- Java
- 프론트엔드 비대면반
- 2775번 문제
- 재귀
- 시간 복잡도
- 알고리즘
- 애자일
- LG유플러스 유레카 3기 프론트엔드
- 별찍기10
- 코딩
- LG유플러스 유레카 프론트엔드
- LG유플러스 유레카 부트캠프
- 프론트엔드
- LG유플러스 유레카 프론트엔드 개발자
- 웹시큐리티
- git branch 협업
- 유레카 부트캠프
- 정렬
- 멀티캠퍼스IT부트캠프
- 부트캠프후기
- 스레드
- zod
- Do it! 자료구조와 함께 배우는 알고리즘 입문
- 자바
- 프로세스
- Today
- Total
개발 일기
20251028 사용자 경험(CX) 디자인 본문
오늘의 수업 내용

오늘은 사용자 경험 디자인에 대한 수업을 진행해주셨다.
강사님께서는 왜 배워야 하는지 알아야 된다고 하셨다. 이 아래의 글은 왜 알아야 하는지 이해해보고 정리한 내용이다.
사용자 경험(CX) 디자인

우리는 왜 UX/UI를 배워야 하는가?

첫 번째는 사용자에게 편리하고 유용한 환경을 제공하기 위해서이다.
두 번째는 단순한 서비스를 넘어 사업으로, 문화로 확장하기 위해서이다.
그럼 UX/UI는 뭘까?
UI

UI는 실제로 사용자가 접하게 되는 부분이다. 즉, 시각적으로 드러나는 것들을 디자인하는 것이다.
UX

UX는 사용자 경험 중심적인 관점에서 앱 또는 웹을 구상하고 설계하는 모든 단계이다.
UI에서 중요한 것은?
UI는 시각적으로 드러나는 것들을 디자인하는 것이기 때문에 색상이 중요하다고 할 수 있다.
사용자들이 특정 컬러를 볼 때 이미지나 브랜드가 연상되는 것은 그 기업에서 반복된 노출하여 브랜딩한 결과물이다.
이처럼 색상은 사용자에게 큰 영향을 미친다.
색의 역할
1. 브랜드 아이덴티티 각인
2. 마케팅 관점에서 클릭을 유도
3. 방향을 제시
이렇게 색의 역할을 정리할 수 있다.UI에서 색만큼 중요한 것은 레이아웃이 있다.
레이아웃

레이아웃이란 제한된 공간 안에 글자, 이미지, 아이콘 등 여러 요소를 효과적으로 배치하는 것을 의미한다.
레이아웃은 정보를 명확하게 전달하고 시각적 안정감을 제공하고 사용 편의성 및 효율성 증대에 있어 중요하다. 곧 레이아웃을 잘 구성하는 것이 사용자의 경험을 좋게 만들어줄 수 있다.
Figma를 이용한 레이아웃 실습
유튜브 웹사이트 레이아웃을 대략적으로 구성해보았다.

UX에서 중요한 것은?
UX에서 중요한 것은 사용자 중심의 사고방식이다.
- 정보를 모두 입력하고 나서 다음 단계로 넘어가게 하기
- submit 기능을 엔터로 할 수 있도록 하기
- 반드시 필요한 내용만 전달하기
- 의미 없는 단어, 문장 제거하기
사용자 중심의 사고방식에는 위의 목록 외에도 많은 방식이 있다.
결론
여러 방면으로 고민을 하고 분석을 해봐야한다. 사용자 중심적인 사고를 해보는 것은 프론트엔드 개발자로서 한 걸음 성장하는 계기가 된다.
교육을 듣고나서 느낀 점
이번 카카오 사태도 그렇고 전반적으로 인문학에 대한 이해가 필요하다고 느꼈다. 개발자가 필요한 역량에는 개발이 가장 중요한 부분이라는 것에는 변함이 없지만 다양한 방면에 이해를 한다는 것은 더 좋은 개발자가 될 수 있겠다는 생각을 했다.
'TIL' 카테고리의 다른 글
| 20251110 SPA, MPA, CSR, SSR의 차이 (1) | 2025.11.11 |
|---|---|
| 20251105 리액트 수업 (1) | 2025.11.05 |
| JWT와 Session의 개념 및 차이 (0) | 2025.10.20 |
| 20251013 회원가입 암호화 (0) | 2025.10.13 |
| 20251001 uplus clone site 다시 만들기2 (0) | 2025.10.01 |