비하인드 스토리: UI를 변경한 이유

지난 몇 개월 동안 Elementor는 몇 가지 플러그인에 합류하여 활성 설치 수 100만 명을 넘었습니다. Elementor가 업계 리더가 된 이유는 여러 가지가 있지만 세 가지 주요 이유는 명확한 비전, 커뮤니티의 지원, 이 두 측면이 시너지 효과를 발휘하는 방법입니다.

Elementor 커뮤니티는 우리 성공의 근간이었습니다. 첫날부터 사용자는 우리를 지원하고 소문을 퍼뜨리는 데 도움을 주며 우리의 작업을 언급하고 공유했습니다. 우리는 처음부터 빠르게 성장했으며 이를 당연하게 여기지 않습니다.

처음 몇 년은 전반적으로 긍정적인 지원을 많이 포함했지만, 우리가 성장하여 백만 이상의 활성 설치에 도달하면서 다른 목소리가 나타나기 시작했습니다. 이것은 백만 명의 사용자, 백만 명의 필요와 욕구를 의미합니다.

Elementor v2.1의 경우 인터페이스를 크게 수정하고 편집 핸들을 프런트엔드 메뉴에서 오른쪽 클릭 메뉴로 옮겼습니다. 이 업데이트는 Elementor 커뮤니티에서 많은 대화를 촉발했습니다. 일부는 변화가 마음에 들었고 다른 일부는 그렇지 않았습니다.

Elementor는 WordPress에서 웹사이트를 구축하기 위한 새로운 표준 솔루션입니다. 이것은 사용자가 디자인에 집중할 수 있도록 하는 깔끔한 디자인 인터페이스를 제공하는 것을 매우 중요하게 생각합니다.

생각해 보면 프론트엔드에 삭제 및 복제 버튼을 표시하는 다른 소프트웨어는 없으며 Word나 PowerPoint와 같은 기본 소프트웨어도 없습니다.

마우스 오른쪽 버튼 클릭은 인터페이스의 표준 관행이 되었으며 키보드 단축키와 결합되어 사용자에게 간소화된 프로세스를 제공합니다. 다중 프론트엔드 핸들은 사용자들 사이에 많은 혼란을 야기했으며 핸들이 숨겨지거나 보이지 않거나 다른 요소에 의해 부분적으로 가려지는 경우 충돌이 발생하기도 합니다.

또한 마우스 오른쪽 버튼 클릭으로의 전환은 복사-붙여넣기 스타일, 최근 탐색 트리 등과 같은 추가적이고 중요한 기능을 허용했습니다.

우클릭을 하면 페이스북 커뮤니티에 성난 글이 올라왔다. 우리는 또한 이메일에 대한 불만을 접수했고 오른쪽 클릭을 제외하고는 우리 제품을 정말 좋아했던 사용자들이 남긴 몇 가지 나쁜 리뷰도 받았습니다.

이것은 우리가 받은 최악의 반응이었고, 나는 그것이 우리를 놀라게 했다는 것을 인정해야 합니다. 우리는 연장된 베타 기간과 함께 이 변경 사항을 확인하고 검증하는 데 오랜 시간을 보냈습니다. 우리는 그것이 두 팔을 벌려 받아들일 것이며 사용자들이 상당한 UX 개선으로 그것을 경험할 것이라고 생각했습니다.

우리는 모든 의견을 읽고 많은 사용자와 개인적으로 대화했으며 실사를 수행하여 프로세스에서 무엇이 잘못되었는지 이해하려고 시도했습니다.

우리는 제품에 대한 명확한 비전을 가지고 있지만 사용자 피드백에 귀를 기울이는 것만큼이나 중요합니다. 실제로 제품 기능의 약 80%가 사용자 피드백에서 직접 제공됩니다.

오른쪽 클릭의 경우 변경 사항이 발생해야 하지만 릴리스하기에는 너무 빠르다는 결론에 도달했습니다. 업데이트 후 몇 주 동안 이 줄을 작성하는 동안 사용자는 처음에 불만을 표시한 사용자도 이에 익숙해진 것 같습니다. 이 변경 사항을 단계적으로 도입하고 사용자가 점차 익숙해지도록 하는 것이 더 나을 수도 있습니다.

지난 몇 달 동안 우리는 모든 사용자가 오른쪽 클릭에 쉽게 적응할 수 있도록 열심히 노력했습니다.

다음은 우리가 한 일입니다.

사용자 조사를 하는 동안 추가 클릭이 실제로 주요 UX 문제가 아님을 깨달았습니다. 이전 버전에서는 사용자가 핸들을 표시하기 위해 이미 핸들 영역 위로 마우스를 가져가야 했습니다.

실제 문제는 검토한 결과 오른쪽 클릭 항목이 어떤 작업을 수행했는지 식별하는 데 어려움이 있는 것으로 나타났습니다. 이 문제를 해결하기 위해 편집, 복제, 삭제 및 열 추가 버튼에 관련 아이콘을 추가했습니다. 더 쉽게 만들기 위해 '삭제'에 빨간색 배경을 추가했으며 이제 마우스를 가져가면 표시됩니다.

