본문 바로가기

my life

웨어러블 및 스마트 워치를위한 사용자 인터페이스 설계 가이드

728x90

스마트 워치는 요즘 인기를 얻고 있습니다. 선택할 수있는 옵션이 점점 더 많아지면서 많은 사람들이이 옵션을 착용하는 것을 볼 수 있습니다. 결국, 그것은 스마트 폰과 시계의 조합이며 우리의 삶을 더 편리하게 만듭니다. 우리는 또한 스마트 안경과 같은 다른 웨어러블의 부상을 보았습니다. 그리고 더 많은 것이 곧 올 것입니다.

이는 앱 개발자와 디자이너가 스마트워치용 사용자 인터페이스를 디자인할 수 있는 좋은 기회입니다. 그러나 웨어러블 UI를 디자인할 때는 작은 화면 크기를 염두에 두어야 합니다. 작은 화면 크기는 상호 작용을 제한하며 최고의 스마트 워치는 해당 화면을 최대한 활용합니다.

따라서 다음은 스마트워치 및 기타 웨어러블용 사용자 인터페이스를 설계할 때 염두에 둘 수 있는 몇 가지 사항입니다.

 

 

 

제스처

UI 디자이너가 가장 먼저 생각하는 것은 스마트 워치의 다양한 기능에 쉽게 액세스 할 수 있다는 것입니다.

스마트워치와 같은 작은 화면용 앱을 디자인할 때는 화면 버튼에 의존할 수 없습니다. 그렇기 때문에 제스처 기반 탐색을 추가하는 것이 가장 좋습니다.

애플 워치를 예로 들어 보겠습니다. 화면을 탭하면 버튼이나 항목을 선택할 수 있습니다. 화면에서 손가락을 길게 탭하면 시계 모드를 변경하거나 추가 옵션을 볼 수 있습니다. 다른 화면으로 전환하는 스 와이프 제스처가 있습니다. 예를 들어 오른쪽으로 스와이프하여 이전 화면으로 돌아갈 수 있습니다.

시계 페이스에 올바른 항목 유지

시계 페이스는 진정한 창의성을 표현할 수 있는 스마트워치의 일부입니다. 그러나 화면 크기가 제한되어 있으므로 사용자가 즉시 볼 필요가있는 정보 만 제공하면됩니다.

다음은 시계 모드에 추가할 수 있는 몇 가지 사항입니다.

  1. 날짜 및 시간
  2. 부재 중 알림
  3. 걸음 수 및 심박수
  4. 다음, 재생, 일시 중지 및 이전과 같은 기본 음악 컨트롤.
  5. 현재 온도와 같은 날씨에 대한 빠른 정보.
  6. 배터리 상태

올바른 설계 도구 사용

글쎄, 우리는 스마트 워치와 웨어러블을위한 사용자 인터페이스를 디자인 할 때 염두에 두어야 할 것들에 대해 이야기하고 있습니다. 올바른 소프트웨어를 사용하여 웨어러블 UX 디자인을 만드는 것도 중요합니다.

그것이 바로 크랭크 소프트웨어가 오는 곳입니다. 스마트워치를 위한 최고 수준의 UI를 만드는 데 사용할 수 있는 웨어러블용 사용자 경험 디자인 도구입니다. 크랭크 소프트웨어는 UX 디자인과 관련하여 웨어러블 분야의 선두 주자 중 하나입니다. 수상 경력에 빛나는 GUI 개발 프레임워크인 Storyboard를 사용하여 스마트워치 및 웨어러블을 위한 최고의 사용자 인터페이스를 만들 수 있습니다.

Photoshop 및 Sketch에서 레이어, 주문 및 이름과 함께 직접 가져올 수 있습니다.

스마트 워치와 웨어러블의 하드웨어와 자원은 제한적입니다. 따라서 사용자에게 최상의 경험을 제공하기 위해 부드러운 그래픽 전환을 만들고 싶다면 Crank Software의 서비스와 도구를 사용하는 것이 최선의 선택입니다.

