아마존 퀵사이트 모바일 레이아웃 기능 도입

주장아마존 퀵사이트(Amazon QuickSight)는 데스크탑용으로 설계한 대시보드를 모바일 환경에서 효율적으로 이용하도록 돕는 모바일 레이아웃 기능을 출시했습니다. 이 기능은 사용자가 화면을 확대하거나 축소하는 번거로움 없이 데이터를 즉시 확인하게 합니다.

팩트모바일 레이아웃은 자유 형식 대시보드에서 자동으로 활성화됩니다. 시스템은 화면 크기를 감지하여 시각 자료를 단일 열의 연속 스크롤 형태로 재배치합니다. 모든 시각 자료는 기기 화면 너비에 맞춰 조정되므로 기존의 가로 스크롤 불편함을 해소합니다.

팩트해당 기능은 모든 지원되는 아마존 웹 서비스(AWS) 리전에서 즉시 사용할 수 있습니다. 대시보드 작성자는 별도의 업데이트나 마이그레이션 작업을 수행할 필요가 없으며, 기존 자유 형식 대시보드에 모바일 최적화가 자동으로 적용됩니다.

교차검증타일형 또는 클래식 레이아웃을 사용하는 대시보드는 이번 모바일 레이아웃 업데이트의 영향을 받지 않습니다. 해당 레이아웃 유형은 기존의 반응형 동작을 그대로 유지합니다.

팩트모바일 레이아웃은 그룹화된 시각 자료를 하나의 단위로 인식하여 렌더링합니다. 작성자가 시각 자료를 그룹으로 묶으면 모바일 환경에서도 의도한 디자인과 레이어 관계가 그대로 보존됩니다.

팩트사용자는 퀵사이트 모바일 앱 내의 뷰 전환기를 통해 모바일 보기와 데스크탑 보기를 자유롭게 선택합니다. 웹 브라우저 환경에서는 세로 방향은 모바일 경험을, 가로 방향은 데스크탑 경험을 제공합니다.

팩트모바일 레이아웃은 최적화된 렌더링 경로를 사용하여 모바일 기기의 리소스 소비를 줄입니다. 이를 통해 과거 모바일에서 로딩이 어려웠던 대시보드도 부드럽게 스크롤하고 로드할 수 있습니다.

주장시각 자료가 겹쳐진 복잡한 대시보드를 설계한 작성자는 그룹화 기능을 활용해야 합니다. 그룹화를 사용하지 않으면 모바일에서 각 요소가 개별 카드로 분리되어 디자인 의도가 훼손될 가능성이 큽니다.

팩트시각 자료를 그룹화하려면 작성 모드에서 시프트(Shift) 키를 누른 채 대상을 선택하고 컨텍스트 메뉴에서 그룹을 선택합니다. 그룹화된 요소는 모바일에서 하나의 시각적 단위로 취급되어 일관된 레이아웃을 유지합니다.

팩트모바일 레이아웃은 시각 자료의 가로세로 비율을 유지하며 최소 높이 272픽셀을 보장합니다. 이를 통해 범례나 축 레이블이 잘리지 않도록 합니다. 표의 경우 전체 너비로 렌더링하며 가로 스크롤 기능을 지원합니다.

교차검증모바일 환경의 제약으로 인해 일부 복잡한 대시보드 구성은 데스크탑 환경과 완전히 동일하게 구현되지 않을 수 있습니다. 작성자는 모바일 미리보기 기능을 통해 최종 레이아웃을 사전에 확인해야 합니다.

출처아마존 웹 서비스 공식 블로그(https://aws.amazon.com/blogs/machine-learning/introducing-mobile-layout-for-amazon-quick-dashboards/)를 교차 검증했습니다.