마이크로 인터랙션으로 UX 향상

https://uxdesign.cc/improve-your-ux-with-micro-interactions-bd152445d8e5

Improve your UX with micro-interactions

 

디자인은 보편적인 문제를 해결하지만 마이크로인터렉션은 사용자가 제품을 사용하는 동안 즐거움의 순간을 주게 됩니다.

 

최고의 제품은 기능과 세부 사항 두가지를 잘 수행합니다. 기능은 사람들을 제품으로 끌어 들이는 요소입니다.

세부사항은 거기에 그들을 유지합니다. 인스타그램 스토리와 같은 기능을 쉽게 복사할 수 있기 때문에 세부사항은 실제로 앱을 경쟁업체와 차별화하는 것입니다.

 

사용자가 발견하면 웰빙 느낌을 만드는 데 도움이 됩니다. 디자이너로서 마이크로 인터렉션의 효과를 인식하는 것은 디자인하는 것만큼 중요합니다. 당신은 단지 그것을 위해서가 아니라 인간적인 느낌과 목적을 제공하는 것을 만들어야 합니다.

 

마이크로 인터렉션이란 무엇인가?

마이크로 인터렉션은 일반적으로 다음과 같은 필수 기능을 수행하는 이벤트입니다.

 

- 피드백 또는 조치 결과를 전달할 수 있습니다.

- 개별 작업을 수행할 수 있습니다.

- 직접 조작 감각을 향상시킵니다.

- 사용자가 작업 결과를 시각화하고 오류를 방지하도록 도와줍니다.

 

이러한 기능은 장치 전체와 대부분의 앱에서 쉽게 찾을 수 있습니다. 예를 들어 휴대폰을 음소거로 전환할 때 진동 알림과 자동 모드 아이콘이 함께 표시됩니다.

 

마이크로 인터랙션의 4가지 구성 요소

트리거

트리거는 마이크로 인터랙션을 활성화 하는 작업입니다.

사용자 시작 또는 시스템 시작의 두 그룹으로 분류할 수 있습니다.

 

사용자 시작 트리거는 가장 흔하며 버튼, 텍스트 링크, 드롭다운 등의 형태로 모든 곳에서 찾을 수 있습니다. 사용자가 다른 페이지로 이동하는 버튼(트리거)를 클릭하는 것이 간단한 예입니다.

 

시스템 시작 트리거는 자동화 되고 특정 조건이 충족될 때 트리거되기 때문에 약간 더 복잡합니다.

예를 들어, 인스타그램에 있는 사진이 마음에 들면 사용자에게 알림을 보내도록 트리거하는 알림입니다.

 

이 간단한 인스타그램 알림은 시스템 시작 트리거를 기반으로 합니다.

규칙

트리거를 실행 시킨 후에는 다음에 무슨 일이 일어나는지에 대한 후속 주치가 필요합니다.

사용자가 이 버튼을 클릭하면 어떻게 됩니까? 그들은 새로운 페이지로 안내되었나요? 쇼핑 카트에 상품이 추가될까요?

계정이 삭제 됩니까?

 

시스템 시작 트리거도 마찬가지 입니다.

모든 조건이 충족되면 어떻게 됩니까? 사용자가 30분(조건) 동안 비활성 상태인 경우 해당 사용자는 계정(규칙)에서
로그아웃됩니다.

 

피드백

마이크로 인터렉션의 과정의 크리에이티브한 파트입니다.
사용자들에게 작업이 수행되었거나 변경되었음을 알리는 데 사용됩니다. 
로딩화면, hover효과, 애니메이션, gif, 진동 등의 형태가 될 수 있습니다. 마이크로 인터렉션이 설계 될 수 있는 방법에는 많은 예가 있습니다.

 

Interface animations that show the ability to click are examples of Feedbacks  Malan Alankara

루프 그리고 모드

루프는 마이크로 인터랙션의 길이, 반복 여부 또는 시간이 지남에 따라 변경 여부를 결정합니다. 마지막ㅈ으로 제품을 사용했을 때를 생각해 보세요, 처음 사용했을 때의 경험은 10번과 비교했을때 다른가요? 대부분의 제품은 처음 보는 사용자에게 온보드 프로세스와 비주얼만 보여주므로 시간이 지남에 따라 미세한 상호 작용이 변경됩니다.

 

모드를 사용하여 피드백을 수신하는 방법을 변경할 수 있습니다. 예를 들어 휴대폰에서 문자 메시지를 수신 할 때 기본 모드와 비교하여 전화기가 자동 모드일 때의 피드백은 무엇입니까?

 

마이크로 인터렉션이 중요한가요?

마이크로 인터렉션이 단지 작은 설계요소 일 뿐이라면 우리는 정말로 그것들에 관심을 가질 필요가 있을까요?

 

 

 

2. 그들은 그것이 상호 작용하는지 아닌지와 같은 특정 요소에 대한 정보를 전달합니다.

3. 사용자들이 무슨 일이 일어나고 있는지 깨우쳐줍니다.

4. 사용자가 목표를 달성 할 수 있도록 도와줍니다.

5. 그리고 마지막으로, 그들은 당신의 사이트를 더 감성적으로 만듭니다.

마이크로 인터랙션은 사용자의 자연스러운 인정 욕구에 호소하기 때문에 작동합니다. 사용자는 자신의 행동이 받아들여졌다는 것을 즉시 알고 시각적 보상에 만족하기를 원합니다.

 

마지막 생각입니다.

세심하게 디자인하세요. 사용자의 플랫폼 사용과 상호 작용 방법에 대해 생각 해본 다음, 사용자와의 상호 작용에 적합한 상호 작용을 설계합니다. 디자이너로서, 마이크로 인터랙션을 효과적으로 사용하는 것이 중요합니다. 마이크로 인터랙션은 우리의 제품을 한 단계 끌어올릴 수 있기 때문입니다. 마이크로 인터랙션을 통해 새로운 설계 솔루션을 실험하고 사용자를 놀라게 하는 새로운 방법을 찾을 수 있습니다.