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

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

• 모바일 장치 인터페이스 디자인

• 모바일 장치 용 응용 프로그램 만들기

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

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

반응 형 디자인 포용

다양한 화면 크기 및 운영 체제 문제를 해결하기 위해 디자이너는 반응 형 디자인 (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. 이 규칙은 데이터 시각화를위한 가장 중요한 규칙 일 것입니다. 목표는 통찰력을 개발하는 데 사용할 수있는 새로운 정보를 설명하거나 밝히는 것입니다. 너무 많은 데이터 요소에 집중하면 스토리가 손실됩니다. 대시 보드를 만드는 경우이 규칙은 각 데이터가 전체를 지원해야하기 때문에 특히 중요합니다.

• 시간에 대한 품질을 희생하지 마십시오. 이 규칙은 데이터 시각화에 중요합니다. 해독하기가 어렵거나 단순하지 않은 시각화를 함께 사용하면 아무도 사용하지 않을 것입니다. 시간을 내서 위대한 것을 개발하고 시간이 지남에 따라 계속 개선하십시오.

• 모든 터치로 사용자에게 보상합니다. 모든 메뉴 항목은 유용한 것을해야합니다. 예를 들어 인쇄 링크가 작동해야합니다. 또한 모든 클릭은 정보를 제공해야합니다.

• 세부 사항이 중요합니다. 사용자가 데이터 시각화에서 링크를 클릭하기 전에 링크가 그녀를 데려 갈 위치 또는 그녀가 보게 될 데이터의 유형이 분명해야합니다.