FeaturedUI/UX
Design SystemUI/UX

Overview

POS는 단순한 ‘화면(Screen)’이 아니라, 매장의 운영을 지원하는 ‘업무 도구(Work Tool)’라고 정의했습니다.

좋은 업무용 인터페이스는 사용자가 인터페이스를 이해하도록 만드는 것이 아니라, 업무 자체에 집중할 수 있도록 만들어야 합니다. 사용자가 다음 버튼을 찾기 위해 고민하거나, 정보를 해석하기 위해 멈추는 순간 인터페이스는 이미 사용자의 업무를 방해하고 있는 것입니다.

POS는 하루에도 수백 번 반복되는 주문과 결제가 이루어지는 미션 크리티컬(Mission-Critical) 시스템입니다. 피크 타임에는 단 한 번의 불필요한 시선 이동이나 추가 터치, 그리고 짧은 인지 전환(Context Switching)도 주문 처리 속도와 운영 효율에 직접적인 영향을 미칠 수 있습니다.

POS Finder 프로젝트 역시 이러한 문제의식에서 출발했습니다. 기존 시스템은 기능적으로는 충분히 완성되어 있었지만, 오랜 기간 기능이 누적되면서 정보 구조와 화면 구성이 복잡해졌고, 실제 업무 흐름(Task Flow)보다 기능 중심으로 인터페이스가 구성되어 있었습니다. 그 결과 사용자는 필요한 기능을 찾기 위해 반복적으로 시선을 이동하고, 화면을 해석하는 데 불필요한 인지 자원을 소비해야 했습니다.

우리는 좋은 POS UX는 ‘더 많은 기능을 제공하는 것’이 아니라, ‘사용자가 가장 적은 인지 비용(Cognitive Cost)으로 가장 빠르게 업무를 수행할 수 있도록 돕는 것’이라고 믿습니다.

Client

SLOVV

Year & Duration

2025 / 3개월

고객 확인 화면 UI

The Challenge

문제는 기능의 부족이 아니라, 사용자의 흐름을 고려하지 않은 구조였습니다.

오랜 기간 기능이 추가되면서 화면에는 많은 버튼과 정보가 동시에 노출되었습니다. 그러나 정보의 중요도, 사용 빈도, 실제 업무 순서가 충분히 반영되지 않아 사용자는 필요한 기능을 찾기 위해 화면 전체를 반복적으로 스캔해야 했습니다.

이 문제는 단순한 시각적 불편함이 아닙니다. 반복 업무 환경에서는 작은 인지 부하가 누적되고, 이는 작업 속도와 피로도에 직접적인 영향을 줍니다.

정보 과부하 (Information Overload)

한 화면에 너무 많은 정보와 기능이 동시에 노출되어 있었습니다. 사용자는 필요한 정보를 빠르게 찾기보다, 화면 전체를 탐색하며 다음 행동을 판단해야 했습니다.

시각적 계층 부족 (Weak Visual Hierarchy)

핵심 액션과 보조 기능의 시각적 우선순위가 명확하지 않았습니다. 주문, 결제, 할인처럼 자주 사용하는 기능과 상대적으로 중요도가 낮은 기능이 비슷한 강도로 표현되어 있었습니다.

인지 부하 증가 (High Cognitive Load)

사용자는 화면을 사용할 때마다 “무엇을 눌러야 하는지”를 판단해야 했습니다. 이는 숙련된 사용자에게도 반복적인 인지 부담을 만들고, 신규 직원에게는 학습 비용을 높이는 요인이 됩니다.

비효율적인 작업 흐름 (Fragmented Task Flow)

주문, 옵션 선택, 결제, 완료로 이어지는 업무 흐름이 자연스럽게 연결되지 않았습니다. 화면 구성은 실제 작업 순서보다 기능 단위에 가깝게 나뉘어 있었습니다.

노후화된 인터페이스 (Outdated Interface)

오래된 Windows 기반 UI 스타일은 제품의 신뢰도와 브랜드 인상에도 영향을 주었습니다. 특히 카페나 음식점처럼 매장의 경험이 중요한 환경에서는 직원이 사용하는 시스템 역시 브랜드 경험의 일부가 됩니다.

기능은 완성되어 있었지만,
경험은 완성되지 않았습니다.

 

기존 인터페이스는 기능 중심으로 설계되어 정보 밀도가 높고, 사용자는 화면을 이해하는 데 많은 인지 자원을 소비해야 했습니다.

우리는 화면이 아니라,
업무 경험을 다시 설계했습니다.

 

비즈니스 로직을 유지하면서도 정보 구조와 작업 흐름을 재설계하여, 사용자가 인터페이스보다 업무에 집중할 수 있도록 개선했습니다.

업무 흐름(Task Flow)을 중심으로 정보 구조를 재구성하고, 시선의 흐름(Eye Flow), 핵심 액션, 시각적 계층을 최적화하여 더 빠르고 직관적인 주문 경험을 만들었습니다.

