Instagramの再設計：インターフェイスの分析と再考の経験

私は自分にタスクを設定しました。毎日大好きなアプリケーションを使用し、ゼロから作り直してデザイナーとしての創造性をテストします。

Instagramを選んだのは、2011年、つまりローンチから1年後に忠実なフォロワーになったからです。

最初はフィルターにInstagramを使い始めました。 しかし、過去6年間で、アプリケーションに現れたさまざまな変更と革新を確認して評価することができました。 そして今、私は絶えずInstagramを使用して、自己表現と現代のトレンドの追跡を行っています。

私はインスタベテランだと言えます。



注 ：私はInstagramでは仕事をしておらず、この研究で自分の意見を述べています。 Instagramで作業するデザイナーとは異なり、私は現在のデザインに影響を与えたすべてのユーザーデータへのフルアクセスがありません。 その結果、このケーススタディは網羅的ではなく、もちろん、Instagramが現在のデザインを放棄して私のバージョンを受け入れることを提案しません。

これらすべてを行う上での個人的な目標

再設計の目標は次のとおりです。

• コンテンツの検索時と通信時の両方で、よりシンプルでスムーズなユーザーエクスペリエンスを提供する
• より代表的で直感的なユーザーインターフェイスを作成する
• ユーザー中心の設計（ HCD ）を作成します。

個人的な開発の私の目標は次のとおりです。

• オーディエンスの調査と結果の分析、フローチャートとワイヤーフレームの作成、Sketchの使用、InvisionのPrincipleとプロトタイプを使用したアニメーションの作成方法を学ぶ
• 最初の設計プロジェクトを最初から最後まで完了し、 私の設計原則を順守します。

この再設計を作成するプロセスで私が果たさなければならなかった役割：

• 聴衆研究者
• アナリスト
• UI / UXデザイナー
• プロダクトデザイナー

簡潔にするために、この記事にはスケッチとワイヤフレームを含めませんでしたが、必要に応じてここで表示できます 。

Instagramを理解する

Instagramは、人生の美しい瞬間を保存および共有するためのプラットフォームをユーザーに提供する視覚的な物語のアプリケーションです。 2010年にアプリが公開されて以来、Instagramのユーザーベースは数億人にまで成長し、世界中の人々がソーシャルネットワークに参加して人生の瞬間を共有できるようになりました。

増え続けるユーザーの数に対応するために、Instagramは「世界中からの瞬間を共有する」という使命を推進するための革新的なアイデアを絶えず考案しています。

聴衆の調査と結果

再設計プロジェクトを開始する前に、 40人のInstagramユーザーにインタビューして、開発対象者のより詳細なポートレートを取得しました。

• 典型的なInstagramユーザーはどのように見えますか？
• Instagramを使用する彼の理由は何ですか？
• 彼が何度も何度も戻ってくるのはなぜですか？

これらのインタビューは、直接、電話で、またはビデオ通話で行いました。





ターゲットオーディエンスの人口統計のポートレート。

私が話した40人のインスタグラマーの中には、10人の男性と30人の女性がいました。 男性ユーザーの年齢は22〜27歳で、女性の年齢は19〜25歳でした。 回答者の65％は現在、高等教育の計画を持っている大学生または高校卒業生です。

Instagramユーザーの90％が35歳未満であるため、現在のInstagramユーザーベースからのそのような選択が代表になると計算しました。 さらに、米国では、 18〜29歳の人々の55％がInstagramユーザーです。

さらに興味深いことに、調査したユーザーの67.5％が、Instagramを最も使用頻度の高い3つのアプリの1つとしてランク付けしました。 さらに、調査対象者の72.5％が毎日Instagramを使用しています。

楽しみは続く

インスタグラムを3つの形容詞で説明するために、一緒に働いた40人のインスタグラマーに尋ねました。 Instagramについてどう思いますか？ それをどのように感じますか？

合計で、64個の形容詞を受け取りました。
それらの中で最も人気のあったものは次のとおりでした： Creative 、 Interesting 、 Simple 。

また、Instagramで彼らが好きなものを尋ねました。 最も一般的な3つの答えを次に示します。

• そこに勝つ画像
• 明確で使いやすいです。
• 他の人と連絡を取り合うのに役立ちます。

典型的なInstagramユーザー画像

あなたは誰に似ていますか？ Instagramを使用して自分の人生の瞬間を共有し、時には検索機能を使用して興味深いものを見つけるAlexaでは、 むしろ、Instagramを使用して自分の興味を共有している友人と連絡を取り合うサムについてはどうでしょうか？ または両方？

