사례 연구 - 휴리스틱스 원칙을 통한 Chome(안드로이드) 탭 그룹 평가 및 사용자 경험 개선을 위한 솔루션.

인덱스

1] 시작 방법

2] 재설계 - 무엇이 변경되었습니까?

3] Google 크롬을 선택해야 하는 이유

4] 문제 식별

5] 아이디어

6] 와이어프레임

7] 프로토타이핑

8] 사용자 테스트

9] 피드백

시작 방법!

저는 UX 원칙을 연구하고 실험해 왔습니다. 중간에 어쩌다보니 2주간의 멘토십 워크샵을 하게 되었습니다.

워크숍은 저의 기초를 강화시켰을 뿐만 아니라 관찰의 다른 관점에 익숙해지게 해주었습니다.

우리의 멘토인 Anudeep은 48시간의 제한 시간이 있는 UX 디자인 챌린지를 발행했습니다. 이것이 제가 Android용 Google Chrome에서 간단한 사례 연구를 수행하는 방법입니다.

재설계 - 무엇이 바뀌었나요?

2가지 주요 변경 사항이 제안 및 구현되었습니다. 한 가지 변경 사항은 시각적이므로 쉽게 알아차릴 수 있는 반면, 다른 변경 사항은 이미 존재하는 요소의 기능에서 발생하므로 육안으로는 볼 수 없습니다.

1 ] 탭 그룹 이름 지정

여기에서 탭 그룹을 선택하고 편집 기능을 추가하여 탭 그룹의 이름을 지정했습니다. 단순화를 위해 사용자에게 친숙한 편집 아이콘을 사용하여 Chrome의 아이콘 디자인 스타일과 일치시켰습니다.

우리는 사용자가 이름을 변경하고자 할 때마다 실행할 수 있는 팝업 프롬프트 화면을 만들었습니다.

2 ] 탭 이동

여기에서 빨간색으로 표시된 영역은 드래그에 대한 새 옵션을 사용할 수 있고 활성화할 수 있는 위치입니다.

이것은 사용자가 선호하는 방식으로 탭을 정렬하고 정렬하는 데 도움이 되도록 수행됩니다. 일단 정리되면 사용자가 시간을 절약하고 효율적으로 사용할 수 있습니다.

3 ] 사용자 및 비즈니스에 미치는 영향

탭 및 탭 그룹은 Chrome Mobile에서 북마크를 빠르게 대체할 수 있습니다. 그리고 도입된 변경 사항은 사용자와 비즈니스 모두에 긍정적인 영향을 미칩니다.

✔사용자:

변경 사항은 사용자가 시간과 노력을 절약하는 데 도움이 됩니다. 탭을 보다 효율적이고 쉽게 관리할 수 있도록 도와줍니다. 그룹 이름을 지정하면 탭을 더 빨리 식별할 수 있으므로 사용자가 기억할 수 있는 정신적 스트레스를 줄일 수 있습니다.

드래그 탭을 활성화하면 사용자는 필요와 우선 순위에 따라 탭을 정렬하여 시간과 노력을 절약할 수 있습니다.
또한 사용자가 취하지 않았을 단계를 최소 3단계로 줄입니다.

✔비즈니스 :

사용자가 필요한 것을 찾지 못하면 좌절하고 정보를 기억하기 위해 다른 앱(전화, 메시지, 메모, 인스타 메시지 등)으로 이동할 수 있습니다.

이로 인해 SCREEN TIME 이 손실될 수 있습니다 .

사용자는 다른 앱을 탐색할 때 작업을 잊거나 연기할 수도 있습니다.

이렇게 하면 RETENTION METRICS가 낮아질 수 있습니다.

사용자 프로세스를 쉽고 효율적으로 만들면 시간과 노력을 절약할 수 있으므로 USER RETENTION 을 높이는 데 도움이 됩니다 .

Google 크롬을 선택해야 하는 이유

선택은 한 가지 이상의 이유에 근거한 것입니다.

• 우선 Chrome은 널리 사용되는 앱이므로 잠재고객 기반이 많습니다. 모든 개선 사항은 많은 사용자에게 도움이 될 수 있습니다.
• 둘째, 크롬은 널리 사용되기 때문에 테스트할 사람을 찾는 것이 상대적으로 쉽습니다. 따라서 그들은 더 나은 솔루션을 설계하는 데 도움이 되는 자세한 답변을 제공할 수 있습니다.
• 셋째, 나 자신이 제품에 매우 익숙합니다. 따라서 중복 디자인 솔루션을 만들지 않도록 도와줍니다.

해결책은 문제만큼이나 좋습니다.

문제를 식별하기 위해 우리는 휴리스틱스의 10가지 원칙을 사용하고 지정된 제품에서 테스트했습니다.

문제(R1) 식별:

탭의 콘텐츠를 살펴보는 동안 유용하다는 것을 알게 되고 균형을 맞추고 싶습니다. 탭의 배열을 제어할 수 없다는 것은 사용자 제어와 자유를 방해합니다.

휴리스틱 원칙 — 사용자 제어 및 자유

문제 (R1) 식별:

