B2B 도매 특성에 기반한 주얼리 도매 앱의 UI/UX 디자인 비교연구 = A Comparative Study on UI/UX Design of Jewelry Wholesale App Based on B2B Wholesale Characteristics

국문 초록 (Abstract)

본 연구는 디지털 혁신 시대 속에서 빠르게 변화하는 주얼리 도매 산업의 모바일 앱을 중점으
로 비교 분석하면서, 오프라인과 대면을 중심으로 거래가 이루어지는 국내 주얼리 도매시장을 대
상으로 주얼리 B2B 도매 특성을 반영한 효과적인 주얼리 도매 앱 디자인의 방향성 제안을 목표
로 한다.
온라인거래 및 모바일앱을 통한 주문이 급속히 확산되고 있음에도 불구하고, 서울 종로 일대에
집적된 도매매장을 직접 방문해야만 원활하게 발주 및 신상품 파악이 가능한 것이 현재 주얼리
도매시장의 현실이다. 이는 지방 및 온라인 기반 소매상에게 시간과 비용 측면의 부담으로 작용
하고 있다. 이러한 맥락을 바탕으로 실제 도매현장에서의 업무 흐름과 사용자 요구를 반영한 전
용 모바일 앱 설계가 주얼리 산업의 경쟁력을 좌우하는 핵심 과제로 부상하고 있다.
연구는 먼저 선행 연구 및 문헌조사를 통해 이루어졌다. 이를 통하여 주얼리 도매 거래 구조,
UI/UX 이론, 주얼리 도매 업계의 특성을 정리하였다. 이어서 국내 및 해외 주얼리 도매 앱의 사
례를 비교 분석하여 주얼리 주문방식, 상품의 가격과 수량 협상, 결제 프로세스 등 특히 주얼리
도매에서 중요한 기능 요소와 상호작용 패턴을 도출하였다. 이를 바탕으로 도매 환경에 적합한
화면 흐름과 정보 구조 원칙을 정립하고, 설문조사를 통하여 현업에 종사하고 있는 사람들의 실
제 이용 경험과 문제점을 파악하였다.
설문조사의 대상으로는 주얼리 도매 앱이나 웹서비스 이용 경험을 갖춘 202명의 도매상, 소매
사업자, 온라인 판매자를 조사 대상으로 삼았다. 응답자들이 중요하게 평가한 항목은 크게 세 가
지로 나타났다. 먼저, 상품을 신속하게 비교 검토할 수 있는 시각적 표현 방식의 중요성이 강조
되었다. 두 번째로, 수량과 거래처에 따른 단가, 그리고 현재의 재고 현황에 대한 신뢰도가 의사
결정에 큰 영향을 미쳤다. 세 번째로는 주문 직후부터 배송, 정산에 이르는 전 과정이 예측 가능
하고 직관적으로 진행되는 경험을 요구했다. 기존 서비스에 대한 불만은 구체적이었다. 제품의
색감 표현이나 디테일 정보가 미흡한 점 재고와 배송일정 정보가 , 실시간으로 업데이트되지 않는
점, 상품을 찾기 위한 검색 방식이나 필터링 옵션이 복잡한 점, 그리고 과거 거래 이력을 관리하
는 기능이 제한적인 점 등이 주된 문제로 지적되었다. 설문조사의 결과와 선행서비스 사례 분석
을 통하여 4가지 설계원칙을 기준으로 삼을 수 있었다.
첫 번째 원칙은 정보구조의 단순화이다. 모바일앱은 작은 화면에서도 필수정보를 한눈에 파악하
기 쉽게 설계되어야 한다. 특히 주얼리 도매 앱처럼 많은 정보를 확인해야하는 앱일 수록 정보의
우선순위를 정하여 사용자가 한눈에 알아보기 쉽게 화면구성을 해야 한다.
두 번째로는 도매업무의 진행 단계의 절차를 중점으로 설계를 해야 한다. 실제 사용자의 업무에
기반을 두어 상품을 탐색하고, 견적요청, 주문결정, 배송추적, 정산 등의 절차에 맞춰서 서비스를
구성해야한다.
세 번째는 의사결정에서 가격, 수량 등의 정보를 우선시 해야 한다는 점이다. 특히나 도매업계
에서는 개별구매보단 대량구매를 하는 경향이 큰데, 수량과 가격 및 거래처의 신뢰성은 구매 판
단에서 필수적인 요소이다.
네 번째는 실시간 상태를 바로 반영하고 알림 시스템을 강화하는 것이다. 배송의 진행상황, 재
고, 거래상태 등의 내용을 사용자가 능동적으로 확인을 하지 않아도 자동으로 전달받을 수 있게
해야 한다.
위의 네 가지 원칙에 따라 홈 화면, 상품 목록 및 상세 정보 페이지, 거래현황 및 주문 생성 화
면을 중심으로 전체적인 화면의 플로우와 인터랙선 구조를 설계하였다. 설계과정에서는 Figma
프로그램을 사용하여 프로토타입을 구현하였다.
사용자 평가는 다음과 같은 방법으로 진행하였다. 먼저, 주얼리 도매 경험이 있는 12명의 사용
자를 모집하여 상품의 검색, 견적, 배송현황과 같은 대표적인 기능들을 수행하도록 하였다. 이러
한 과업테스트를 통하여 실제 사용 상황에서의 효율성을 확인하였다. 동시에 설문조사를 진행하
여 사용자 만족도를 수치화하여 나타내었다. 마지막으로 UX/UI 디자인, 주얼리 도매 업계분야의
전문가들이 Nielsen의 10가지 휴리스틱 평가 기준을 바탕으로 프로토타입을 검증하는 시간을 가
졌다.
평가의 결과로는 사용 성테스트에서 개선된 필터구조와 정보의 우선순위 및 시각적 편의성을
고려한 정보배치가 긍정적인 영향을 끼친 것을 알 수 있었다. 과업소요의 평균시간이 단축되었
고, 사용자가 오류를 범하는 빈도가 감소하였다. 전문가평가에서는 일반적인 도매 서비스보다 우
수한 평점을 기록하였다. 전반적 만족도와 재사용 의도가 긍정적으로 나타나서 연구에서 진행한
설계 원칙과 화면 구조의 현장 적용 가능성을 입증했다.
기존의 전자상거래 분야의 UIUX 연구는 주로 기업대 소비자 (B2C)를 중심으로 진행되어져 왔
다. 본 연구에서는 도매 시장의 특수한 의사결정 구조와 거래요소를 반영하여 기업 대 기업(B2B)
문맥, 특히 주얼리 도매 산업의 특성에 맞게 확장했다는 점에 의의가 있다. 도매에서의 중요한
부분인 가격과 수량 선택 거래프로세스 결제방법과 같은 , , 특징을 사용자경험를 기반으로 구조화
한 것은 다른 도매 또는 유통 산업으로의 확대 적용을 위한 기초적인 모델로 활용할 수 있다.
그러나 본 연구에서의 몇 가지 극복해야 될 점이 있다. 조사대상이 국내 주얼리 도매종사자에
한정되어있다는 점과, 평가 단계가 프로토타입 수준에 머물러있어 실제 서비스를 운영하면서 겪
는 결제시스템과의 연동 물류 네트워크 장기간 사용 데이터 분석과 같은 요소들을 연구에서 다
루지 못하였다.
향후 연구에서는 해외 시장까지로의 확대 및 주요기능만 프로토타입을 하는 것이 아닌 전체적
인기능들을 모두 구현하여 개인화추천기능, 3D뷰어 같은 기능을 포함하여 개발이 필요하다. 마지
막으로 실제 사용자들의 장기간 이용 데이터를 수집하여 초기 설계가 실제 업무 흐름과 얼마나
일치하며 유용하게 쓰이고 있는지 검증하는 작업도 수행되어야 할 것이다.

