舞台裏：UIを変更した理由

過去数か月にわたって、Elementorはいくつかのプラグインに参加し、100万のアクティブインストール数を超えました。 Elementorが業界のリーダーになった理由はさまざまですが、3つの主な理由には、明確なビジョン、コミュニティのサポート、およびこれら2つの側面がどのように相乗効果を発揮するかが含まれます。

Elementorコミュニティは、私たちの成功の基盤となっています。 初日から、ユーザーは私たちをサポートし、言葉を広めるのを助け、私たちの仕事に言及し、共有しました。 私たちは急速にゼロから成長しました、そして私たちは確かにこれを当然のこととは思っていません。

最初の数年間は全面的に積極的なサポートが含まれていましたが、私たちが成長し、100万を超えるアクティブなインストールに達すると、他の声が現れ始めました。 これは理にかなっています– 100万人のユーザー、100万人のニーズと欲求。

Elementor v2.1では、インターフェイスに大幅な変更を加え、編集ハンドルをフロントエンドメニューから右クリックメニューに移動しました。 このアップデートは、Elementorコミュニティで多くの会話を促しました。 変更が好きな人もいれば、そうでない人もいます。

Elementorは、WordPressでWebサイトを構築するための新しい標準ソリューションと見なされています。 これは、ユーザーが自分のデザインに集中できるようにする、すっきりとしたデザインインターフェイスを提供することを非常に重要視しています。

あなたがそれについて考えるとき、他のソフトウェアは、WordやPowerPointのような基本的なソフトウェアでさえも、フロントエンドに削除ボタンと複製ボタンを表示しません。

右クリックはインターフェイスの標準的な方法になり、キーボードショートカットと組み合わせることで、ユーザーに合理化されたプロセスを提供します。 複数のフロントエンドハンドルは、ユーザー間で多くの混乱を引き起こし、ハンドルが非表示、非表示、または他の要素で部分的に覆われると、競合が発生することもありました。

右クリックへの移行により、コピー＆ペーストスタイル、最近のナビゲーションツリーなどの追加の重要な機能も可能になりました。

右クリックリリースに続いて、Facebookコミュニティに怒り狂う投稿がポップアップしました。 また、電子メールによる苦情や、右クリック以外に当社の製品を本当に気に入っているユーザーからの悪いレビューもいくつか寄せられました。

これは私たちがこれまでに受けた中で最悪の反応でした、そして私は認めなければなりません、それは私たちを驚かせました。 ベータ期間の延長とともに、この変更の確認と検証に長い時間を費やしました。 オープンアームで受け入れられるようになり、ユーザーはこれをUXの大幅な改善として体験できると考えました。

私たちはすべてのコメントを読み、多くのユーザーと個人的に話し、デューデリジェンスを行い、プロセスで何が悪かったのかを理解しようとしました。

当社の製品には明確なビジョンがありますが、ユーザーのフィードバックに耳を傾けることにも同様に配慮しています。 実際、当社の製品機能の約80％は、ユーザーからのフィードバックから直接得られます。

右クリックの場合、変更を行う必要があるものの、リリースするには速すぎたという結論に達しました。 更新から数週間後、私がこれらの行を書いているとき、最初に不満を言った人でさえ、ユーザーはそれに慣れてきたようです。 この変更を段階的に導入し、徐々にユーザーに慣れてもらうほうがよいかもしれません。

過去数か月間、すべてのユーザーが右クリックに簡単に適応できるように努力しました。

これが私たちがしたことです：

ユーザー調査中に、余分なクリックが実際にはUXの主な問題ではないことに気づきました。 以前のバージョンでは、ユーザーはハンドルを表示するためにハンドル領域にカーソルを合わせる必要がありました。

調べてみると、本当の問題は、どの右クリック項目が何をしたのかを認識するのが難しいことであるように思われました。 この問題に対処するために、関連するアイコンを編集、複製、削除、および列ボタンの追加に追加しました。 さらに簡単にするために、「削除」に赤い背景を追加しました。これはホバーに表示されるようになりました。

