사용자/단말

Size: px

Start display at page:

Download "사용자/단말"

대호 갈
7 years ago
Views:

1 TouchEn mguard 기업 모바일 보안솔루션 보안SW C사 1

2 1. 사업 개요 Overview - TouchEn mguard (기업모바일 관리솔루션) 모바일 기기 관리/통제를 통해 기업 정보 유출 차단 및 보안 위협에 대응하는 모바일 통합 보안 MDM 솔루션 주요기능 - 개인폰과 법인폰 현황을 중앙에서 통합 관리 - 불법 앱을 통한 악성코드 유입을 막는 사내 앱스토어 기능 - 화면 캡쳐, USB, 사진 촬영 차단 사내 정보 유출 방지 - 보안 키패드, 모바일 백신까지 통합 모바일 보안 솔루션 제공 - 실시간으로 확인하는 스마트 기기 도난/분실 대응 - 맞춤 환경 모니터링 및 통계 UI/UX Problem & Goal 주요기능을 설정하기 위해서 많은 페이지를 거쳐야 하는 복 잡하고 단편화 되어있는 기능설정은 사용자가기능을 익히거 나 사용하기 매우 어렵다. 기능설정 주요프로세스를 개선하여 최소 한의 스텝으로 기능설정을 가능하게 하 여 사용성을 높인다. SW분석 주요 화면 이슈 파악 UIUX 전문가 분석 결과분석 UI 개선안 Process - SW 분석 : 현재 운용중인 TouchEn mguard을 분석하여 UX/UI 개선안을 위한 Consulting 범위 설정 - UIUX전문가 분석 : 요구사항 분석 및 현업 인터뷰를 통해 주요 문제점을 정의하고 집중분석 - 개선안 도출 : 주요 문제페이지를 선정하고 UIUX 전문가 FGD를 통한 개선 요소 도출 2

페이지를 거쳐야 하는 복 잡하고 단편화 되어있는 기능설정은 사용자가기능을 익히거 나 사용하기 매우 어렵다. 기능설정 주요프로세스를 개선하여 최소 한의 스텝으로 기능설정을 가능하게 하 여 사용성을 높인다.

3 1. 사업 개요 기업 요구사항 및 컨설팅 범위 주요 화면(정책관리) UI 개선 - 그룹->사용자->정책적용까지의 직관적인 화면구성 및 기능의 자연스러운 연결이 필요 주요 화면 레이아웃(정책관리) 개선 - 대상에 대한 생성/수정/삭제/적용이 하나의 화면에서 모두 가능해야 한다. (관리 용이성) - 단위정책/정책템플릿/정책세트 생성/수정/삭제가 용이해야 한다. - 조직도에서 대상을 하고 정책을 적용하는 과정이 용이해야 한다. 주요 프로세스(정책관리) 개선 - 단위정책->정책템플릿->정책세트로의 연계되어있는 비즈니스 로직이 간결하고 용이해야 한다. - 조직도를 통해 원하는 대상을 하고 그리드에 정보를 표기하는 방법이 간결하고 용이해야 한다. 전문가 FGD 진행 ( 총 2회 각 2시간 정도) 3

(관리 용이성) - 단위정책/정책템플릿/정책세트 생성/수정/삭제가 용이해야 한다. - 조직도에서 대상을 하고 정책을 적용하는 과정이 용이해야 한다.

4 FGD 실시 전문가 평가 (Heuristic Evaluation) AS-IS/TO-BE AS-IS TO-BE Useful Valuable Useful Valuable Credible Credible Usable Usable Desiable Accessible Findable Desiable Accessible Findable User Experience 전문가 평가 (5점 만점) 구 분 내 용 AS-IS TO-BE 유용한 (useful) 사용하기 쉬운 (usable) 매력적인 (desirable) 발견 가능한 (findable) 신뢰할 수 있는 (credible) 가치 있는 (valuable) 접근하기 쉬운 (Accessible) - 목적에 적합한 정보를 제공하는가? - 목적에 적합한 기능을 제공하는가? - 사용법을 배울 필요 없이 사용하기 쉬운가? - 사용자의 실수를 줄이고 실수 했을 때 쉽게 극 복하게 해주는가? - 차별화된 경험을 주는가? - 감성적 측면에서 즐거움을 주는가? - 기본적인 만족 이상을 충족하는가? - 단 한번에 쉽게 찾을 수 있는가(NAV)? - 쉽게 찾을 수 있도록 가이드 또는 솔루션이 제 공되는가? - 움직임과 연동이 안정적인가? - 어떤 형태로든 에러가 없는가? - 설정한 목표에 기여하고 있는가? - 브랜드, 아이덴티티의 가치가 포함되어 있는 가? 원하는 기능 및 컨텐츠에 접근이 가능한가?

