UI\UX 공부/UIUX강의정리

[Day2] UXUI 개념과 디자이너 역할 이해

아노말로카리스 2025. 7. 31. 20:27
UX/UI
  • UI : User Interface.  제품과 사용자 사이에서 소통할 수 있도록 하는 실체적인 수단이나 매개체.
    UI 디자인은 주로 화면의 전체적인 구조 레이아웃, 색상, 크기와 정렬, 컴포넌트/버튼, 아이콘, 이미지 등 시각적인 요소들을 디자인하는 것
  • UX : User eXperience. 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험.
    UX 디자인은 주로 제품에서 감정이나 경험을 할 수 있도록 유도하는 것으로, 단순 제품 뿐만 아니라 서비스나 브랜드 이용 시 느끼는 모든 경험을 다 UX로 볼 수 있다.
  • 즉, UI/UX는 제품과 사용자 사이를 이어주는 것을 목표로 설계된다.

  • UX 디자이너 : GUI 디자이너. 시각적인 요소를 활용하여 화면 간의 관계와 인터페이스의 구성을 디자인하는 것에 집중하며, 화면의 전체적인 구조와 시각적인 요소들을 디자인하는 사람. 
  • UX 디자이너 : 사용자를 분석한 데이터를 토대로 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험을 디자인하는 사람으로, UI 디자이너보다 업무에서 조사와 분석의 비중이크다.
  • 프로덕트 디자이너 : UX/UI 디자이너 모두를 아울러 제품의 특정 부분이 아니라 사용자가 경험하는 제품의 시작과 끝 모두를 담당하며, 반복적인 개선을 통해 제품을 고도화하는 일에 집중하여, UI와 UX를 포함하여 제품 전반의 경험을 디자인하는 사람. 

  • UX/UI의 변천사 
    리얼 메타포: 1990년대, IBM HCI 디자인팀에서 초보자들도 컴퓨터를 쉽게 이용할 수 있도록 실제 물건을 모방해 디자인한 것.
      스큐어모피즘: 아이폰과 함께 등장한 양식.
      플랫디자인: 2013년 애플이 iOS7에서 처음 선보인 GUI 양식.
      뉴모피즘: 2020년부터 스큐어모피즘과 플랫디자인의 장점을 결합한 디자인 트렌드로 떠오르고 있는 양식.

디자인 가이드라인
  • 일반적으로 회사 내부의 디자인 원칙과 컴포넌트별 규칙을 정의한 것.
  • 일관된 디자인을 하기 위한 지침서로서, 디자인의 스타일부터 브랜드 철학, 디자인 원칙 등 다양한 디자인할 때 지켜야 할 반복되는 요소나 규칙이 포함되어 있다.
  • 기업에 따라서 디자인 시스템이나 가이드라고도 나눠 부르기도 한다.
UX/UI 실무 프로세스
  • 디자인 프로세스
    기획 
    문제정의 : 제품 목표에 따라 우선순위가 높은 문제를 정한다.
    아이데이션 : 문제를 해결한 아이디어를 내고 그 중 적절한 솔루션을 선택한다.
    프로덕트 스펙 문서 : 디자인 작업 전, 솔루션에 대해 상세 내용이나 기능 사양을 정의하여 가이드 문서로 적어보는 것. 기획 초기에 만들기 시작해 기능이 배포되고 실험이 종료될 때까지 끊임없이 업데이트하고 관리되어야 한다.  
     디자인
    초안 디자인 : 디테일 보다는 전반적인 사용성에 집중하면서 문서랑 비교하며 디자인한다.
    피드백 : 초안에 피드백을 반영하여 최종 디자인을 확정하고, 개발자에게 공유한다.
    개발 : 개발이 완료되면 디자인대로 정확하게 개발되었는지 비슷한 환경에서의 테스트를 통해 확인한다.
  • 협업 : 여러 전문적인 능력을 갖춘 사람들이 모인 팀에서, 각 직무의 리소스가 낭비 없이 좋은 솔루션을 만드는 데 집중적으로 쓰이는 것을 의미.
  • 각 직종 이해하기
PO/PM PM(프로덕트 매니저) 제품의 전략을 수립하고 아이디어의 우선순위를 정해 디자이너와 함께 솔루션을 설계하여, 실제 프로젝트를 수행하는 실무직.
PO(프로덕트 오너) 제품팀을 이끌며 시장에 전달되도록 관리 및 관계자와 논의하며 팀원들을 관리한다.
엔지니어 프론트엔드 엔지니어 UI와 화면 간의 이동, 컴포넌트의 모션, 사용자의 인풋에 따른 반응 같은 UX를 코드로 구현.
백엔드 엔지니어 제품에 필요한 정보를 저장하거나 전송하고, 관리하는 영역을 담당하며, 제품 전체를 효율적으로 운영할 수 있도록 구조를 고민한다.
QA 엔지니어 QA 테스트를 계획, 진행하고 제품 전반적인 품질을 높이는 기 위해 지속해서 제품을 모니터링하면서 서비스의 안정성과 품질을 지키고자 한다.
데이터 애널리스트 필요한 데이터를 추출하여 수집하고, 여러 방면으로 분석하여 인사이트를 제공한다.
UX/UI BX 디자이너 브랜드와 관련된 요소들을 전반적으로 디자인 하는 사람. 
UX writer 브랜드 이미지나 제품의 사용성을 높이기 위한 메시지와 같이 제품 내 문구를 담당하는 사람.
  • 실험 : 제품의 개선이 실제로 사용자에게 더 나은 경험으로 이어지는지를 데이터를 통해 객관적으로 검증하는 단계. 

  • 디자인 QA : 제품 출시 전, 제품이 기획한 수준으로 설계 되었는지, 제품에 사용 불가능한 수준의 결함이나 오류가 없는지, 사용에 편리하거나 충분한 품질이 갖춰졌는지를 확인하는 단계.