Mail.Ru Mailの内部統計によると、電子メールで送信されるファイルの80％は画像です。 私たちは毎日、多数のレイアウト、プロトタイプ、スクリーンショットを送信しています。 もちろん、このような一般的なシナリオをより便利にしたかったので、成功しました。 その結果、iOSアプリケーションから写真やビデオを送信することは、競合他社よりはるかに便利で高速になりました。 たとえば、レターに3枚の写真を添付するには、Mail.Ru Mailで5回クリックするだけです。 これはGmailよりも10個少なく、Apple Mailよりも13個少ない。 カットの下で、アイデアの出現から実装まで、このタスクに取り組んでいるストーリーと、いくつかの重いgif。
ユーザースクリプトの識別
新機能の作業はいくつかの段階で行われます。 1つは、重要なユーザーシナリオを特定することです。 ユーザーはアプリでよく何をしますか？ 何を改善できますか？ 回答を求めて、フィードバックとApp Storeからコメントを収集し、ベータテスターの調査を実施し、統計を分析します。 これにより、ファイルを含むメールがWeb経由よりもアプリケーション経由で送信されることが判明しました。
Mail.Ru MailアプリケーションおよびWebバージョンのMailを介して送信されたファイルの平均数：人ごと、手紙ごと。 内部統計Mail.Ru、2015年5月
そして、ほとんどの場合、彼らはスマートフォンから画像を送信します-ファイルの総数の80.5％。
iOS用のMail.Ruメールアプリケーションのレターに添付されるファイルの種類。 内部統計Mail.Ru、2014年8月
長い間、私たちは体系的に手紙を書いてそれにファイルを添付することを単純化してきました：
- 音訳付きのメールを入力する際のヒントを追加。
- Webと同期される、頻繁に使用される連絡先のリストを作成しました。
- Mail.Ru Cloud、Dropbox、その他のストレージ施設からのファイルの選択をサポート。
- 送信する前に写真を圧縮する機能を追加しました。
現在、文字に画像を添付することに焦点を当てています。
初期状態
改善する前に、1枚の写真を添付するには5回クリックする必要がありました。
- ペーパークリップアイコンをタップします。
- 「写真とビデオ」を選択します。
- アルバムを選択します。
- 写真をハイライトします。
- 完了をクリックします。
Apple Mailよりも優れていますが、理想からはほど遠いです。
最初の改善
インタビューされたユーザーは、ベータ版の統計を見て、ほとんどすべての写真がカメラロールアルバム（「カメラロール」）から送信されました。 多くのユーザーは、他のアルバムをまったく持っていません。 論理的な変更は、アルバムを選択するステップを取り除くことです。 カメラロールがすぐに開き、別のアルバムを選択するには、「アルバム」をクリックします。
次に、スワイプで複数選択を追加することで、複数の写真を選択しやすくしました。 これで、一度に多くの写真やビデオを選択するために、それぞれをタップする必要はなく、指をスワイプするだけです。
設計
写真をレターに添付するには、まだ4つのアクションが必要でした。 他のアプリケーションのファイルを添付するなど、他のスクリプトの使いやすさを損なうことなく、この数字を3に減らすタスクを設定しました。 いくつかのオプションが用意されています（ここでは、並行して作業中のmyMailアプリケーションのレイアウトの例でそれらを示します）。
私たちはすぐにオプション＃1を拒否しました：近くの2つのアイコンは混乱を招き、選択が難しくなります。 また、アクションの数は減りません。 残りのレイアウトには、長所と短所の両方がありました。 たとえば、オプション番号2では、目的の写真を見つけるためにサムネイルを長時間スクロールする必要がある場合があります。 しかし、ユーザーは同じコンテキストに留まっているため、混乱することはありません。手紙を書くための画面上です。 最適なオプションを選択するために、テストを実施しました。
プロトタイピングと検証
設計オプションは、最初のレビューとコメントを収集するために他の部門の人に見せるために役立ちます。 同僚にレイアウトを与え、彼らの反応を分析しました。 調査の結果によると、彼らはオプション番号2を選択しました-ダイアログにサムネイルがあります。
機能に関する次の作業段階は、プロトタイピングです。 プロトタイプを使用すると、開発に時間を浪費せずに機能を実際に試すことができます。 プロトタイプ作成にはさまざまなツールを使用します。この場合、プロトタイプはPOPアプリケーションで作成されました。
完成したプロトタイプは、 ユーザビリティ研究所に移されました。 テストのために、設計または開発のいずれかの専門的な活動に関連付けられていないメールアプリケーションのユーザーを招待しました。 彼らは、1枚または数枚の写真を手紙に添付するよう求められました。 制御のために、モバイルデバイスで作業するときの目の動きを記録するアイトラッカーが使用されました。 テストの結果、写真を添付するこのオプションはシンプルで便利であることがわかりました。 欠点もありました：
- 写真を選択した後、ファイルの下のアイテムの1つが「添付」ボタンに変わったことに、人々はいつも気づきませんでした。
- ユーザーは、選択したファイルの数を表示するように求められます。
新しい設計バージョンでは、すべてのコメントと観察事項を考慮しました。 ボタンがより見やすくなり、写真の数が示されました。
この設計を開発に渡しました。
ベータテスト
各アプリケーションには、公式リリース前に更新を受け取るベータ版ユーザーベースがあります。 多くの場合、バグや欠点を特定したり、機能の改善方法に関するアイデアを提案したりするのに役立ちます。 それが今回でした：ベータテスターのコメントは私たちにアイデアを与えてくれました-写真の添付ボタンをさらに目立たせて便利にするということです。
設計テスト中にアタッチボタンがどのように変化したかを次に示します。
結論として、iOSユーザー向けのMail.Ru Mailでは、他のメールクライアントよりも速く写真を添付できるようになりました。 比較のために、一般的なメールアプリケーションで3枚の写真を添付するのに必要なクリック数を確認します。
| アプリケーションバージョン | クリック数 |
|---|---|
| Mail.Ru Mail、3.4 | 5 |
| Mail.Ru Mail、3.0 | 6 |
| Yandex.Mail、2.08 | 7 |
| Gmail 4.0 | 15 |
| Apple Mail、iOS 8.4 | 18 |
PS Mail for iOSにユーザーの希望を推測させる（この場合、Camera Rollから最新の写真を開く）ように教えることで、タパスの数を減らしました。 思考を読み取るアプリケーションを作成していることに注意してください。 Mail.Ru Mailに役立つ他の「テレパシー」機能があれば、コメントでそれらについて教えてください。