(Accessible) - 목적에 적합한 정보를 제공하는가? - 목적에 적합한 기능을 제공하는가? - 사용법을 배울 필요 없이 사용하기 쉬운가? - 사용자의 실수를 줄이고 실수 했을 때 쉽게 극 복하게 해주는가? - 차별화된 경험을 주는가? - 감성적 측면에서 즐거움을 주는가? - 기본적인 만족 이상을 충족하는가?

5 FGD Result 대시보드 improvement Point 기존제품 화면 UI 진단(AS-IS) 1. 로그인 이후 대쉬보드에서 조회할 수 있는 내 용이 없다. 기본적으로 주요한 정보들을 설정 해서 보여주는 것이 필요 5

FGD Result 정책적용 improvement Point 기존제품 화면 UI 진단(AS-IS) 단위정책 정책템플릿 기본정책 정책세트 시간정책 위치정책 1. 정책을 설정하기 위해서는 단위정책- 정책템 플릿-정책세트로 연결되는 3개의 다른 페이 지를 통해서만 목표하는 설정을 완료할 수 있 는 구조로 사용하기 매우 어렵다.

6 FGD Result 정책적용 improvement Point 기존제품 화면 UI 진단(AS-IS) 단위정책 정책템플릿 기본정책 정책세트 시간정책 위치정책 1. 정책을 설정하기 위해서는 단위정책- 정책템 플릿-정책세트로 연결되는 3개의 다른 페이 지를 통해서만 목표하는 설정을 완료할 수 있 는 구조로 사용하기 매우 어렵다. 단말 정책 비밀번호 정책 APP통제 정책 단말 정책 비밀번호 정책 APP통제 정책 단말 정책 비밀번호 정책 APP통제 정책 단말 정책 비밀번호 정책 APP통제 정책 단말 정책 비밀번호 정책 APP통제 정책 2. 각 프로세스는 각각 독립적으로 인식될 수 있 는 탭구조로 되어 있어 연계관계도 유추할 수 없어 사용성에 심각한 문제가 있다. 주기 정책 주기 정책 주기 정책 주기 정책 주기 정책 3. 복잡한 연관관계로 인해 목표하는 설정까지 많은 클릭수 발생 6

단말 정책 비밀번호 정책 APP통제 정책 단말 정책 비밀번호 정책 APP통제 정책 단말 정책 비밀번호 정책 APP통제 정책 단말 정책 비밀번호 정책 APP통제 정책 단말 정책 비밀번호 정책

7 FGD Result 정책적용 improvement Point 기존제품 화면 UI 진단(AS-IS) 1. 정책적용과 정책관리가 같은 등급의 탭메뉴 로 구성되어있다. 정책관리는 정책을 설정하 는 메뉴이고 서로 상속관계에 있는 기능이나 메뉴에서는 동급으로 구성되어 각각 독립적 으로 인식되어 있어 실제 설정을 적용하는 기 능과 설정기능이 분리되어 있어 사용하기 복 잡하고 연관시켜 생각하기 어렵다. 7

8 FGD Result 사용자단말 improvement Point AS-IS 화면 UI 진단 1. 단말 컨텐츠영역에서 보여지는 정보는 그룹 검색 그룹 사용자 리스트에서 된 항목의 상세정보이지만 영역 분할이나 컨텐츠 배치흐름 (좌상 좌하 우측)상 연계성이 떨어져 보임. 우측 컨텐츠 영역에 타이틀을 추가하거나 사용자 단말 상세 정보 리스트 영역을 그룹 리스트 우측으로 재배치 사용자 2. 된 Tab 메뉴와 컨텐츠 영역간의 시각적 그룹핑 : 상단 메뉴영역과 하단의 컨텐츠 영역의 구분이 필요하지만 연관된 컨텐츠로 인식할 수 있도록 영역 표시와 구분라인의 두께 및 색상을 적절히 조절해야 함.