いずれにせよ、デザインの独自のバージョンを作成するとき、私はあなた、サム、アレックスなどのユーザーのニーズを考慮します。

私が開発している人のためのアイデアを作り上げたので、私たちは最もエキサイティングなものに進むことができます！

体験No.1：ホーム

ホームページの繰り返し機能に加えて、私はさらに3つの深刻な問題に注目しました。

問題1：コンテンツが多すぎる（Insta Stories vs News Feed）

Instagramユーザーがアプリケーションを起動するときに最初に遭遇することは、彼の注意を引くために戦う2つの主な機能です。 彼は何をすべきか-ストーリーをめくるか、ニュースフィードを見る？

両方の機能はコンテンツで非常に飽和しています。 このすべてのスクロールに終わりがないと感じるかもしれません。 選択のパラドックスに関する研究によると、オプションの豊富さは、奇妙なことに十分ではない経験をもたらし、疲労、罪悪感、または重要なものを見逃す恐れ（FOMO）を引き起こす可能性があります。 これは、私がインタビューしたインスタグラマーのほぼ半数が、自分の言葉で、目覚めた直後および/または就寝前の夜にInstagramを閲覧していることを考えると、特にそうです。

注 ：私の意見では、この選択の推論と論理は本当に独創的であったため、2016年にInstagramが実装したミニマリストのデザインと配色を維持することにしました。 あなたはここでそれについて読むことができます 。

この問題を解決するために、いくつかの理由でinstaストーリーをニュースフィードに直接統合することにしました。

これで、ニュースフィードとストーリーが連動して、ユーザーによりシームレスなエクスペリエンスが提供されます。

ニュースフィードに記事を統合すると、 Julie Zhuo （Facebookの製品デザイン担当副社長）が言及したいわゆる「屋根効果」も防止されます。 Instagramのデザインが現在実装されている形式では、ユーザーがニュースフィードのスクロールを開始するとすぐに、インスタンスが簡単に忘れられます。 見えない、気にしない。


フィードにストーリーが導入されたおかげで、Instagramは可変比率による強化スキームに取り組みます。 これは、ターゲットの動作（この場合はインスタンスとの相互作用） に対して最大の応答を提供する最も強力なインセンティブツールです 。



注 ：心配しないでください。Instastoriesはまったく削除しませんでした。 メインページの右上隅のアイコンをクリックして移動できる受信トレイに移動しました。 以下で、これについて詳しく説明します。

問題番号2：トップナビゲーションとスワイプの接続の欠如

オーディエンスの調査の過程で答えようとした主な質問の1つは、メインページのスワイプ機能を直観的と見なせるかどうかです。

簡単に言えば、Instagramユーザーは、左右のスクロールが上部のナビゲーションバーに表示される機能に対応していることを知っていますか？

この質問に答えるために、インタビュー中に比較的簡単な実験を行いました。

方法（n = 40）

この実験を開始する前に、インタビューのこの部分の間、Instagramで見張ってはいけないことを回答者に思い出させました。 次に、各ユーザーにInstagramインターフェースを視覚化するように依頼し、標準のInstagramプロファイルのビューを上から下まで説明しました。 そして、メインページで同じことを行います。 ホームページについて説明した後、4つの簡単な質問をしました。

スワイプに関する質問：

• ホームページを開いて画面を左から右にスワイプすると、どこに行きますか？ 回答：カメラ、新しい投稿、履歴。
• ホームページを開いて画面を右から左にスワイプすると、どこに行きますか？ 回答：受信トレイ

上部のナビゲーションバーに関する質問：

• 新しいストーリーを作成するために画面に移動する方法は？ 回答：左上隅のカメラアイコン
• 受信トレイに行く方法は？ 回答：右上隅の矢印アイコン

注 ：ユーザーが「画面を左/右にスワイプ」の質問のこの部分に回答した場合、別の回答を提案しました（______にアクセスする別の方法を知っていますか？）

ここに私が収集したすべてのデータがあります。

私の結果に基づいて、一般的に、Instagramでのスワイプの使用方法に関するユーザーの知識には、多くの要望があります。

• すべての質問に正しく回答した回答者はわずか20％です。
• 30％は少なくとも1つの正解を与え、50％は1つの正解を与えませんでした。
• 50％の人は、画面を左から右にスワイプするとカメラが開くことを知っています。
• 20％の人は、画面を右から左にスワイプすると、受信メッセージのリストが開くことを知っています。