UX Goal

이번 리디자인의 목표는 단순히 오래된 화면을 현대적으로 바꾸는 것이 아니었습니다. 기존의 비즈니스 로직과 운영 방식을 유지하면서도 사용자의 업무 흐름을 다시 분석하고, 정보 구조(Information Architecture), 시선의 흐름(Eye Flow), 작업 순서(Task Sequence), 정보의 우선순위(Information Priority)를 재설계하여 더욱 빠르고 직관적인 업무 경험을 만드는 데 집중했습니다.

1. 인지 부하 감소 (Reduce Cognitive Load)

불필요한 시각적 요소를 줄이고 정보를 구조화하여, 사용자가 더 적은 노력으로 화면을 이해하고 업무를 수행할 수 있도록 설계했습니다.

2. 정보 탐색성 향상 (Improve Scanability)

사용자가 필요한 정보를 한눈에 찾을 수 있도록 정보의 계층과 그룹을 재구성하고, 시선의 흐름에 맞춰 화면을 배치했습니다.

3. 핵심 액션 가시성 강화 (Increase Action Visibility)

주문, 결제, 수량 변경 등 자주 사용하는 기능을 시각적으로 강조하여 사용자가 고민 없이 다음 행동으로 이어질 수 있도록 설계했습니다.

4. 가독성 향상 (Improve Readability)

타이포그래피, 컬러 대비, 여백, 정렬 시스템을 개선하여 장시간 사용하는 환경에서도 정보를 쉽게 읽고 이해할 수 있도록 구성했습니다.

5. 현대적인 사용자 경험 (Modernize the Experience)

기존의 비즈니스 로직은 유지하면서도 현대적인 디자인 시스템과 인터랙션 패턴을 적용해 보다 직관적이고 신뢰감 있는 사용자 경험을 제공했습니다.

Design Strategy

이번 리디자인의 목표는 단순히 오래된 화면을 현대적으로 바꾸는 것이 아니었습니다. 기존의 비즈니스 로직과 운영 방식을 유지하면서도 사용자의 업무 흐름을 다시 분석하고, 정보 구조(Information Architecture), 시선의 흐름(Eye Flow), 작업 순서(Task Sequence), 정보의 우선순위(Information Priority)를 재설계하여 더욱 빠르고 직관적인 업무 경험을 만드는 데 집중했습니다.

명확한 정보 계층

(Clear Information Hierarchy)

정보의 중요도와 사용 빈도에 따라 그룹화하고, 사용자의 시선 흐름(Eye Flow)에 맞춰 화면을 재구성했습니다. 이를 통해 필이번 프로젝트에서는 정보의 중요도와 사용 빈도를 기준으로 화면을 다시 구성했습니다. 주문 정보, 메뉴 목록, 결제 영역을 명확하게 구분하고, 사용자의 시선 흐름(Eye Flow)에 맞춰 정보 계층을 재설계하여 필요한 정보를 더 빠르고 직관적으로 인식할 수 있도록 개선했습니다.

빠른 의사결정

(Faster Decision Making)

주문, 결제, 수량 변경과 같은 핵심 액션을 시각적으로 명확하게 강조하고, 정보의 우선순위를 재정립했습니다. 사용자가 화면을 해석하는 시간을 줄이고, 필요한 행동으로 자연스럽게 이어질 수 있도록 인터페이스를 설계했습니다.

균형 잡힌 시각적 구성

(Better Visual Balance)

불필요한 시각적 노이즈를 제거하고, 여백(Whitespace), 정렬(Alignment), 대비(Contrast)를 적극적으로 활용하여 안정적인 화면 구성을 만들었습니다. 그 결과 정보의 가독성과 시각적 집중도가 향상되었으며, 장시간 사용하는 업무 환경에서도 피로감을 줄일 수 있는 인터페이스를 구현했습니다.

일관된 디자인 언어

(Consistent Design Language)

컬러, 타이포그래피, 버튼, 카드, 아이콘, 간격 등 모든 UI 요소를 하나의 디자인 시스템(Design System)으로 통합했습니다. 일관된 디자인 언어를 적용함으로써 사용자는 새로운 화면에서도 기존의 사용 경험을 그대로 이어갈 수 있으며, 제품의 유지보수성과 확장성 또한 함께 향상되었습니다.

터치 친화적 인터페이스

(Touch-Friendly Interface)

터치 환경을 고려하여 버튼 크기(Touch Target), 클릭 영역, 요소 간 간격을 전반적으로 재설계했습니다. 이를 통해 빠른 입력 상황에서도 정확한 조작이 가능하도록 하고, 반복적인 업무에서 발생할 수 있는 입력 오류를 최소화했습니다.

Design System