右クリックへのフィードバックがまちまちだったことを強調しなければなりません。 変更に関して多くの励ましのフィードバックを受け取りました。 ユーザーは、アクセシビリティの向上と、コピー＆ペースト機能の付加価値を称賛しました。

2.2の最新リリースでは、古いハンドルを見逃したユーザーに対応し、右クリックメニューと一緒にフロントエンドハンドルを元に戻す方法を提供することにしました。 作業方法を変えることの難しさを理解しており、右クリックへの移行をより段階的にしたいと考えています。

最高のユーザーエクスペリエンスを提供するという私たちの願望の一環として、私たちのサイトで計画している新しい教育リソースを共有したいと思います。 このリソースは、ユーザーがElementorのより良い使用方法を学び、効率的な作業プロセスを開発するのに役立ちます。

Elementor 2.2を新しいサイトにインストールすると、短い紹介ビデオを含む「はじめに」ウィンドウが追加されたことがわかります。 これは、ページビルダーのオンボーディングプロセスを容易にするために計画している多くのステップの最初のステップです。

コミュニティ以外に、私たちの成長を促進したもう1つの主な理由は、私たちが数字だけでなく、製品に対する明確なビジョンに導かれた会社であるという事実です。

私たちは、WordPressのWebデザインを改善するという明確なアイデアを持ってElementorの構築に着手しました。 テーマ会社とデザインスタジオの両方の役割を経験した後、この業界から来て、それを刷新することを目指しました。

このアプローチと厳密な成長ベースのアプローチの主な違いは、不人気な変更を行うことがあり、売上を増やすためではなく、製品を最適化するために行うことです。

このアプローチはまた、イノベーションのためにイノベーションを起こすだけでなく、製品の細部を改善するための燃料にもなります。

すでに述べたように、私たちは自分たちの役割を真剣に受け止めています。 私たちのチームは、ウィジェット名でさえも、細部を細心の注意を払って考慮しようとしています。 最近、「列」ウィジェットの名前を「内部セクション」に変更しました。

ユーザー調査の継続期間中に、すべてのレベルのユーザーが頻繁に繰り返す不穏な間違いを発見しました。 ユーザーが既存のセクションに列を追加する必要がある場合、右クリックで[新しい列を追加]オプションを使用する代わりに、ユーザーは誤って[列]ウィジェットにドラッグしました。

この名前の変更は、今日の初めにグループにいくつかの不快な声をもたらしました。 私たちのチームは、ウィジェットの以前の名前を参照するYouTubeチュートリアルとドキュメントのいくつかをやり直す必要があるため、私は完全にフラストレーションに関係しています。

それでも、100万人のユーザーと将来のユーザーのより大きな利益を考慮する必要があるため、変更を加えました。

変更は、特にインターフェイスに関して、威圧的になる可能性があります。 あなたは物事を行う特定の方法に慣れており、あなたの脳はより少ない労力で自動行動を起こすプロセスを発達させます。 UIベース、移転、新しい仕事などの変更は、新しい自動化されたプロセスの開発を必要とし、多くの場合、非常に苛立たしいものになる可能性があります。 しかし、しばらくすると慣れます（2週間かかるところを読んでいます）。

Elementorユーザーの場合、あなたは私たちのプロジェクトの一部です。 これは、ウェブサイトを構築するための究極のソリューションを構築するという、私たちのビジョンと長期的かつ継続的なタスクを共有することを意味します。 私たちは常に最高であり、フィードバックを得て進歩するよう努めています。 これを実現するには、継続的に変更を加える必要があります。

私たちは、これらの変更をより合理的で目立たない方法で行うための新しい方法を開発しています。 最近のユーザー調査を実施し、より広範なQA部門の開発を開始し、ベータ版を延長し、より優れた製品内およびオンライン教育リソースの作成に着手しました。

最近の更新に関して、私たちの視点を提供するためにこの投稿を書きました。 また、私たちが成長しているにもかかわらず、同じユーザー志向の精神が私たちの道をリードしていることをお知らせしたいと思います。 私たちは、堅牢でコミュニティ主導の製品を開発し続けながら、ユーザーである皆さんとのコミュニケーションを改善するための新しい方法を見つけることを計画しています。