안전과 보안진단이란 서비스 정체성 전달을 위한 방법 
'QoneSafe' App. UX기획 및 UI디자인 : (주)헥토

우리의 일상에서 모바일 휴대에 따른 비중은 절대적이라고 할 수 있다. 그에 따라 모바일을 통해 접하게 되는 피싱, 투자사기, 앤앱 불법결제, 랜섬웨어 배포 등의 사이버 범죄 비중이 높아지고 있다. 일상생활 속 범죄의 대상이 될 수 있는 기회를 차단하기 위한  보안 진단 서비스이다. 이에 모바일을 통해 접할 수 있는 데이터(사진, URL, 텍스트)들의 검증을 통해 안전을 지킬 수 있도록 한다. 사용자들이 데이터를 안전하게 진단하고 확인할 수 있는 정보전달 중심으로 UX를 기획하고 UI 디자인을 제안하였습니다.


The importance of mobile devices in our daily lives is absolute. Accordingly, the proportion of cyber crimes such as phishing, investment fraud, illegal payments via apps, and ransomware distribution that we encounter through mobile devices is increasing. This is a security diagnosis service to block opportunities for crimes in our daily lives. Accordingly, we ensure safety by verifying data (photos, URLs, texts) that can be accessed through mobile devices. We planned the UX and proposed the UI design centered on information delivery that allows users to safely diagnose and confirm data.

Service

Client
Year

UX/UI 기획, UI Design Direction

(주)헥토
2023






bg.png
q1.png
Immersive private spaces
Pushing the boundaries of security


인간의 시각 한계를 확장하는 ‘렌즈’를 상징하는 이미지를 통해 멀리, 넓게, 그리고 확대해서 더 자세히 관찰하는 렌즈라는 도구를 형상화하였습니다. Qonesafe 의 Q를 위해 작은점으로 타이포그래픽을 완성하였다. 렌즈가 인간의 시각 한계를 뛰어 넘듯, 보안서비스의 한계를 뛰어 넘는다는 의미를 담았습니다.
Simple Layout


복잡한 구조를 피하고, 필요한 정보/기능만을 명확하게 배치하여 사용자가 원하는 정보를 쉽게 찾을 수 있도록 합니다. 여백을 충분히 두어 개별 기능과 서비스가 숨 쉴 수 있는 공간을 제공하여 시각적 혼란을 줄이고, 텍스트의 가독성을 높였습니다.
Structure to guide user journeys


복잡한 인터랙션을 줄이고, 직관적인 내비게이션을 통해 사용자에게 편리함을 제공합니다. 사용자가 앱을 사용할 때 불필요한 고민이나 혼란 없이 자연스럽게 흐름을 이어갈 수 있도록 설계되었습니다. 특히 대화형 인터페이스는 사용자의 요청과 시스템의 결과과정에 적용하여 시스템과의 상호작용 친밀감과 대기 시간에도 지속적인 연결이 되고 있다는 긍정적인 경험을 제공합니다.
Clay_Mockup___10_(0001).png
14323644_s89-pm-0083-03-card-mockup.png
bg2.png
Create an emotional connection


시각적 주목도가 높은 중앙 영역에 배치된 은은하고 우아한 움직임은 앱의 주요 기능과 메시지로 이어질 수 있도록 시선을 집중시키면서 서비스 대기 상태의 긴장과 생동감을 더합니다. 사용자에게 시스템과의 유대감과 안전한 연결을 위한 시각 장치로 활용됩니다.

Deep Blue / High Light Color


진한 파랑과 연결을 상징하는 동적인 오브젝트는 서비스의 브랜드 신뢰와 안전에 대한 메시지를 위해 사용되었습니다. 보안룸 같은 공간표현을 위해 입체적이며, 신뢰를 형성하는 색상 팔레트를 구성하였습니다.

Minimize cognitive load


레이아웃은 별도의 학습 없이도, 직관적으로 사용할 수 있도록 주요 기능을 세련된 색상과 선/면의 대비로 강조하였고 중장년층을 고려한 입력창과 탭, TEXT의 크기는 접근성을 고려하였습니다. 이를 통해 사용자는 URL /QR/ IMAGE 3가지의 방식을 쉽게 수행할 수 있습니다. 보안룸 같은 공간표현을 위해 입체적이며, 신뢰를 형성하는 색상 팔레트를 구성하였습니다.
Clay_Mockup___10_.png
14323644_s89-pm-0083-03-card-mockup.png