トップナビゲーション：

• 72.5％の人は、右上の矢印アイコンをクリックすることで受信トレイにアクセスできることを知っています。
• 55％の人々は、左上のカメラアイコンをクリックしてストーリーを公開できることを知っています。

さらに興味深い事実と統計：

• 40人の回答者のうち、4つすべての質問に正しく答えたのは3人だけでした。
• Instagramナビゲーションの知識を1から5のスケールで評価するように頼んだところ、75％の人が4以上を設定しました。 これらの人々のうち、スワイプに関する質問の少なくとも1つに正解したのは30％だけです。
• 誤って答えた人の92.3％は、左にスクロールすると検索ページに移動すると考えていました。 （そして、これはロジックです。検索アイコンは、下部ナビゲーションブロックの「ホーム」アイコンの隣にあるからです）。

結果を分析すると、Instagramユーザーはトップナビゲーションとスワイプ機能の間の接続が表示されないことがわかります。

「わかりません。 必要なものが見つかるまでボタンを押すだけで、突然顔が見えます...」

スクロールジェスチャを直感的にする1つの方法は、スクロールジェスチャを下部のナビゲーションバーに関連付けることです。 しかし、私はここで自分にとって完全に新しい機能を実装する絶好の機会を見ました...


スクロールして新しいメッセージと古いメッセージを表示する

私の視聴者調査の一部は、App StoreでInstagramのレビューを取得することでした。 Instagramユーザーの主な不満の1つは、ニュースフィードの投稿が時系列に並べられていないという事実に関連しています。

人々が自分のフィードを時系列に並べる理由を理解したかったのです。 なぜ彼らはこの変化にとても怒っているのですか？ 質問をさらに深く掘り下げることで、ユーザーが年表を堅牢性に関連付けていることがわかりました。 現在のInstagramアルゴリズムでは、人気のある投稿（見たい投稿と見なされる）はフィードの上部にあります。 Instagramユーザーは、本当に興味深いコンテンツをスキップすることが多いため、動揺します（言い換えると、FOMO（重要な何かを見逃す恐れがある）を経験します）。

現在のInstagramアルゴリズムとユーザーのニーズの間の妥協を時系列で見つけるために、インジケーターを使用してこのスクロール機能を実装し、ユーザーを少し安心させることにしました。



インジケーターが中央にあるとしましょう。 したがって、これは最新のエントリではないことを理解しており、右にスクロールしてより新しい投稿を表示できます。 インジケータが左側にある場合、このユーザーの最新の投稿が表示されていることを確認できます。 古い録音を表示するには、左にスクロールし続けるだけです。

問題番号3：左上隅が手の届かないところにある（視界の外、気にしない）。

人々はさまざまな方法で携帯電話を保持します 。 しかし、どの方法でも、1つのことは変わりません。画面の左上隅は、ユーザーにとってナビゲーションバーを配置するのに常に最も不快で苦痛な場所です。 ストレッチ、ストレッチ、ストレッチ*電話があなたの顔に落ちる* ...など。

調査によると、ナビゲーション要素を配置するのに最もアクセスしやすく痛みの少ない場所は、電話の底部、つまりユーザーの親指の隣になります。


私のデータによると、調査対象の人々の100％が自分のチャンネルに投稿する方法を知っています（定期的に投稿しているため）。 ただし、同じ人の57.5％のみが、ストーリーの公開方法を知らないか、単にこの機能をまったく使用しません。 記事を投稿するアクティビティを増やすために、2つの公開機能を組み合わせることにしました。1）簡単にアクセスできるようになったため、2）指を交差させてニュースフィードの人気が記事にも広がることを期待できるからです。

体験番号2：検索と発見モード

これで、組み込みのInstagramアルゴリズムを使用して自発的に検索する機会と、保存したハッシュタグの個人的なコレクションからコンテンツを検索する「目的」の両方が可能になりました。 したがって、サムとアレックスは、「＃ecgtracing」または「#fitness」をプラグインするだけで、関心のあるトピックの最新情報を確認できます。

私の場合、おそらく「#coffeefliicks」と「#dametravelers」を追跡して、コーヒーやさまざまな場所の美しいスナップショットを賞賛します。 各ハッシュタグを順番にクリックして、一度に1つずつ開き、プルダウンしてページを更新し、アクティブなすべてのハッシュタグを一度に表示できます。 また、新しいハッシュタグの追加、古いハッシュタグの削除、またはコレクション内の検索をクリックするオプションもあります（そして、それらはすべてアルファベット順に並んでいます）。

