개발 일기

20251028 사용자 경험(CX) 디자인 본문

TIL

20251028 사용자 경험(CX) 디자인

종현종현 2025. 10. 28. 19:27

오늘의 수업 내용

출처 : https://kr.123rf.com/photo_56071900_%EC%98%A4%EB%8A%98%EC%9D%98-%EC%88%98%EC%97%85-3d-%EB%A0%8C%EB%8D%94%EB%A7%81-%ED%9D%B0%EC%83%89-%EB%B0%B0%EA%B2%BD%EC%97%90-%EB%85%B8%EB%9E%80%EC%83%89%EB%8F%84-%ED%91%9C%EC%A7%80%ED%8C%90.html

오늘은 사용자 경험 디자인에 대한 수업을 진행해주셨다. 

강사님께서는 왜 배워야 하는지 알아야 된다고 하셨다. 이 아래의 글은 왜 알아야 하는지 이해해보고 정리한 내용이다.

사용자 경험(CX) 디자인

출처 : https://ditoday.com/cx-%EB%94%94%EC%9E%90%EC%9D%B8-ux-%EB%94%94%EC%9E%90%EC%9D%B8%EA%B3%BC-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%BC%EA%B9%8C/

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

출처 : https://ecommercefastlane.com/ko/UI-UX-%EB%94%94%EC%9E%90%EC%9D%B8%EC%9D%98-%EC%A7%84%ED%99%94/

첫 번째는 사용자에게 편리하고 유용한 환경을 제공하기 위해서이다.

두 번째는 단순한 서비스를 넘어 사업으로, 문화로 확장하기 위해서이다.

 

그럼 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
Comments