데이터 시각화 : 모바일 장치 설계 - 몇 년 전까지 만해도 디자이너가 논문을 만들 때까지 인형

비디오: 오재혁: 파이썬으로 광고 효과 측정하기 - PyCon APAC 2016 2024

몇 년 전까지 디자이너가 종이 기반 광고 또는 브로셔를 만들 때까지 그것이 인쇄 된 후 어떻게 보일지 정확하게 계획 할 수 있습니다. 디자이너는 형식과 고객이 그것을 보는 방법을 알고있었습니다. 그러나 모바일 장치의 인기가 증가하고 디자이너는 두 가지 새로운 디자인 문제에 직면해야했습니다.

모바일 장치 인터페이스 디자인
모바일 장치 용 응용 프로그램 만들기

인터넷의 출현으로 온라인 디자이너들은 디자인이 화면 상에 어떻게 보이는지 계획 할 수있는 몇 가지 웹 브라우저를 사용했습니다. 사용 가능한 도구는 다소 미숙한데 디자인은 매우 간단했습니다. 그가 각 웹 브라우저를 테스트 한 경우 디자이너가 수정해야 할 사항을 결정할 수 있으므로 디자인이 온라인에서 올바르게 표시됩니다.

이제 설계자는 자체적 인 기발한 요구가있는 수많은 모바일 장치를 설계해야합니다. 결과적으로 시각화 설계의 복잡성이 커졌습니다.

반응 형 디자인 포용

다양한 화면 크기 및 운영 체제 문제를 해결하기 위해 디자이너는 반응 형 디자인 (RD)의 원칙을 사용합니다. RD는보고있는 위치를 기반으로 자체를 재구성 할 수있는 인터페이스 또는 레이아웃을 나타냅니다. 이 용어는 디자이너가 다중 스크린 요구 사항을 해결할 필요성을 인식 한 2010 년 기사에서 Ethan Marcotte가 작성했습니다.

응답 성이 뛰어난 웹 사이트 디자인은 데스크톱 컴퓨터 나 스마트 폰에서 볼 때 여전히 훌륭하게 보입니다. 작은 장치에서 일반적인 둥근 모서리와 아이콘이 자동으로 자리 잡습니다.

그의 기사에서 Marcotte는 RD가 웹 디자인에서 가장 큰 영향을 미칠 수있는 세 가지 영역을 인용했습니다.

유체 격자: 격자는 디자이너가 디자인을 배치하는 데 사용하는 도구로, 디자인은 온라인 또는 오프라인으로 볼 수 있습니다. 다음 그림에서 그리드 디자인은 세 가지 화면 모양으로 변형되었습니다.

그리드 디자인이 다른 화면으로 변환되었습니다.
유연한 이미지: 블로그 게시물이나 웹 사이트에 이미지가있는 경우 이미지가 잘 리거나 왜곡되지 않도록해야합니다. 이미지를 다시 포맷 할 수 있는지 확인하는 것이 중요합니다.
미디어 쿼리: Google이나 Bing과 같은 검색 엔진에 검색어를 입력하면 모든 화면에서 결과를 볼 수 있기를 원합니다. 이것은 RD의 핵심 원리입니다. 사용자가 가지고있는 모든 모바일 장치에서 콘텐츠를 볼 필요가 있습니다. 다양한 장치에서이를 보는 것은 디자이너가 반환 된 결과가 무엇인지 알 수있는 방법이 없다는 것입니다.

이러한 아이디어는 데이터 시각화에도 적용됩니다. 데이터를 모바일 장치에서 볼 때 그리드가 왜곡되지 않도록해야합니다. 이미지는 깨끗해야하며 사용자가 작업하는 장치에 관계없이 종횡비 (길이 대 너비)를 정렬해야합니다.

앱 디자인 표준 준수

디자이너는 인터페이스의 모양이 좋을뿐만 아니라 모든 종류의 트릭을 수행하기를 원합니다. 결과적으로 앱 디자인은 그 자체로 규율이되었습니다.

왜 앱 디자인에 관심을 가져야하는지 궁금해 할 것입니다. 온라인에서 모든 것을 시각화해야하는 모든 사람은 모든 앱 디자이너와 동일한 표준을 따릅니다.

필자의 기사 인 "킬러 iOS 앱 설계를위한 6 가지 간단한 규칙"에서 Pete Pachal은 Apple App Store에서 Spun의 뉴스 앱을 인증 받으려면 어떻게해야하는지 설명합니다. (이 글을 쓰고있는 시점에서,이 앱은 미국 App Store에서는 제공되지 않습니다.) Pachal 팀은 모든 것을 완벽하게하기 위해 5 개월 동안 Apple과 협력해야했습니다. 그 시간 동안 Pachal은 그의 팀에 대해 6 개의 규칙을 성문화했으며, 그 중 4 개는 데이터 디자인에 적용됩니다.

Simplicity is strength. 이 규칙은 데이터 시각화를위한 가장 중요한 규칙 일 것입니다. 목표는 통찰력을 개발하는 데 사용할 수있는 새로운 정보를 설명하거나 밝히는 것입니다. 너무 많은 데이터 요소에 집중하면 스토리가 손실됩니다. 대시 보드를 만드는 경우이 규칙은 각 데이터가 전체를 지원해야하기 때문에 특히 중요합니다.
시간에 대한 품질을 희생하지 마십시오. 이 규칙은 데이터 시각화에 중요합니다. 해독하기가 어렵거나 단순하지 않은 시각화를 함께 사용하면 아무도 사용하지 않을 것입니다. 시간을 내서 위대한 것을 개발하고 시간이 지남에 따라 계속 개선하십시오.
모든 터치로 사용자에게 보상합니다. 모든 메뉴 항목은 유용한 것을해야합니다. 예를 들어 인쇄 링크가 작동해야합니다. 또한 모든 클릭은 정보를 제공해야합니다.
세부 사항이 중요합니다. 사용자가 데이터 시각화에서 링크를 클릭하기 전에 링크가 그녀를 데려 갈 위치 또는 그녀가 보게 될 데이터의 유형이 분명해야합니다.