POS Finder 리디자인에서는 일관된 사용 경험을 위해 기본적인 디자인 시스템을 함께 정리했습니다.
디자인 시스템은 화면을 예쁘게 통일하기 위한 장치가 아니라, 사용자가 제품을 더 빠르게 학습하고 예측 가능하게 사용할 수 있도록 만드는 기준입니다. 일관된 UI 규칙을 적용함으로써 사용자는 화면이 바뀌어도 동일한 방식으로 기능을 이해할 수 있도록 UI 요소를 표준화하여 유지보수성과 확장성을 높였습니다. 새로운 기능이 새로운 기능이 추가되더라도 일관된 사용자 경험을 유지할 수 있습니다.

Key Screens

Expected UX Impact

이번 프로젝트는 새로운 기능을 추가하는 대신 사용자의 업무 경험을 개선하는 데 집중했습니다.
기대 효과는 다음과 같습니다.

화면 이해 속도 향상

주문 처리 과정 단순화

신규 직원의 학습 부담 감소

반복 업무 피로도 감소

현대적인 브랜드 이미지 구축

Key Takeaways

좋은 POS는 화려한 인터페이스를 만드는 것이 아니라, 사용자가 인터페이스를 의식하지 않아도 되는 환경을 만드는 것입니다.

업무에 집중하는 순간 인터페이스는 배경이 되어야 합니다. 사용자가 화면을 해석하는 시간이 줄어들수록 주문은 더 빠르고 안정적으로 처리됩니다.

POS Finder 프로젝트는 기존 시스템의 기능을 유지하면서도 정보 구조와 업무 흐름을 다시 설계하여, 반복적인 매장 업무에 더 적합한 사용자 경험을 만든 과정이었습니다.

Behind the Design

Studio42는 인터페이스를 단순히 보기 좋게 만드는 방식으로 접근하지 않습니다.

우리는 사용자의 행동을 이해하고, 업무 흐름을 분석하며, 정보 구조를 재설계하는 방식으로 UX를 만듭니다. AI 서비스든, SaaS든, 엔터프라이즈 시스템이든 접근 방식은 같습니다.

복잡한 시스템일수록 사용자는 더 적게 생각해야 합니다.

그것이 Studio42가 생각하는 좋은 UX입니다

POS UI와 POS UX는 무엇이 다른가요?

POS UI(User Interface)는 버튼, 컬러, 타이포그래피, 레이아웃 등 사용자가 직접 보는 화면을 의미합니다. 반면 POS UX(User Experience)는 주문부터 결제까지 사용자가 업무를 수행하는 전체 경험을 의미합니다. 좋은 POS는 보기 좋은 화면보다 빠르고 정확한 업무 수행을 지원하는 UX 설계가 더 중요합니다.

POS 리디자인에서 가장 중요한 요소는 무엇인가요?

가장 중요한 것은 시각적인 디자인보다 사용자의 업무 흐름을 이해하는 것입니다. 주문, 결제, 메뉴 관리처럼 반복적으로 수행되는 작업을 분석하고, 정보 구조와 인터랙션을 실제 업무 순서에 맞게 설계해야 합니다. 업무용 소프트웨어에서는 사용자가 화면을 이해하는 시간이 아니라 업무를 수행하는 시간이 가장 중요합니다.

기존 POS 시스템도 UI/UX만 리디자인할 수 있나요?

가능합니다. 대부분의 POS 리디자인 프로젝트는 기존 기능과 비즈니스 로직을 유지하면서 사용자 인터페이스(UI), 정보 구조(Information Architecture), 작업 흐름(Task Flow)을 개선하는 방식으로 진행됩니다. 새로운 시스템을 개발하지 않아도 사용성과 업무 효율을 크게 향상시킬 수 있습니다.

POS 디자인에서 디자인 시스템(Design System)이 중요한 이유는 무엇인가요?

디자인 시스템은 컬러, 버튼, 타이포그래피, 컴포넌트 등 인터페이스의 기준을 정의하는 체계입니다. 일관된 디자인 시스템을 적용하면 사용자는 화면이 바뀌어도 동일한 방식으로 기능을 이해할 수 있으며, 새로운 기능을 추가하거나 유지보수할 때도 높은 일관성과 확장성을 유지할 수 있습니다.

Studio42는 어떤 방식으로 UX 프로젝트를 진행하나요?

먼저 사용자의 업무를 이해하고, 실제 작업 흐름(Task Flow), 정보 구조(Information Architecture), 인지 부하(Cognitive Load)를 분석한 뒤 인터페이스를 설계합니다. AI 서비스, SaaS, 엔터프라이즈 시스템, POS 등 다양한 디지털 제품에서 동일한 UX 원칙을 기반으로 프로젝트를 진행합니다.

Clip

Clip

서울대학교의학도서관 리뉴얼

서울대학교의학도서관 리뉴얼

Play DingDong

Play DingDong

PIBI Gallery

PIBI Gallery

AUDIOSPHR

AUDIOSPHR

Goteborg

Goteborg

한류조사연구아카이브

한류조사연구아카이브