연계성이 떨어져 보임. 우측 컨텐츠 영역에 타이틀을 추가하거나 사용자 단말 상세 정보 리스트 영역을 그룹 리스트 우측으로 재배치 사용자 2.

9 FGD Result 사용자단말 improvement Point AS-IS 화면 UI 진단 그룹 검색 1. 리스트 영역에서 사용되는 Dropdown 방식은 대부분 리스트 Filter나 Sort 기능에 적용됨. Dropdown 방식은 실행버튼으로 인지하지 못할 수 있음. 현재 영역을 유지한 상태에서 개선할 경우 visual 단말 상세 정보 cue(v)를 in-depth의 의미를 내포한 형태(>>)로 변경하거나 리스트 화면에서 우선순위가 높은 기능만을 남겨두고 기타 기능은 상세정보 사용자 화면으로 이동시키는 것이 좋을 듯함. e.g. 단말추가 의 경우 단말추가 화면에서 옵션(개인, 부서)을 하는 방식 2. 상단 Tab 메뉴 Label의 가독성 : 바탕색과 텍스트 색상의 대비가 낮아 가독성이 많이 떨어짐. 3. 현재 표시되는 정보는 로그인 시간임. 좀 더 유용한 접속시간을 제공하는 것이 필요한 정보.

현재 영역을 유지한 상태에서 개선할 경우 visual 단말 상세 정보 cue(v)를 in-depth의 의미를 내포한 형태(>>)로 변경하거나 리스트 화면에서 우선순위가 높은 기능만을 남겨두고 기타 기능은

10 FGD Result 사용자단말 improvement Point AS-IS 화면 UI 진단 검색 1. 부서 리스트 Refresh 시 추가, 변경된 부분은 별도 표시-Bold text, 컬러 또는 블록처리-하여 쉽게 인지할 수 있게 한다. 1 그룹 단말 상세 정보 2. Task를 예측할 수 있도록 Label 조정 : 부서메뉴 부서관리, 사용자메뉴 사용자관리 사용자 부서메뉴 사용자 메뉴 3. 부서가 포커스된 상태에서 사용자 추가 메뉴 시 해당 화면에서 부서명을 다시 체크해야 함. 사용자 추가 화면에 현재 포커스된 부서명이 Default로 입력되게끔 변경. 마우스 우클릭을 통해 포커스된 부서에 바로 사용자를 추가할 수 있게 하는 것도 직관적인 방법임.

1 그룹 단말 상세 정보 2. Task를 예측할 수 있도록 Label 조정 : 부서메뉴 부서관리, 사용자메뉴 사용자관리 사용자 부서메뉴 사용자 메뉴 3.

11 FGD Result 사용자단말 improvement Point AS-IS 화면 UI 진단 1. 현재 Task Flow는 사용자와 단말을 등록하는 검색 프로세스와 정책을 수립하는 프로세스가 단절되어 있음. 사용자를 중심으로 통합하는 것이 필요하며, 그룹 단말 상세 정보 정책메뉴와의 연동을 통해 Task의 편의성을 높이는 것이 좋을 듯함. e.g. 사용자와 단말을 등록/한 후 정책 사용자 적용하기 등의 버튼을 통해 정책 리스트를 호출, 원하는 정책을 연결시킴

사용자를 중심으로 통합하는 것이 필요하며, 그룹 단말 상세 정보 정책메뉴와의 연동을 통해 Task의 편의성을

12 FGD Result 사용자단말 improvement Point AS-IS 화면 UI 진단 1 검색 1. 에이전트를 삭제한 후에도 단말정보가 남아 있는 단말인 경우 Color나 아이콘 등으로 별도 표시, 사용자가 쉽게 인지할 수 있게 함. 그룹 사용자 2 단말 상세 정보 2. 상세보기 기능 불필요 : 돋보기 아이콘 대신 리스트 클릭으로 상세보기 기능을 mapping, 불필요한 정보에 대한 영역 낭비를 줄이고 Workflow 일관성 유지 측면에서도 삭제 검토 단말삭제 단말정보삭제 에이전트 삭제

