IoT Care

IoT Security Solution System

Group 7.png

The overview

IoT Care는 보안 사업체를 위한 인공지능 기반의 IoT 기기 보안 솔루션이다.

노르마는 무선네트워크 전문 보안 업체로 IoT 기기 관제 시스템을 개발하여 수십-수천개의 기기를 운용하는 보안 사업체에 납품하고자 했다.

Role

UX / UI Designer

Contribution

100 %

Duration

2019.05 ~ 2019.06

Employer

​노르마

The Brief

1. 개별 기기의 현황 모니터링 필요
2. 통계 정보 시각화 필요

3. 엔드 유저가 외부에 있는 경우가 잦음

Solution

1. 각 데이터에 대한 Summary 및 시각화 제공  

2. 일관된 Design System 구축

3. 반응형 UI 설계

Client’s Proposal

Group.png

User Journey Map

 IoTCare 는 보안 기기의 보안 위협을 감지하고 시스템에 통지한다.  기기 보안 위협을 감지한 유저의 행동은 다음과 같다.

Group 19.png

High Fidelity Design 

1. Data Summary

Group 13.png

관리자들이 테이블에 올라오는 로그를 하나하나 유심히 보지 않고도 중요한 현황을 한눈에 알아볼 수 있도록, 

해당 페이지의 주제에 맞게 Data Summary 를 추가하였다.  

dash03.png

Search 메뉴에서는 주요 정보인 해킹 위험감지의 강도를 3가지로 구분하여 직관적으로 알아볼 수 있도록 색, 숫자를 강조하여 표현하였다. 

dash02.png

2. 반응형 기반의 디자인

기기 관리원들은 출장을 나가는 일이 잦아 외부에 있는 경우가 많다. 따라서 외부에서 모바일로 기기 상황을 편리하게 조회 할 수 있도록 디자인하였다. web상에서 쓰인 카드 형식의 ui 컴포넌트는 모바일 화면에서 재사용된다. 

추가로 메뉴 선택 화면, 알림 메시지 창 등 카드형식의 컴포넌트로 구성되어 있지 않은 화면은 모바일 전용 화면을 별도로 디자인하였다.

dash04.png
Bitmap.png
dash05.png

2. System Design

1. Style Guide

Style guide.png

유저들이 모니터링하고 있는 시간이 상당히 길기 때문에 최대한 눈에 부담을 주지않기 위해 다크모드를 선택하였다.

2. UI Kit

Group 8.png

All Visual Design

Group 22.png

IoTCare 제품은 서울 코엑스에서 열리는 ‘2019 국제보안콘퍼런스(ISEC 2019)’에 소개되었다.

Group 23.png