차이점을 확인하는 가장 간단한 방법은 결제입니다. UX는 단계 수, 각 단계에서 요청하는 내용, 카드 거부 시 발생하는 상황, 게스트가 계정 없이 구매할 수 있는지 여부를 결정합니다. UI는 양식 필드, 버튼 스타일, 오류 메시지 색상, 결제 성공 시 작은 애니메이션 등 각 단계의 모양을 결정합니다.
UX 디자인은 화면이 존재하기 전부터 시작됩니다. 여기에는 사용자 조사, 인터뷰, 여정 지도, 정보 아키텍처, 와이어프레임 및 유용성 테스트가 포함됩니다. 결과물은 완성된 시각적 디자인이 아닌 흐름이나 프로토타입인 경우가 많습니다. 성공은 작업 완료, 오류, 완료 시간, 사람들의 복귀 여부 등의 결과로 측정됩니다.
UI 디자인은 해당 구조를 인터페이스로 바꿉니다. 시각적 계층 구조, 간격, 타이포그래피, 색상, 아이콘, 구성 요소 및 각 요소가 기본, 마우스 오버, 누름, 비활성화, 로드 및 오류 등 모든 상태에서 작동하는 방식을 다룹니다. 모션도 UI의 일부입니다. 눌렀을 때 반응하는 버튼이나 손가락을 따라 움직이는 시트는 제품이 사용자의 말을 들었다는 것을 사람들에게 알려줍니다.
둘은 서로에게 의존합니다. 혼란스러운 버튼이 있는 명확한 흐름은 여전히 실패하고, 혼란스러운 흐름 위에 세련된 화면도 여전히 실패합니다. 이것이 바로 대부분의 팀이 UI를 별도의 규율이 아닌 UX의 한 부분으로 취급하고 많은 구인 광고에서 두 가지를 모두 요구하는 이유입니다.
무엇을 먼저 배울지 결정했다면 UX 기본(사용자와 작업에 대한 이해)부터 시작한 다음 Figma 또는 Penpot와 같은 디자인 도구에서 UI 기술을 배우십시오. 그 다음에는 상호 작용과 모션 디자인이 필요하며, 여기에 우리가 만드는 ExodeUI와 같은 도구가 적합합니다.