Instagramのレイアウトが人気の理由は何ですか？
クライアント、同僚、友人に、自社のブランドの社内写真共有アプリよりもInstagramを使用することを好む理由を尋ねると、彼らは、ほとんどが清潔さであり、それについての彼らの「エレガントさ」がそれをより魅力的にしていると答えています。魅力的。
それは、UIに何かがあるかどうか疑問に思いました：対称性、ジオメトリ、空白、またはマージンが垂直と水平の両方で等しい方法など、Instagramのレイアウトは何百万ものユーザーの心を捉えるのに特に成功しています。
誰かがそれを説明したり、もっと雄弁に分解したりできるのではないかと思っています。
これらの画像を添付しました。
免責事項：Instagramは確かに非常に人気があり、しっかりとしたデザインの原則を順守するという優れた仕事をしますが、Instagramはすべてのソリューションに適したサイズではないことを指摘することが重要です。ユーザーに最良の結果をもたらすには、解決しようとしている状況を含め、解決している問題を理解することがより重要です。
1.コンテキスト=誰+何+どこ+いつ
Instagramは、非常にうまく機能しているコンテキストを理解しています。人々は自分の生活をオンラインで記録するのが好きです。多くの人がどこにでもカメラ付き携帯電話を携帯しているので、写真を撮ることはこれを行うための素晴らしい方法です。 Instagramは、スマートフォンを使用して人生のフォトジャーナルを簡単に記録する方法を提供します。
アプリは何度も繰り返されました 主要な問題のほとんどが解決されるまで...
- 家族や友達（または自分だけ）と簡単に写真を共有
- フィルターをすばやく適用して、写真のムードを設定します
- スマートフォンが壊れたり紛失した場合に備えて、写真をクラウドにバックアップする
すべてを正方形としてトリミングするという決定は偶然ではありませんでした。正方形は、どのデバイスでも簡単に拡大縮小できる固体の形状です。 Instagramのほとんどの写真はスマートフォンを使用してキャプチャされ、すべての画像をデバイスの幅に合わせてトリミングすることで、片手で親指で簡単にアクセスできる画面の下部にある簡単な編集オプションの余地を残しています。
2.少ないほど良い...応答性
カードのレイアウトは、ほぼすべてのデバイスでうまく機能し、Instagramよりもずっと前からありました。 Instagramが本当にうまく機能しているのは、統計情報とテキストのインターフェースが雑然としているわけではありません。それらは最も重要なデータのみを表示します-画像自体。
統計は写真の上にホバーするかクリックすることで確認できますが、最初のページの読み込みは、画像が属している人物の短い略歴とともに画面を埋めるのに十分な正方形の画像カードです。
ユーザーがアップロードしたすべてのコンテンツが正方形であることを確認してください。これは、大きな円LOAD MOREボタンなど、ページ上の他のものと対照的です...
その内容からインスタグラムが人気です。レイアウトはコンテンツを強調し、基本的に邪魔になりません。レイアウトに不必要なものはありません。主な焦点は画像、2番目はコメント/いいね！で、残りは主に3次ナビゲーションと機能です。
IGの人気はUIとはあまり関係がないと思いますが、UXのほうが関係していると思います。それはユーザーに自己価値と検証の即座の満足感を与えます。 IGの成功の詳細については、この本をお読みください： http://www.goodreads.com/book/show/22668729-hooked
そのUIについての何か：対称性、ジオメトリ、空白の使用、またはマージンが垂直と水平の両方で等しい方法など
簡単に言えば、それはよく設計されています！
「正しい」と感じるビジュアルデザインは、誰もが直感的に理解できるものではありません。アートのように、センスがよくなるまでには時間がかかり、上手に学ぶには何年もかかります。それはまったく教えることさえできないかもしれません。
ここからが始まりです：
- そうです、通常、対称性と空白は目に簡単です。
- Instagramのデザインのマージンは、画像を個別のフレームとして表示するのに十分な幅があるため、色が「混み合う」のを防ぎます...
- ...まだ十分に狭く、一度に多くの写真を表示できるため、スクロールしながら目を自由に探索できます。
- 最も重要なのは、デザインが写真自体に焦点を当てることです。これは多くの場合美しいものであり、他のものがあなたの注意をそれらからそらすことができません。
優れたデザインの詳細については、こちらをご覧ください： https://www.vitsoe.com/us/about/good-design