오른쪽 클릭에 대한 피드백이 혼합되었음을 강조해야 합니다. 변경 사항에 대해 고무적인 피드백을 많이 받았습니다. 사용자는 향상된 접근성과 복사-붙여넣기 기능의 부가 가치를 칭찬했습니다.

2.2의 최신 릴리스에서는 이전 핸들을 놓친 사용자를 위해 오른쪽 클릭 메뉴와 함께 프런트엔드 핸들을 다시 가져올 수 있는 방법을 제공하기로 결정했습니다. 우리는 작업 방식 전환의 어려움을 이해하고 오른쪽 클릭으로 더 점진적인 전환을 제공하고자 합니다.

최고의 사용자 경험을 제공하고자 하는 열망의 일환으로, 저는 저희 사이트를 위해 계획하고 있는 새로운 교육 리소스를 공유하고자 합니다. 이 리소스는 사용자가 Elementor를 더 잘 사용하는 방법을 배우고 효율적인 작업 프로세스를 개발하는 데 도움이 됩니다.

새 사이트에 Elementor 2.2를 설치하면 짧은 소개 비디오가 포함된 '시작하기' 창이 추가되었음을 알 수 있습니다. 이것은 페이지 빌더의 온보딩 프로세스를 용이하게 하기 위해 계획한 많은 단계 중 첫 번째 단계입니다.

커뮤니티 외에 우리가 성장하게 된 또 다른 주요 이유는 숫자가 아닌 제품에 대한 명확한 비전이 있는 회사라는 사실입니다.

우리는 WordPress 웹 디자인을 개선한다는 분명한 아이디어로 Elementor를 구축하기 시작했습니다. 우리는 테마 회사와 디자인 스튜디오의 역할을 모두 경험한 후 이 업계에서 왔으며 이를 개선하는 것을 목표로 했습니다.

이 접근 방식과 엄격한 성장 기반 접근 방식의 주요 차이점은 때때로 인기가 없는 변경을 하고, 매출을 늘리기 위한 것이 아니라 제품을 최적화하기 위해 변경한다는 것입니다.

이 접근 방식은 또한 혁신을 위한 혁신이 아니라 제품의 가장 작은 세부 사항을 개선하는 데 도움이 됩니다.

이미 언급했듯이 우리는 우리의 역할을 진지하게 받아들입니다. 우리 팀은 가장 작은 세부 사항, 심지어 위젯 이름까지 세심하게 고려하려고 노력합니다. 최근 '열' 위젯의 이름을 '내부 섹션'으로 변경했습니다.

지속적인 사용자 연구 기간 동안 모든 수준의 사용자가 일반적으로 반복하는 혼란스러운 실수를 발견했습니다. 사용자가 기존 섹션에 열을 추가해야 하는 경우 마우스 오른쪽 버튼 클릭의 '새 열 추가' 옵션을 사용하는 대신 사용자가 실수로 열 위젯에서 드래그했습니다.

이 이름은 오늘 일찍 그룹에서 불쾌한 목소리를 불러일으켰습니다. 우리 팀은 이제 위젯의 이전 이름을 참조하는 여러 YouTube 자습서 및 문서도구를 다시 수행해야 하기 때문에 좌절감에 전적으로 동감합니다.

그럼에도 불구하고 우리는 백만 명의 사용자와 미래의 사용자를 위해 더 큰 이익을 고려해야 하기 때문에 변경했습니다.

특히 인터페이스와 관련하여 변경 사항은 위협적일 수 있습니다. 당신은 일을 하는 특정한 방식에 익숙하며, 당신의 뇌는 노력을 덜 들이는 자동 행동을 하는 프로세스를 개발합니다. UI 기반이든, 재배치이든, 새로운 직업이든 간에 변화는 새로운 자동화 프로세스를 개발해야 하며 종종 상당히 실망스러울 수 있습니다. 그러나 시간이 지나면 익숙해집니다.

Elementor 사용자라면 우리 프로젝트의 일부입니다. 이는 웹사이트 구축을 위한 궁극적인 솔루션을 구축하기 위해 우리의 비전과 장기적이고 지속적인 작업을 공유한다는 의미입니다. 우리는 항상 최고가 되고 피드백을 받고 발전하기 위해 노력합니다. 이를 위해서는 지속적으로 변화를 주어야 합니다.

우리는 이러한 변경을 보다 간소화되고 덜 눈에 띄게 만드는 새로운 방법을 개발하고 있습니다. 우리는 최근 사용자 설문조사를 실시하고 더 광범위한 QA 부서를 개발하기 시작했으며 베타 버전을 연장했으며 더 나은 제품 내 및 온라인 교육 리소스를 만들기 시작했습니다.

나는 최근 업데이트와 관련하여 우리의 관점을 제공하기 위해 이 게시물을 작성했습니다. 나는 또한 우리가 성장하고 있지만 동일한 사용자 지향 정신이 우리의 길을 이끌고 있음을 알려드리고 싶습니다. 우리는 커뮤니티 기반의 강력한 제품을 계속 개발하는 동시에 사용자인 사용자 한 명 한 명과의 의사 소통을 개선할 수 있는 새로운 방법을 찾을 계획입니다.