体験No.3：DMと歴史に移る

調査したユーザーの42.5％のみがInstastoriesを使用しました。 人々がInstastoriesを使用しなかった主な理由の2つは、1）既にSnapchatを持っていることと、2）彼らに特に興味のない人々の物語に常に出会うことです。

2番目の理由に対処するために、「Stories From Your Favs」という新しい機能を実装し、人々がより有意義かつ意図的にInstastoriesを使用できるようにしました。

これで、あなたが愛する人、崇拝する人、または賞賛する人に関するストーリーがストリームの最上部に表示されるので、いつでもポジティブなメモを見ることができます。 私はこれを理解しています-連絡を取り合いましょう！

ニックネームの横にあるハートをクリックすることで、お気に入りリストから簡単に削除または追加できます。 （本当にかわいい？）



参考 ：ストーリーをDMに移動することにしたのはなぜですか？ まず、ニュースフィードから削除したため、どこかに添付する必要がありました。 次に、ストーリーへの返信としてコメントや写真を送信すると、受信トレイに直接移動します。 したがって、InstastoriesとDMを1つの大きな楽しいパッケージにグループ化することは理にかなっています。

別の注意：現在の受信トレイインターフェースには下部のナビゲーションバーはありません。 ユーザーは、スクロール機能の使用方法を知っている場合にのみメインページに戻ることができます。前述したように、調査対象のユーザーの20％のみが左にスクロールするとDMにつながることを知っていました。 このことを念頭に置いて、この場合、ユーザーが失われないように下部ナビゲーションを静的にすることにしました。

体験番号4：アラートとプロファイル

そして、これが最後の噴出です。 通知とプロファイルのあるページでは、同様の要素をグループ化して結合することにより、インターフェースにもっと空きスペースを残したかったです。



さらに、アラートページから直接投稿にいいねとコメントを付けることができるようになりました。ユーザー名をクリックしてホールドするだけです（短く押すとプロフィールに移動します）。 長押しするとコメントフィールドの表示が有効になり、@ユーザー名がすでに入力されます。 あとは、テキストを入力して[送信]ボタンをクリックするだけです。

そのような機能は非常に役立つように思えた-結局のところ、Instagramは時々投稿の下のコメントで非常に簡単にownれることがあります。 彼の名前は何ですか？ そのコメントはどこにありますか？ それは何についてですか？

アラート

そして今日の最後の興味深い事実：私がインタビューしたInstagramユーザーの35％だけが、彼らがフォローしている人々のフィードを定期的に見ています。 この関数を残したり削除したりすることが、私がしなければならなかった最も難しい決定であることが判明しました。 それにもかかわらず、私はそれを保存することにし、写真が大きくなり、より注目を集めるように、デザインを修正することに自分自身を限定しました。

プロフィール

正直なところ、Instagramの現在のデザインが気に入っています。 ミニマリズムをさらに強化するために、アイコンのデザインをわずかに変更し、空きスペースを追加して、他のページのインターフェースにより似たものにしました。

完了した作業の分析

このプロジェクトを引き受けたとき、これはデザインスキルを磨く絶好の機会であることに気付きました。 プロダクトデザイナーの職業を学び始めたばかりです。この学期の前に、私は医学に従事していました。 したがって、私は少し学ぶための最善の方法は、あるプロジェクトに真っ向から駆け込んでから、そのプロジェクトの一番下に行くことだと判断しました。

振り返ってみると、私の期待は過小評価されていたと言わざるを得ません。 過去2か月間、私はプロジェクトでの作業を計画していただけでなく、さらに多くのことを研究することができました。

独学と創造的プロセスの最も楽しい側面の一つは、あなたが自分自身を監督することだと思います。 何が機能し、何が機能しないかを見つけます。 より速く、より良く、より効率的にそれを行う方法を学びます。 あなたは、これが何をするのかのために、何を学ぼうとしているのか、途中でいろいろなことをマスターします。

そして最もクールなこと：これに終わりはありません。 学習プロセスは永遠に続く可能性があります。

設計は簡単にはなりませんが、あなたのためにうまく機能し始めます。

以上です。 ご清聴ありがとうございました！ ここで完全なインタラクティブプロトタイプを表示できます。