13 FGD Result 사용자단말 improvement Point AS-IS 화면 UI 진단 2 1. 사용자나 단말에서 중요한 정보는 적용된 정책이나 현재는 어떤 정책이 적용되어 있는지 확인할 수 없음. 리스트나 상세정보 화면에서 적용된 정책을 확인할 수 있도록 해야 함. 그룹 사용자 1 단말 상세 정보 2. 상세정보 Tab 메뉴 - 현재 Tab 메뉴는 정보의 성격 및 유형에 따라 배치되어 있으나 정보의 중요도나 우선순위가 높은 정보를 최우선으로 배치 - 아이콘만으로 메뉴를 예측하기 어려우므로 Label 표기나 타이틀 표시를 해주는 것이 명확함. 단말정보의 경우 사용된 아이콘이 대메뉴 Tab의 아이콘과 중복됨.

리스트나 상세정보 화면에서 적용된 정책을 확인할 수 있도록 해야 함. 그룹 사용자 1 단말 상세 정보 2.

14 FGD Result 정책적용 improvement Point 기존제품 화면 UI 진단(AS-IS) 그룹 사용자 1 적용 해제 정책메뉴 정책상세 상세 정보 0. 정책 메뉴 고유의 기능에 Focus : 현재 그룹 정책 상세정보 확인의 순서로 되어 있는 Task flow를 역순으로도 확인가능 하게하여 더블체크 할 수 있게 한다. 정책 그룹 상세정보 확인의 순서로 변경 사용자/단말 중심으로 적용된 보안정책을 확인하는 Flow와 정책 중심으로 적용 받는 사용자/단말을 확인하는 Flow를 병행하여 제공, 크로스체크를 통해 보안솔루션의 신뢰성을 높임. 1. 적용 버튼 위치 변경 : 현재는 편집영역과 완료( 적용 ) 버튼이 동떨어져 있어서 Task에 대한 연결성이 떨어짐. 우측 정책 상세보기/편집 영역으로 이동

정책 그룹 상세정보 확인의 순서로 변경 사용자/단말 중심으로 적용된 보안정책을 확인하는 Flow와 정책 중심으로 적용 받는 사용자/단말을 확인하는 Flow를 병행하여 제공,

15 FGD Result 정책적용 improvement Point 기존제품 화면 UI 진단(AS-IS) 그룹 정책상세 상세 정보 1. 정책 Tab 배치순서에 대한 Rule이 필요함. 정책의 성격 별로 그룹핑 하여 나열 : 공통, 기본, 위치, 시간(업무시간에 필요한 정책) / 분실,위험(예외상황에 필요한 정책) 사용자

16 FGD Result 앱 improvement Point 기존제품 화면 UI 진단(AS-IS) Label 표기원칙 : App, 앱을 혼용하고 있음. 일관성 있게 하나로 통일해야 함 Tab 메뉴와 실행 버튼간 형태적 차이가 모호하여 구분되지 않으며 Tab 메뉴가 커버하는 앱리스트 상세 정보 영역에 대한 표시가 명확하지 않음. 3. 리스트 필드 영역 : 중요도가 높은 필드부터 우선적으로 배치해야 상세정보가 표시되는 경우에도 가려지지 않음. 필드 명 표기는 중앙 정렬

Tab 메뉴와 실행 버튼간 형태적 차이가 모호하여 구분되지 않으며 Tab 메뉴가 커버하는 앱리스트 상세 정보 영역에 대한

17 FGD Result 관리자 improvement Point 기존제품 화면 UI 진단(AS-IS) Title이 표시되어 있으나 일관성 측면에서 타 메뉴화면과 맞지 않음. 관리자 (상단 Tab 메뉴)의 하위 메뉴( 관리자, 관리권한 )가 표시되어야 함. 관리자 리스트 상세 정보 2. 리스트 필드 : 중요도에 따라 우선적으로 배치