Storyboard의 신속한 디자인 가져오기 및 반복 기술을 사용하여 디자인 반복을 관리하는 것은 식은 죽 먹기가되었습니다. 선택할 수있는 운영 체제가 많이 있습니다. 스마트 워치의 사용자 경험을 개선하고 최적화하려는 것을 자유롭게 선택하십시오.

사용할 수 있는 미리 코딩된 기능이 많이 있습니다. 목록 스크롤 속도를 높이고 테이블을 개발하는 데 도움이 될 수 있습니다.

계층 구조를 낮게 유지

항상 세 수준보다 깊은 계층을 만들지 않도록 하십시오. 계층 구조를 줄일 수 있다면 사람들은 필요한 기능을 쉽게 찾을 수 있습니다. 더 많은 레벨을 추가하면 더 많은 혼란이 생기고 사람들은 길을 잃을 것입니다. 또한 계층 수준이 낮을수록 초보자도 시계의 기능을 쉽게 이해할 수 있습니다.

프레젠테이션

판매할 제품이 있으려면 매력적으로 보이게 해야 합니다. 그리고 그것은 모든 웨어러블의 작은 화면 크기에서 도전이됩니다. 레이아웃을 매력적으로 만들고 사용자가 화면의 정보를 한 번 보고 이해할 수 있도록 색상을 미묘하게 유지합니다.

앱에 사용하는 글꼴은 읽을 수 있어야 합니다. 또한 글자가 너무 왜곡되어 보이지 않도록하십시오. 사용자가 선택할 수 있도록 여러 글꼴을 추가할 수 있지만 모든 글꼴을 읽을 수 있어야 합니다.

어떤 글꼴을 선택하든 일관성을 유지하여 가독성을 높이십시오. 색상은 사람이 배경색과 텍스트 색상을 쉽게 구별 할 수 있는지 확인하십시오. 어떤 사람들은 미묘한 것을 좋아하기 때문에 밝은 색상을 너무 많이 사용하지 않는 것이 좋습니다.

앱에 대한 키 색 또는 브랜딩이 있는 경우 일관성을 유지하고 해당 앱의 모든 화면에 동일한 색(또는 그 변형)이 있는지 확인합니다.

사용자가 스마트워치와 자주 상호 작용하도록 동기 부여 사용자가 앱을 탐색하고 스마트워치의 다양한 기능을 사용해 볼 수 있도록 앱을 디자인해야 합니다. 시계 전체에서 자유롭게 탐색할 수 있습니다. 또한 충분한 복구 옵션을 추가하고 간단하게 만드십시오. 따라서 사용자는 실수를 한 경우 이전 위치로 돌아갈 수 있습니다 (실수하지 않고 단지 배우고 있기 때문에).

앱이 모든 형태의 오류를 처리할 수 있고 사용자와 쉽게 통신할 수 있는지 확인합니다. 또한 사용자가 시계의 다양한 기능을 알 수 있도록 시계에 메시지를 표시해야 합니다.

짜증나게 하지 마세요

웨어러블은 사용자의 신체와 지속적으로 접촉합니다. 햅틱 피드백과 같은 기능을 추가하는 것이 좋습니다. 그러나 너무 많이 추가하면 자극적입니다. 모든 작업에 진동 피드백을 추가하려면 사용자에게 진동 피드백을 중지할 수 있는 옵션이 있는지 확인합니다.

이전 요점에서 사용자가 새로운 기능을 사용해 보도록 유도하는 메시지를 추가하라고 말했습니다. 그러나 메시지가 너무 방해가 되지 않는지 확인합니다. 또한 원하는 경우 이러한 메시지를 표시하지 않는 옵션을 사용자에게 제공합니다.

마무리 단어

모든 새로운 기술은 시장에 도달하는 데 시간이 걸립니다. 처음에는 사람들이 그러한 기술의 복잡성에 대해 회의적이고 걱정할 수 있습니다. 따라서 스마트워치의 사용자 인터페이스를 매력적으로 보이고 조작하기 쉬우며 사용자가 착용할 때 편안함을 느낄 수 있도록 디자인하는 것이 중요합니다. 고객에게 프리미엄 사용자 경험을 제공하려면 크랭크 소프트웨어의 스토리보드를 사용하는 것이 좋습니다.