길게 누르고 드래그하여 위치를 변경하는 것은 터치 스크린 사용자들 사이에서 일반적인 지식입니다. 내부의 Google 탭 그룹에서도 마찬가지입니다.

휴리스틱 원칙 — 사용의 유연성 및 효율성

문제 (R1) 식별:

사용자는 이제 일반적인 관행에 매우 익숙하며 자연스럽게 나옵니다. 따라서 적격한 요소에 일반적인 관행(드래그)을 구현했지만 의도한 응답을 받지 못하면 사용자가 좌절하게 됩니다.

휴리스틱 원리 — 시스템과 실제 세계 간의 일치

문제(R2) 식별:

탭을 그룹으로 구성할 때 필요할 때 쉽게 찾을 수 있기를 바랄 것입니다. 고유한 ID를 갖도록 탭 그룹을 생성/표시할 수 없기 때문에 사용자 제어 및 자유가 최소화됩니다.

휴리스틱 원칙 — 사용자 제어 및 자유

아이디어

여기에서 우리는 우리가 확인한 문제에 대한 몇 가지 해결책을 제시했습니다. 시행 착오 방법으로 소수를 분류하고 제거했습니다. 그리고 우리 문제에 가장 적합한 솔루션을 선택하십시오.

리소스의 기능 및 가용성에 따라 솔루션을 식별하기 전에 제약 조건을 식별하고 정의했습니다.

와이어프레임

아이디어는 행동하지 않는 한 꿈에 불과합니다.

여기에서 우리는 우리가 구상한 아이디어를 기반으로 충실도가 낮은 프로토타입을 만들었습니다.

새로운 변화에 대한 적절한 경로를 매핑하고 다양한 스케치를 통해 현재 제품 시스템에 구현될 수 있는 가능성을 확인했습니다.

몇 번의 시도 끝에 아래 이미지의 시각화된 아이디어가 다음 단계의 기반으로 선택되었습니다.

저충실도 프로토타입에 대한 링크에 액세스하려면 여기를 클릭 하십시오.

프로토타이핑

이 단계에서 우리는 충실도가 낮은 와이어프레임을 시각적으로 만족스럽고 실행 가능한 프로토타입으로 변환했습니다.

변경 사항

✏️사용자가 크롬에서 탭 그룹의 이름을 지정할 수 있도록 편집 아이콘을 추가했습니다.

✏️사용자가 이름을 추가/변경할 수 있는 팝업 화면을 추가했습니다. 이 팝업은 편집 버튼이 실행될 때 표시됩니다.

✏️하단 탭 그룹 바에 드래그 옵션을 추가했습니다.

고충실도 프로토타입에 대한 링크에 액세스하려면 여기를 클릭 하십시오.

사용자 테스트

디자인의 가장 중요한 부분은 테스트를 받는 것입니다. 테스트는 제품에 대한 사용자의 반응과 관심도를 보여주고 사용자의 문제를 파악하고 수정하는 데 도움을 줍니다.

사용자가 좋아하지 않는 제품은 잘못된 투자입니다.

사용자 찾기

제품을 테스트할 적임자를 식별하는 것이 중요합니다. 대상 고객 그룹에 속해야 합니다.

Google은 많은 사람들이 사용하기 때문에 우리 제품을 테스트할 사용자를 찾는 것이 어렵지 않았습니다. "귀찮게 하지마", "시간이 없어"라는 몇 가지 를 제외하고 빠르게 사용자를 찾아 결과를 관찰했습니다.

사용자를 위한 작업

⚡탭 그룹의 이름을 편집합니다.
⚡탭 그룹에 들어가고 하나의 탭을 탐색하도록 요청하십시오.
⚡사용자가 있는 페이지에서 직접 그룹의 해당 탭 위치를 변경합니다.
⚡변경 사항에 대한 귀하의 의견.

관찰할 사항

사용자가 편집 옵션을 얼마나 빨리 찾는지 관찰하고 편집하는 데 문제가 있는지 확인합니다.
사용자가 탭의 위치를 ​​변경하려고 할 때 어떤 선택을 하는지 관찰하십시오.
한 번의 시도로 길을 찾나요?
길을 잃었나요?

인사이트

당신은 항상 모든 사람과 모든 것으로부터 무언가를 배울 수 있습니다.

제품이 아무리 대중적이고 널리 사용되더라도 - 항상 사용자에게 제품을 사용하는지 또는 제품에 대해 잘 알고 있는지 물어보십시오.

재설계하지 않은 기존 요소에서 사용자가 멈추거나 문제가 발생할 수 있습니다.

피드백

사용자로부터 수집한 데이터와 당사가 관찰한 내용을 분석한 결과 추가 변경이 반드시 필요한 것은 아니라는 결론에 도달했습니다.

사용자가 이미 우리가 디자인한 제품에 대해 매우 명확하고 만족하고 있는 경우 더 이상의 강제 변경은 제품에 악영향을 미칠 수 있습니다.

그러나 우리는 여전히 제품에 약간의 변경을 도입했습니다. Group Tab Bottom Bar에 "Zoom On Hover"를 추가합니다.

Linkedin에서 나와 연결하려면 여기를 클릭하세요.