안에 이전 블로그 게시물 , JMP 12 Interactive HTML 보고서에 대한 목표를 다음과 같이 설명했습니다.
버블 플롯프로파일 러휴대 기기이 블로그 게시물에서는 모바일 장치에서 대화 형 HTML 보고서를위한 사용자 인터페이스에 대해 자세히 설명합니다.
모바일 우선
많은 고객이 iPad 또는 Android 태블릿의 동료와 JMP 보고서를 공유하려고합니다. 그러나 이러한 장치에는 데스크톱과 다른 요구 사항이 있습니다.
예를 들어, 데스크탑에서 마우스로 클릭하면 오브젝트가 선택되고 Ctrl 또는 Shift 키를 누르면 여러 오브젝트가 선택됩니다. 모바일 장치에는 마우스가없고 Ctrl 또는 Shift 키가 없습니다.
우리는 고객이 대화 형 HTML 보고서를 데스크톱이나 모바일 장치에 표시할지 여부를 알지 못합니다. 그들은 둘 다 사용할 수 있습니다. 따라서 모든 기기에서 잘 작동하는 HTML 보고서를 생성합니다.
이를 위해 우리는 모바일 우선 사용자 인터페이스 디자인. 즉, 보고서가 모바일 장치에서 제대로 실행되도록하고 필요에 따라 기능을 추가하여 데스크톱 성능을 향상시킵니다.
단일 및 다중 선택
선택을 제어하기 위해 보고서 상단에 두 개의 토글 버튼이 있습니다. 왼쪽 버튼을 누르면 아래쪽으로 전환됩니다. 단일 선택 . 이 모드에서는 오브젝트를 클릭하거나 두드리면 해당 오브젝트가 선택되고 다른 모든 오브젝트는 선택 해제됩니다.
오른쪽 버튼을 누르면 아래쪽으로 다중 선택 . 이 모드에서는 개체를 클릭하거나 두드리면 해당 개체가 선택되고 다른 개체는 선택 취소되지 않습니다. 개체의 선택을 취소하려면 보고서의 빈 영역을 클릭하거나 누릅니다.
바탕 화면에서 Ctrl 또는 Shift 키를 사용하여 여러 선택을 일시적으로 시작할 수 있습니다.
식별 및 붓싱
식별 및 칫솔질은 탐색 데이터 분석에서 중요한 기술입니다. 우리는 이러한 기술을 서로 전환하는 또 다른 토글 버튼 쌍을 제공합니다.
때 신분증 버튼을 아래로 토글하고, 바탕 화면에서 마우스로 아무 객체 위에 놓고 해당 객체에 대한 설명을 표시 할 수 있습니다.
휴대 기기에서는 마우스가 없으므로 마우스를 올릴 수 없습니다. 그러나 임의의 객체를 탭하여 객체를 선택하고 동일한 설명을 표시 할 수 있습니다.
그래프에서 식별은 일반적으로 점을 식별하는 데 사용됩니다. 표에서이 기능은 통계에 대한 유용한 설명을 표시합니다.
때 구형 버튼을 아래로 움직이거나 직사각형을 드래그하거나 브러시 , 임의의 그래프에서 데이터 행을 선택할 수 있습니다.
선택한 행은 모든 그래프에서 강조 표시됩니다.
브러시는 지속됩니다. 리포트의 빈 영역을 클릭하거나 탭하기 전까지는 계속 표시됩니다. 지속되므로 브러쉬의 모서리를 드래그하여 크기와 모양을 변경할 수 있습니다.
칫솔질과 다중 선택 버튼을 모두 아래로 움직이면 추가 또는 뺄셈 브러싱을 할 수 있습니다. 이 탐색 기법은 선택되거나 선택 취소 된 데이터로 그래프를 "페인트"하는 데 매우 효율적입니다.
개요 및 메뉴
"모바일 우선"디자인의 훌륭한 예는 예보 , 일기 예보 웹 사이트. 휴대 전화, 태블릿 또는 바탕 화면에서이 웹 응용 프로그램을 사용할 수 있습니다. 모든 장치에서 잘 작동합니다.
우리는 JMP 보고서의 구성에서 비슷한 접근 방식을 사용했습니다. 우리의 개요 버튼은 마우스 나 손가락으로 쉽게 맞출 수있는 커다란 단순 대상입니다.
우리의 메뉴 시스템은 하위 메뉴, 확인란 및 라디오 상태, 활성화 및 비활성화를 포함한 모든 기능을 갖추고 있습니다.
이 메뉴 시스템은 고객에게 새로운 HTML 버블 플롯 및 프로파일 러와 상호 작용할 수있는 더 많은 힘을줍니다. 또한 향후 릴리스에서 더 많은 상호 작용을 지원할 수있는 성장 경로를 제공합니다.
스스로 시험해보십시오!
새로운 모바일 친화적 인 사용자 인터페이스가 재미 있고 효율적으로 사용되기를 바랍니다. 대화 형 HTML 보고서를 탐색하려면 예제들 , 우리는 새로운 자동 게시 추가.
당신이 생각하는 것을 저희에게 알려주십시오. 감사!
