웹 디자인이나 그래픽 디자인 분야에 접해 있다면 “UI” 또는 “UI 디자인”이라는 용어를 들어본 적이 있을 것입니다. 또한 “UX”와 같은 의미로 사용되는 것을 보았을 것입니다. 그렇다면 이것이 무엇이며 어떻게 다릅니까?
사실 UI와 UX는 같지 않습니다. 아래에서 우리는 UI가 무엇인지, 그리고 그것이 무엇을 의미하는지 알아볼 것입니다.
UI란 무엇이며 무엇을 의미합니까?
UI는 “사용자 인터페이스”의 약자입니다. 사용자가 페이지 또는 프로그램을 탐색할 때 상호 작용하는 웹 사이트 또는 앱의 요소(응용 프로그램의 그래픽 레이아웃)입니다. UI로 간주되는 페이지 및 앱 요소는 다음과 같습니다.
- 버튼
- 텍스트
- 이미지
- 슬라이더
- 스크롤 바
- 양식 필드
- 페이지 레이아웃
기본적으로 사용자가 상호 작용하는 모든 것은 UI의 일부입니다. 그 때문에 미학은 모든 사이트나 앱의 UI 디자인에서 큰 부분을 차지합니다.
Adobe는 XD 디자인 블로그에서 UI를 다음과 같이 설명합니다.
“사용자 인터페이스는 인간과 기계 간의 상호작용이 일어나는 곳입니다. 이를 통해 사용자는 기계를 효과적으로 작동하여 작업을 완료하거나 구매 또는 앱 다운로드와 같은 특정 목표를 달성할 수 있습니다.”
반면 UX는 “사용자 경험”을 의미합니다. UI는 확실히 UX에 영향을 줄 수 있지만 동일한 것은 아닙니다.
다양한 유형의 UI
모든 장치의 UI에는 하드웨어와 소프트웨어가 모두 포함됩니다. 사용하는 키보드에서 URL, 방문하는 웹사이트의 사이드바 메뉴에 이르기까지 모든 것이 UI의 일부입니다.
UI의 하드웨어는 두 가지 범주로 나눌 수 있습니다.
- 입력 하드웨어: 마우스나 태블릿과 같이 사람들이 기기를 끝에서 제어할 수 있게 해주는 장치.
- 출력 하드웨어: 모니터, 스피커 등 사용자에게 정보를 제공하는 장치.
Adobe에 따르면 사용자 인터페이스에는 명령줄 인터페이스, 그래픽 사용자 인터페이스(GUI라고도 함) 및 음성 지원 사용자 인터페이스의 세 가지 유형이 있습니다.
명령줄 인터페이스 1970년대로 거슬러 올라가는 최초의 UI였습니다. 사용자는 명령을 입력하고 컴퓨터는 텍스트 줄로 응답합니다. 이러한 UI는 기계어에 대한 지식을 필요로 하며 오늘날 컴퓨터에서 대부분 GUI(그래픽 사용자 인터페이스)로 대체되었습니다. 그들은 이제 컴퓨터 프로그래밍과 시스템 관리에 주로 사용됩니다.
관련된: 명령줄: 사람들이 여전히 귀찮게 하는 이유는 무엇입니까?
GUI 가장 현대적인 사용자에게 친숙한 인터페이스입니다. 아이콘 및 커서와 같은 그래픽을 통해 사용자는 디지털 제품과 상호 작용할 수 있습니다. 음악을 재생할 수 있도록 마우스 화살표를 움직여 Spotify 아이콘을 클릭하는 것이 GUI입니다. 우리가 스마트폰에서 자주 사용하는 아이콘은? 또한 GUI. 이러한 UI 시스템은 오늘날 우리가 알고 있는 컴퓨터의 광범위한 사용을 가능하게 했습니다.
음성 지원 사용자 인터페이스 사람들이 음성만으로 디지털 시스템과 상호 작용할 수 있도록 합니다. 지난 몇 년 동안 음성 지원 인터페이스는 Alexa, Siri 및 Google Assistant와 같은 디지털 비서를 통해 인기를 얻었습니다.
관련된: Google 어시스턴트란 무엇이며 무엇을 할 수 있나요?
좋은 UI의 요소
모든 디자이너는 좋은 UI가 좋은 제품의 핵심이라고 말할 것입니다. 사용하기 쉽지 않은 것이 있으면 잡히지 않습니다. 잘 설계된 UI는 다음과 같습니다.
- 친숙한: 사람들은 이전 경험을 바탕으로 프로그램 사용법을 직관적으로 알 수 있습니다.
- 분명한: UI에 있는 모든 요소의 기능은 사용하는 사람에게 명확해야 합니다.
- 일관된: 사람들이 패턴을 인식할 수 있도록 요소는 제품 전반에 걸쳐 일관되어야 합니다.
- 효율적인: 원하는 출력을 얻기 위해서는 사용자의 최소한의 입력이 필요합니다. 경험이 많은 사용자를 위해 바로 가기가 제공됩니다.
- 용서: 좋은 UI는 누군가가 실수를 해도 용서해 줍니다. 예를 들어 검색 결과에 있는 Google의 “당신이 의도했습니까?” 링크.
UI 디자이너는 시스템 시뮬레이션을 만들고 의도한 청중을 대상으로 테스트한 후 수용하여 프로덕션으로 이동합니다. 이상적으로는 위의 모든 특성을 갖습니다.