다국어 초록 (Multilingual Abstract)

This study focuses on mobile apps in the jewelry wholesale industry, which are
rapidly changing in the era of digital innovation, and aims to propose an effective
direction for jewelry wholesale app design that reflects jewelry B2B wholesale
characteristics for domestic jewelry wholesale markets where transactions are
conducted offline and face-to-face.
Despite the rapid spread of orders through online transactions and mobile apps, the
current reality of the jewelry wholesale market is that orders and new products can
be smoothly identified only by visiting wholesale stores accumulated in Jongno, Seoul.
This is acting as a time and cost burden for local and online-based retailers. Based
on this context, the design of a dedicated mobile app that reflects the flow of work
at the actual wholesale site and user needs is emerging as a key task that determines
the competitiveness of the jewelry industry.
Research was first conducted through prior research and literature research.
Through this, the structure of jewelry wholesale transactions, UI/UX theory, and
characteristics of the jewelry wholesale industry were summarized. Subsequently, by
comparing and analyzing the cases of domestic and overseas jewelry wholesale apps,
important functional elements and interaction patterns were derived, especially in
jewelry wholesale, such as jewelry order method, product price and quantity
negotiation, and payment process. Based on this, the principles of screen flow and
information structure suitable for the wholesale environment were established, and
the actual experience and problems of people engaged in the field were identified
through a survey. 202 wholesalers, retailers, and online sellers with experience in using jewelry
wholesale apps or web services were targeted for the survey. There were three major
items that the respondents evaluated as important. First, the importance of a visual
expression method that allows rapid comparison and review of products was
emphasized. Second, the quantity, unit price according to the customer, and the
reliability of the current inventory status had a great influence on decision making.
Third, the entire process from immediately after ordering to delivery and settlement
required a predictable and intuitive experience. Complaints about existing services
were specific. The main problems were pointed out as insufficient color expression or
detailed information of the product, not updating inventory and delivery schedule
information in real time, complex search methods or filtering options for finding
products, and limited functionality to manage past transaction history
Through the results of the survey and the analysis of previous service cases, four
design principles could be used as criteria. The first principle is to simplify the
information structure. Mobile apps should be designed to make it easy to grasp
essential information at a glance even on a small screen. In particular, for apps that
need to check a lot of information, such as jewelry wholesale apps, the priority of
information should be set and the screen should be configured so that users can see
it at a glance.
Second, design should focus on the procedures of the wholesale business in
progress. Products should be searched based on the actual user's work, and services
should be organized in accordance with procedures such as requesting an estimate,
ordering, tracking delivery, and settlement. Third, information such as price and
quantity should be prioritized in decision-making. In particular, the wholesale
industry tends to make bulk purchases rather than individual purchases, and the
quantity, price, and reliability of customers are essential factors in purchasing
decisions. Fourth, it is to immediately reflect the real-time state and strengthen the
notification system. It should be possible to automatically receive delivery information
such as delivery progress, inventory, and transaction status without the user actively
checking it.
According to the above four principles, the overall screen flow and interaction line
structure were designed around the home screen, product list and detailed
information page, transaction status, and order generation screen. In the design
process, a prototype was implemented using the Figma program.
User evaluation was conducted in three ways. First, 12 users with experience in
jewelry wholesale were recruited to perform representative functions such as product
search, quotation, and delivery status. Through these task tests, the efficiency in
actual use was confirmed. At the same time, a survey was conducted to quantify
user satisfaction. Finally, four experts in the UX/UI design and jewelry wholesale
industry had time to verify the prototype based on Nielsen's 10 heuristic evaluation criteria.
As a result of the evaluation, it was found that the improved filter structure,
information priority, and information arrangement considering visual convenience had
a positive effect in the usability test. The average time required for a task was
short-tipped, and the frequency of users making errors decreased. In expert
evaluation, the score was better than that of general wholesale services. Overall
satisfaction and reuse intention appeared positive, proving the field applicability of
the design principles and screen structure conducted in the study.
UIUX research in the existing e-commerce field has been mainly focused on
corporate-to-consumer (B2C). This study is meaningful in that it has expanded to fit
the business-to-business (B2B) context, especially the characteristics of the jewelry
wholesale industry, by reflecting the special decision-making structure and
transaction factors of the wholesale market. Structured features such as price and
quantity selection, transaction process, and payment method, which are important
parts of wholesale, based on user experience can be used as a basic model for
expanding application to other wholesale or distribution industries.
However, there are several points that must be overcome in this study. Factors such
as the analysis of long-term usage data through the logistics network linked to the
payment system experienced while operating the actual service were not covered in
the study because the survey was limited to domestic jewelry wholesale workers and
the evaluation stage remained at the prototype level.
In future research, rather than expanding to overseas markets and prototyping only
major functions, it is necessary to develop all functions, including personalized
recommendation functions and 3D viewer functions. Finally, by collecting long-term
use data of real users, it is necessary to verify how well the initial design matches
the actual work flow and is being used.