18 FGD Result 관리자 improvement Point 기존제품 화면 UI 진단(AS-IS) 1 타이틀 영역 1. 팝업 타이틀은 사용자가 한 항목명과 동일하게 표시, 현재 한 항목에 대한 정보임을 인지할 수 있어야 함. e.g. 사용자 홍길동 시, 팝업 타이틀은 홍길동 이어야 함. 2 관리자 리스트 입력필드 상세 정보 2. 버튼과 입력필드의 컬러, shape의 차이가 크지 않아 구분이 모호함. 표현방식의 차이, 영역에 대한 분리가 필요함. 3. 변경 불가능한 정보(아이디, 이름)의 경우도 input field 형태로 제공하고 있음. 상단으로 위치 이동, 편집 불가능한 상태로 표시

사용자 홍길동 시, 팝업 타이틀은 홍길동 이어야 함. 2 관리자 리스트 입력필드 상세 정보 2.

19 3. 개선안 Recommendation 19

20 3. 개선안 Recommendation Point Screen Layout Task Flow를 고려한 배치 및 정보 연관성을 직관적으로 보여주는 frame style Menu Structure 연관성 있는 메뉴끼리 그룹핑 하여 제시하고, 중복되거나 불필요한 sub-menu는 제거 또는 통합하여, 2 depth 이내로 정리 Task flow를 고려한 work flow 제공 : 작업한 frame내에서 관련 내용을 완료시키고, 완료된 작업내용은 상위 그룹에서 보여질 수 있도록 함 List Field 배치 정보의 중요도 순으로 좌에서 우로 배치하고, 상세정보를 누르지 않고 원하는 정보를 파악할 수 있도록 한다. 항목별로 좌/우/중앙 정렬에 대한 룰을 일관되게 적용한다. 상세정보 제공 중요정보 위주로 compact하게 구성, 더 상세한 정보는 별도의 경로를 통해 볼 수 있게 한다 Label & Icon 가독성을 고려한 색상사용은 물론, 직관적이지 않은 아이콘은 배제하고, 필요 시 text를 함께 제공한다. 상세내 용 제공 시, title을 제공하며, 편집가능 또는 불가능한 영역에 대한 구분을 직관적으로 제공한다. 20

정보의 중요도 순으로 좌에서 우로 배치하고, 상세정보를 누르지 않고 원하는 정보를 파악할 수 있도록 한다. 항목별로 좌/우/중앙 정렬에 대한 룰을 일관되게 적용한다.

21 3. 개선안 Recommendation Dash board layout TO-BE 1안 그룹 사용자 단말 상세정보 Dash Board layout TO-BE 개선점 - 화면 레이아웃의 경우 Task 단계(그룹 사용자 상세정보 확인)에 맞추어 화면을 4개 영역으로 분할, Task Sequence에 맞추어 해당 컨텐츠를 전개해 나가는 방식으로 A, B 타입을 고려 - A타입의 경우 화면영역을 세로로 분할, 사용자의 eye scan과 mouse path를 좌에서 우로 단순화할 수 있고 그룹 및 사용자 리스트 표시영역도 충분히 확보할 수 있음. 좌측 하단에 배치되어 주목성이 떨어졌던 사용자 리스트 영역도 부각시킬 수 있음. 21

22 3. 개선안 Recommendation - Dash board Design TO-BE 1안 22

3. 개선안 Recommendation - Dash board layout TO-BE 2안 1 2 3 Dash Board layout TO-BE 개선점 - B타입의 경우

23 3. 개선안 Recommendation - Dash board layout TO-BE 2안 Dash Board layout TO-BE 개선점 - B타입의 경우 상세정보 영역이 Always on 되어 있어 Layered type에 비해 정보에 대한 접근이 쉽고 타 정보를 가리는 단점을 보완할 수 있음. 그룹 사용자 단말 4 상세정보 23

사용자/단말

사용자/단말 WEBFRONT-K 웹애플리케이션보안 ( 방화벽 ) 솔루션 보안 SW - D 사 . 사업개요 Overview WEBFRONT-K ( 웹애플리케이션보안솔루션 ) 웹트래픽에특화된애플리케이션보안 ( 방화벽 ) 솔루션 주요기능 - 웹서버앞에서사용자의서비스요청과서버의응답을검사 - 여러대의 WEBFRONT-K를한곳에서모니터링하는기능 - 체계적이고안정적으로개발된웹쉘대응기능