블로그

Nov 05, 2023

에어컨 리모컨의 이상한 UX

Shachar Oz 팔로우 DataDrivenInvestor - 듣기 공유 여름이 다가옴에 따라

샤차르 오즈

따르다

데이터 중심 투자자

--

듣다

공유하다

여름이 다가오면서 우리는 다시 에어컨을 사용하기 시작합니다. 하지만 매번 계속해서 떠오르는 큰 질문이 하나 있습니다.

UX 디자인에서 아이콘을 사용하면 큰 이점이 있습니다. 아이콘을 사용하면 텍스트보다 훨씬 적은 공간을 차지하므로 디자이너가 "깨끗한" 인터페이스라고 부르는 것을 갖게 됩니다. 아이콘은 제품이 출시되는 각 국가에 대한 번역이 필요하지 않습니다.

하지만 분명히 사용자가 아이콘의 의미를 이해한다면 이 모든 것이 가능할 것입니다…

그래서 지난번에 리모컨의 ON 버튼을 눌렀을 때 기기가 응답하지 않는 것을 보고 동료 몇 명에게 도움을 요청했습니다. 아마도 이탈리아 에어컨은 다를 거라고 생각했어요 :)

"태양의 아이콘이 더위를 의미하는지, 아니면 지금은 여름이므로 기계가 식을 것이라는 뜻인지 기억이 나지 않습니다…"

그래서 우리는 또 다른 동료에게 전화를 걸었고, 또 다른 동료에게 전화를 걸었습니다. 결국 우리는 컨트롤러에 대해 5명 정도의 엔지니어가 어떤 것이 올바른 옵션인지 생각하게 되었습니다… (아마도 이 시점에서 너무 뜨거워서 과장하고 있는 것 같습니다…) 그때 이것이 훌륭한 주제가 될 것이라는 것을 알았습니다. 다른 기사를 위해…

이러한 디자인을 보면 우리는 그것이 에어컨용이라는 것을 즉시 인식합니다. 사용자가 이미 개체의 목적을 인식하고 해당 기능에서 무엇을 기대할 수 있는지 알고 있기 때문에 이는 실제로 이러한 방식으로 계속 디자인하는 데 매우 좋은 이유입니다.

하지만 해당 작업을 수행하는 데 실제로 이러한 버튼과 기능이 모두 필요한가요?

90%의 경우에 우리는 공간을 냉방하거나 난방하기만 원합니다. 그 이상도 이하도 아닌. 해당 명령을 장치 켜기 명령으로 사용할 수도 있으므로 끄기 버튼만 유지할 수도 있습니다. 마지막으로 중요한 기능은 공간의 특정 온도를 유지하는 '현재 상황 유지'입니다. 지금까지의 결과 인터페이스는 다음과 같습니다.

"버튼 작동 방식은 일반적으로 물리적 모양에 따라 정의됩니다."

사용자는 항상 어떻게 해야 하는지에 대한 아이디어를 얻어야 합니다. 특정 버튼을 활성화합니다(예: 클릭, 길게 누르기, 스와이프, 회전). 이는 일반적으로 버튼의 물리적 모양에 따라 결정됩니다. 다음 버튼을 보면 어떤 버튼을 돌리거나 눌러야 하는지, 터치에 어떻게 반응해야 하는지 알 수 있습니다. 인터페이스를 디자인할 때 해당 작동 방식에 맞는 올바른 버튼 모양을 사용해야 합니다.

"디자인에 게슈탈트 원리를 사용하면 디자인을 돕거나 파괴할 수 있습니다."

여러 개의 버튼을 함께 그룹화하면 사용자에게 버튼이 서로 관련되어 있음을 암시합니다. 이것이 올바르게 수행되면 사용자가 시스템을 이해하는 데 도움이 될 수 있지만 잘못 수행되거나 별다른 생각 없이 수행되면 큰 혼란을 초래할 수 있습니다.

또 다른 매우 유용한 원칙은 버튼의 근접성입니다. 더 가까운 사람들은 그들이 관련이 있다는 것을 즉시 우리에게 암시합니다.

세 번째 원칙은 버튼의 색상을 선택하는 것입니다. 2개의 버튼을 같은 색상으로 칠하면 두 버튼이 어느 정도 연관되어 있음을 알 수 있습니다. 예: 왼쪽에 있는 두 개의 리모콘은 이 컨트롤러를 처음 봤음에도 불구하고 여기서 가장 중요한 버튼이 큰 색상의 버튼이라는 것을 쉽게 느낄 수 있습니다. 오른쪽 리모콘에서 "전원" 버튼과 "MODE" 버튼이 더 중요하다는 것을 알고 있습니다.

이러한 원칙은 심리학에서 유래했지만 인터페이스 디자이너에게 매우 유용한 이론인 게슈탈트(Gestalt)라는 긴 목록 중 일부에 불과합니다. 이는 우리의 두뇌가 항상 사물을 그룹화하고 라벨을 지정하여 사물을 단순화하려고 노력한다는 생각에서 비롯됩니다. 다음은 게슈탈트 원칙이 사용자 인터페이스 디자인에 어떤 영향을 미치는지에 대한 훌륭한 개요입니다.

제조 부서에서 흐름을 재설계해야 하고 비용이 많이 드는 프로세스일 수 있으므로 새 레이아웃이나 전용 레이아웃을 만드는 것은 종종 상당히 어려운 작업입니다. UX 디자이너로서 우리는 선택한 인터페이스 레이아웃 디자인이 메시지를 올바른 방식으로 전달하는지 확인해야 하지만 더 중요한 것은 그것이 사용자에게 모순되거나 장애물이 되지 않는지 확인하는 것입니다.