목차 (Table of Contents)

• 제1장 서론 1
• 1.1. 연구 배경 및 목적 1
• 1.2. 연구 범위 및 방법 4
• 제2장 이론적 고찰 7
• 2.1. UI/UX 7
• 2.1.1 사용자 인터페이스(UI)의 개념과 역할 7
• 2.1.2 사용자 경험(UX)의 개념과 역할 7
• 2.1.3. UI와 UX의 통합적 관점과 상호 연관성 8
• 2.2 B2B 전자상거래와 도매업의 특성 8
• 2.2.1. B2B 전자상거래의 정의와 B2C와의 차이 8
• 2.2.2. B2B 전자상거래 시장의 규모 및 성장 추세 9
• 2.2.3. B2B 도매 환경에서의 사용자 행동 및 의사결정 특성 9
• 2.3 주얼리 도매업의 특성 10
• 2.3.1. 주얼리 산업의 개요 및 글로벌 시장 현황 10
• 2.3.2. 국내 주얼리 도매업의 지역적 집적과 거래 구조 10
• 2.3.3. 주얼리 도매업의 상품 특성과 그에 따른 거래 특수성 11
• 2.3.4. 주얼리 도매업의 핵심 경영 과제와 신뢰 구조 12
• 제3장 3 주얼리 도매 앱 현황 및 사례 분석 13
• 3.1. 주얼리 도매 앱의 개요 및 유형 13
• 3.2. 국내 도매 앱 사례조사 14
• 3.2.1. 젬코몰(GemcoMall) 분석 14
• 3.2.2. 주얼토킹(JewelTalking) 분석 14
• 3.2.3. 포링(Foring) 분석 15
• 3.2.4. 네이버밴드(Naver Band) 분석 16
• 3.2.5. 남도마켓(NamdoMarket) 분석 17
• 3.3. 해외 도매 앱 사례조사 18
• 3.3.1. Jewelxy 분석 18
• 3.3.2. DG Jewelry 분석 19
• 3.3.3. YEHWANG 분석 20
• 3.4. 사례조사 분석 결과 21
• 제4장 B2B 주얼리 도매 앱 UI/UX 설계 방향 21
• 4.1. 설계 원칙 및 프레임워크 제시 21
• 4.1.1. B2B 도매 환경을 고려한 설계 원칙 수립 22
• 4.1.2. 설계 프레임워크 구성 25
• 4.2. 시각 정보 표현 개선 방안 27
• 4.2.1. 색상 시스템 구축 27
• 4.2.2. 3D 이미징 기술 및 AR 활용 28
• 4.2.3. 정보 구조 단순화를 통한 UI 복잡성 감소 29
• 제5장 주얼리 도매 앱 프로토타입 개발 및 평가 30
• 5.1. 프로토타입 개발 개요 및 방법 30
• 5.2. 주요 화면 UI 설계 및 구현 32
• 5.3. 사용성 테스트 설계 및 실행 41
• 5.4. 전문가 테스트 결과 분석 및 개선안 도출 43
• 제6장 결론 및 향후 연구과제 47
• 6.1. 연구 결과 요약 47
• 6.2. 이론적 함의 및 실무적 기여 48
• 6.3. 연구 한계점 및 보완 방향 49
• 6.4. 향후 연구 과제 제언 50
• 참고 문헌 52
• 영문 초록 54
• 부록 57