web-dev-qa-db-fra.com

Qu'est-ce qui rend la mise en page d'Instagram si populaire?

Lorsque je demande aux clients, collègues et amis pourquoi ils préfèrent de beaucoup utiliser Instagram à certaines de leurs applications de partage de photos en interne (à la mode), ils répondent que c'est principalement la propreté et leur "élégance" perçue qui le rendent plus attirant.

Cela m'a fait me demander s'il y avait quelque chose dans son interface utilisateur: l'utilisation de la symétrie, de la géométrie, des espaces blancs ou de la façon dont les marges sont égales à la fois verticales et horizontales, etc., ce qui rend la mise en page d'Instagram particulièrement réussie à capturer le cœur de ses millions d'utilisateurs.

Je me demande si quelqu'un pourrait l'expliquer ou le décomposer avec plus d'éloquence.

J'ai joint ces images.

That makes it so elegant?

enter image description here

4
blurgoon

Avertissement: Bien qu'Instagram soit en effet très populaire et fasse un excellent travail d'adhésion à des principes de conception solides, il est important de souligner qu'Instagram n'est pas une solution universelle. Il est plus important de comprendre le problème que vous résolvez, y compris le contexte dans lequel vous le résolvez, afin de produire le meilleur résultat pour vos utilisateurs.


1. Contexte = Qui + Quoi + Où + Quand

Instagram comprend très bien le contexte dans lequel il fonctionne , ce qui explique en grande partie son succès. Les gens aiment documenter leur vie en ligne. Prendre des photos est un excellent moyen de le faire, car de nombreuses personnes portent un téléphone appareil photo partout où elles vont. Instagram offre un moyen facile d'enregistrer le journal photo de votre vie à l'aide d'un smartphone.

L'application a traversé de nombreuses itérations jusqu'à ce que la plupart des problèmes majeurs soient résolus ...

  • Partagez facilement vos photos avec votre famille et vos amis (ou même avec vous-même)
  • Application rapide de filtres pour définir l'ambiance de votre photo
  • Sauvegarde des photos dans le cloud au cas où vous casseriez ou perdriez votre téléphone

La décision de tout recadrer comme un carré n'était pas un accident. Les carrés sont une forme solide qui s'adapte facilement à n'importe quel appareil. La plupart des photos sur Instagram sont capturées à l'aide d'un smartphone et en recadrant toutes les images à la largeur de l'appareil laisse de la place pour de simples options d'édition près du bas de l'écran facilement accessibles par le pouce d'une seule main.

2. Moins c'est plus ... réactif

La disposition des cartes fonctionne bien sur à peu près n'importe quel appareil et existait bien avant Instagram. La chose qu'Instagram fait vraiment bien n'est pas d'encombrer l'interface de statistiques et de texte. Ils ne montrent que l'élément de données le plus critique - l'image elle-même.

Les statistiques peuvent être vues en survolant ou en cliquant sur une image, mais le chargement initial de la page est juste assez de cartes d'image carrées pour remplir l'écran avec une courte biographie de qui appartiennent les images.

Remarquez comment tout le contenu téléchargé par l'utilisateur est un carré? Cela contraste avec les autres éléments de la page, comme le grand cercle LOAD MORE bouton...

responsive

1
DaveAlger

Instagram est populaire en raison de son contenu. La mise en page met l'accent sur le contenu et se met à l'écart. Il n'y a rien de superflu dans la mise en page. L'accent principal est mis sur les images, secondaire sur les commentaires/j'aime et le reste est principalement la navigation tertiaire et la fonctionnalité.

1
DA01

Je ne pense pas que la popularité de l'IG ait beaucoup à voir avec l'interface utilisateur mais plus avec UX. Il donne à l'utilisateur une satisfaction instantanée de sa valeur personnelle et de sa validation. Pour plus d'informations sur le succès de IG, veuillez lire ce livre: http://www.goodreads.com/book/show/22668729-hookedenter image description here

0
Stanley VM

quelque chose sur son interface utilisateur: l'utilisation de la symétrie, de la géométrie, des espaces blancs ou de la façon dont les marges sont égales à la fois verticales et horizontales, etc.

Autrement dit, c'est bien conçu !

Un design visuel qui se sent "bien" n'est pas quelque chose que tout le monde comprend intuitivement. Comme l'art, il faut du temps pour développer le bon goût et des années pour apprendre à bien faire. Il pourrait même ne pas être enseignable du tout.

Voici cependant un début:

  • Vous avez raison, la symétrie et l'espace blanc sont généralement agréables pour les yeux.
  • Les marges dans la conception d'Instagram sont suffisamment larges pour voir les images sous forme de cadres individuels, ce qui empêche les couleurs de "mushing" ensemble ...
  • ... mais suffisamment étroit pour afficher de nombreuses photos à la fois, ce qui permet à votre œil d'explorer librement lorsque vous faites défiler.
  • Plus important encore, le design met l'accent sur les images elles-mêmes, qui sont souvent magnifiques, et ne laisse pas d'autres choses détourner votre attention d'eux.

En savoir plus sur ce qui fait un bon design ici: https://www.vitsoe.com/us/about/good-design

0
Sam Pierce Lolla