Design : iOS 11 comparé à iOS 10

Stéphane Moussie | | 17:30 |  87

L’application Musique d’iOS 10 était bien annonciatrice d’une évolution de design plus général. Dans iOS 11, le nom des applications et de leurs sections ne sont pour la plupart plus au centre de l’écran, mais à gauche, dans une taille et une épaisseur largement supérieures.

Divers éléments ont été arrondis. C’est le cas des boutons de la Calculette et des coins des fenêtres de Safari. Les icônes ne sont plus creuses, mais remplies (ou moins fines), ce qui contribue également à cette impression de rondeur. Des ajustements seront peut-être effectués au cours de la phase de bêta, mais la tendance est nette et claire.

Écran d’accueil. Remarquez la disparition du nom des applications figurant dans le Dock. Cliquer pour agrandir
Centre de contrôle. Cliquer pour agrandir
Écran quand on glisse le doigt vers le bas. Sur iOS 10, les notifications sont présentées. Sur iOS 11, c’est l’écran de verrouillage qui apparaît. Il faut faire un nouveau geste pour voir les précédentes notifications. Cliquer pour agrandir
Réglages. Cliquer pour agrandir
Saisie de code. Cliquer pour agrandir
Mail. Cliquer pour agrandir
Mail. Cliquer pour agrandir
Photos. Cliquer pour agrandir
Wallet. Cliquer pour agrandir
Notes. Cliquer pour agrandir
App Store. Cliquer pour agrandir
App Store. Cliquer pour agrandir
Calculette. Cliquer pour agrandir
Contacts. Cliquer pour agrandir
Téléphone. Cliquer pour agrandir
Safari. Cliquer pour agrandir
Siri. Cliquer pour agrandir
Catégorie : 

Les derniers dossiers sur iGeneration

Ailleurs sur le Web


87 Commentaires

avatar reborn 16/06/2017 - 17:35 via iGeneration pour iOS

Il y aurait un message caché dans les 2 dernières capture ?

Siri ne comprend tjrs rien, aussi bien sous ios 10 qu'ios 11 ^^ ?

avatar kakaroth 16/06/2017 - 17:36 via iGeneration pour iOS

J'aime bien l'app Wallet dans le centre de control.
Je vais peut être migrer mes cartes vers cette app du coup.

avatar MacGruber 16/06/2017 - 17:36 via iGeneration pour iOS

C’est vraiment plus agréable je trouve.

avatar C1rc3@0rc 16/06/2017 - 22:20

Et plus coherent surtout.
Un abandon du flat design et un retour au skeuemorphisme qui se profile pour iOS 12 ?

avatar reborn 16/06/2017 - 22:53 via iGeneration pour iOS

@C1rc3@0rc

"skeuominimalist" je dirais, ios 9 apportait déjà légèrement plus de consistance. Et depuis cela va dans ce sens

avatar DomJ 16/06/2017 - 17:41 via iGeneration pour iOS

42, Steve Jobs,... j'adore ! 👌🏼🤣

avatar TimeMachine 16/06/2017 - 17:42 via iGeneration pour iOS

Le centre de contrôle me fait penser à ma télécommande de la dernière Apple TV.

avatar Bigdidou 17/06/2017 - 09:06 via iGeneration pour iOS

@TimeMachine

"Le centre de contrôle me fait penser à ma télécommande de la dernière Apple TV."

Ah oui, tien. Absolument, maintenant que tu le dis.
Le skeuomorphisme qui rentre par la fenêtre...;)

avatar bhelden 16/06/2017 - 17:51 via iGeneration pour iOS

Les gros titres prennent bien trop de place dans l'écran... Une vraie plaie ergonomique !
En parlant de ça, on passe d'un à deux gestes pour accéder au notifications, c'est quoi le délire de vouloir ramener sur l'écran de verrouillage ?

Le nouveau CC, je n'aime pas. Plein d'icônes bien bazardeuse et mal agencée ; celui d'iOS9 reste clair et concis.

Non vraiment ils font quoi chez Apple ? Ils deviennent tous vieux d'où leur envie de tout grossir ? Et qu'on me dise pas que c'est la tendance actuelle du design je suis dans le domaine.
Twitter a adopté ce même style du tout blanc tout rond avec titre gras mais ça reste assez simple sans être trop volumineux ni exagéré.

Je ne suis pas passé sur iOS10, je ne passerai pas sous iOS11.

PS : Merci pour l'article MacG.

avatar Kenny31i 16/06/2017 - 17:57 via iGeneration pour iOS

@bhelden :
Effectivement, étant UX designer j'ai du mal à comprendre certains choix. Ces trais épais et grossiers ne sont pas raccord avec le design minimaliste des produits.

Et puis ces titres énormes (on aime ou pas) font perdre énormément d'espace sur nos écrans...

La typo grasse me fait penser a un prototype pas terminé...dommage =/

Je suis encore sous iOS 8.3 (app musique <3) et je vais donc y rester. Au moins sur iPhone en tous cas ^^

avatar reborn 16/06/2017 - 18:04 via iGeneration pour iOS

@Kenny31i

J'aimerai surtout comprendre pourquoi cette tendance d'UI est justement une tendance si elle est si foireuse que ça. Car Apple n'est pas la seule à s'y mettre. Microsoft avec le redesign en cours de W10, la nouvelle UI de skype..

avatar iPop 16/06/2017 - 23:20 via iGeneration pour iOS

@reborn

C'est pas vraiment une tendance. C'est plutôt un appel du pied aux développeurs pour pouvoir adapter plus facilement et donc rapidement leur application pour Windows.

avatar C1rc3@0rc 16/06/2017 - 22:31

@Kenny31i

« Ces trais épais et grossiers ne sont pas raccord avec le design minimaliste des produits.»

Peut etre pour une question d'ergonomie, du genre la notion un peu compliquée a saisir, qu'un elements de controle a besoin d'etre visible et identifiable rapidement et de se dissocier du contenu et encore plus de la decoration...

«Effectivement, étant UX designer j'ai du mal à comprendre certains choix.»
Et c'est quoi ta formation? Quel cursus en ergonomie?

Et pourquoi ils ont pas fait un controle en forme de chaton?
PS regardes ça, vers 5:30...
https://www.youtube.com/watch?v=BKorP55Aqvg

avatar Kenny31i 18/06/2017 - 13:01 via iGeneration pour iOS

@C1rc3@0rc :
Jean-prétentieux, ils sont parfaitement identifiables pour peu que l'on ouvre les yeux. Ces titres énormes sont une aberration ergonomique qui occupent un tiers de l'écran pour rien.

avatar grigby 18/06/2017 - 14:09 via iGeneration pour iOS

@Kenny31i

Et les jean-designs sont pas mal aussi...

avatar Kenny31i 18/06/2017 - 18:45 via iGeneration pour iOS

@grigby :
Ouais ok ;)

avatar SquallX 16/06/2017 - 17:58 via iGeneration pour iOS

@bhelden

Sûrement pour pouvoir voir l'heure rapidement si elle disparaît de la headerbar.

avatar CaptainBinouz 16/06/2017 - 19:42 via iGeneration pour iOS

@bhelden

C'est peut-être la différence entre un designer comme vous qui suivez la tendance du design, et les designers d'Apple qui inventent la tendance de demain...

avatar 7X 16/06/2017 - 20:30

Ils inventent et les moutons suivent... quitte à tomber de la falaise. Mon 4S est resté à iOS6 pour cause de design. Mon SE restera sans doute en iOS9. Il faut savoir s'affranchir de la mode : sobriété, efficacité.

avatar C1rc3@0rc 16/06/2017 - 22:32

Pourtant le design de l'interface a peu evolué entre iOS 7 et iOS 9...

avatar bhelden 16/06/2017 - 21:30

@CaptainBinouz

Inventer une tendance graphique c'est bien, mais il faut aussi penser à l'expérience utilisateur; et là dessus il y a une grande liste de chose à régler sur ce dernier OS.

En voyant les quelques aperçus d'application d'iOS11 je me suis fait une nouvelle réflexion : pourquoi Apple rappel le nom de l'application en haut de l'écran ? Si tu ouvres une application, c'est que tu as un objectif derrière, que tu sais à quoi elle correspond et ce que tu peux faire avec.
Par exemple, tu veux passer en mode avion ; tu ouvres l'application Réglage officiel et la première chose que tu vois en gros/gras à 24-28px, c'est le texte "Réglage". Est-ce utile ça de rappeler à l'utilisateur le nom de l'application ouverte? Enlevons cet élément qui prend 6-7% de l'écran et laissons place au contenu même de l'application (Profil du propriétaire, etc.).

Votons pour un #iOS ET un #padOS.

avatar CaptainBinouz 17/06/2017 - 08:19 via iGeneration pour iOS

@bhelden

Je ne disais pas que le design du nouvel iOS était ergonomique ou pratique, je disais juste, puisque tu reprochais aux designers d'Apple de be pas suivre la tendance actuelle du graphisme, que ce n'était peut-être pas leur but, comme la plupart des graphistes et designers (qui du coup selon moi n'en sont pas vraiment).
Peut-être qu'eux, préfèrent imaginer la tendance de demain, plutôt que suivre l'actuelle. Mais je n'emets pas de jugement sur la praticité et l'intelligence du nouveau design qu'ils imaginent.

avatar macnewbie007 16/06/2017 - 19:52 via iGeneration pour iOS

@bhelden

"Les gros titres prennent bien trop de place dans l'écran... Une vraie plaie ergonomique"

Est-ce que ça n'annoncerait pas l'écran étiré en hauteur décrit par les rumeurs pour l'iPhone 8 ?

avatar bhelden 16/06/2017 - 21:13

@macnewbie007

C'est ce qui se dit dans toutes les rumeurs, qu'Apple préparerait son iOS au futur iPhone. Le problème majeur c'est que la présentation du contenu de l'OS est le même qu'importe la taille de l'écran ; que ce soit 4, 4.7 ou 5.5 pouces.

avatar Guillaume06 16/06/2017 - 22:24

@bhelden

Totalement d'accord avec toi

avatar pat3 17/06/2017 - 11:33 via iGeneration pour iOS

@bhelden

"on passe d'un à deux gestes pour accéder au notifications, c'est quoi le délire de vouloir ramener sur l'écran de verrouillage ? "

Je ne trouve pas ça terrible non plus, à voir à l'usage.

avatar jb18v 16/06/2017 - 17:52 via iGeneration pour iOS

C'est quoi le projet ? Perdre toute la place gagnée avec l'arrivée de 6/6+ ? 😕
Pas fan du tout.

avatar Moumou92 16/06/2017 - 17:53 via iGeneration pour iOS

Perso j'ai hâte d'adopter ce design...

avatar fousfous 16/06/2017 - 17:58 via iGeneration pour iOS

Non les titres en grand c'est une grosse erreur pour toutes les personnes qui ne vont pas avoir le nouvelle iPhone super allongé et dont l'écran sera coupé par le haut parleur et la caméra.
On voit tellement que c'est prévu pour mais même avec un iPhone 7 Plus on risque de se retrouver à l'étroit!

avatar TimeMachine 16/06/2017 - 18:41 via iGeneration pour iOS (edité)

@fousfous

Non. Sur le iPhone 7 Plus ça passe encore parfaitement. Par contre comme il n'y aura pas de modèle PLUS pour le iPhone 8, j'ai très peur de devoir passer à un écran moins large (cf le dernier article de MacRumors confirme que l'écran de l'iPhone 8 aura les dimensions d'un iPhone 7 allongé).

Donc tout bénéfice pour les possesseurs d'un modèle normal, mais une belle régression pour ceux qui aiment leur modèle Plus.

iPhone 7 : 375x667 (x2)
iPhone 7 Plus : 414x736 (x3)
iPhone 8 : 375x812 (x3) + l'espace pour dock/Touch Bar

Sympa sur la longueur. Beaucoup moins sur la largeur pour quelqu'un venant du 7 Plus.

Ce design très large donne parfaitement bien sur les grands iPad où il prend tout son sens (le nouvel App Store est superbe sur iPad à l'horizontal mais il laisse peu de place sur iPhone où l'on passe son temps à scroller. Un peu comme sur Apple Music où bcp moins d'info s'affiche visuellement depuis iOS 10.

avatar AppleAddictdu89 16/06/2017 - 17:59 via iGeneration pour iOS

Moi j'aime tout sauf les touches rondes du téléphone, ces cercles assombri avec les chiffres noir et le fond blanc sa fait trop terne je trouve

avatar Guillaume06 16/06/2017 - 22:27 (edité)

Modéré par la rédaction.

avatar cenker 16/06/2017 - 18:12 via iGeneration pour iOS

C'est quoi ces titres ?!
Ils pensent que nous sommes aveugle ?
Pourquoi pas mettre ce texte en taille 78 et le faire occuper les 3/4 de l'écran ?
Franchement on dirait vraiment quelque chose de pas fini ou sinon qu'ils cherchent à prendre de la place mais pourquoi ?
Bref je n'adhère vraiment pas à cette police disproportionnée ainsi qu'à d'autres modifications plus mineures iOS 11 ..
j'utiliserai mon 5s en cobaye mais il y a fort à parier que mon 7 restera sur iOS 10

avatar marenostrum 16/06/2017 - 18:30 (edité)

l'interface de l'app Musique est imposé partout. même dans les Réglages. c'est pas mal de changer souvent (pas drastiquement mais par petites retouches, comme le fait Apple), parce que le graphisme vieillit vite.

sur iPad c'est encore mieux. dommage que MacG pour l'illustrer le nouveau ne met que les apps officiels et pas n'importe quoi dans leur exemples (premier photo).

avatar kiddsoso 16/06/2017 - 18:37 via iGeneration pour iOS

Perso les gros titres en gras J’ADOOOORE

avatar occam 16/06/2017 - 18:57 via iGeneration pour iOS

@kiddsoso

On s'en doutait.

avatar marenostrum 16/06/2017 - 18:39

il faut aller sur le site officiel pour apprécier le nouveau design. tout le site de Apple, l'applique maintenant. ce site ne lui fait pas une bonne réclame. ça manque de cohésion ici.

avatar Kriskool 16/06/2017 - 19:01 via iGeneration pour iOS

Un léger style Windows phone dans le centre de contrôle, vous trouvez pas?

avatar reborn 16/06/2017 - 19:58 via iGeneration pour iOS

@Kriskool

Je trouve que cela a un style de.. springboard

avatar Kriskool 16/06/2017 - 19:05 via iGeneration pour iOS

Vous avez remarqué comme les titres sont tous déplacés à gauche et que l'espace sous lheure est laissé vide ?

ça présage sans doute d'un écran beaucoup plus haut sur l'iPhone 8 avec une échancrure au centre....

avatar Dazoudaz 16/06/2017 - 19:09 via iGeneration pour iOS

@Kriskool

Même qu’ils en parlent dans l’article...

avatar Rez2a 16/06/2017 - 19:36 via iGeneration pour iOS

@Kriskool

Vous oubliez que les titres se recentrent lorsqu'on scrolle un peu vers le bas, ils retrouvent la position qu'ils ont toujours eue. Donc pas sûr que ça soit lié à la forme du futur iPhone.

avatar mac-a-dames 16/06/2017 - 19:18 via iGeneration pour iOS

Avant les titres étaient au même niveau que les boutons, maintenant ils sont en dessous et plus gros. Ergonomiquement c'est n'importe quoi... on en voit beaucoup moins au desssus de la ligne de flottaison qu'auparavant.

avatar Guillaume06 16/06/2017 - 22:29

@mac-a-dames

"au desssus de la ligne de flottaison"

Ah ouais carrément t'es dans le turfu toi. :)

avatar Thom80 16/06/2017 - 19:33 via iGeneration pour iOS

Ios7 bis : des conneries qu'ils vont rattraper sur 3 versions...
Comment ces titres ont pu etre validé ? C'est la même équipe que pour le nom "inoui" a la sncf ?

avatar Thom80 16/06/2017 - 19:53 via iGeneration pour iOS

Pour les titres, on connait tous l'exigence de Job vie a vie des typographies dans laquelle il avait une grosse experience. Sous son pouvoir je met ma main à coupé que ce ne serait jamais passé

avatar docdav 16/06/2017 - 21:01 via iGeneration pour iOS

@Thom80

Une grosse expérience...il avait suivi des cours et les avait apprécié.
C'est comme si tu disais que je suis généticien parce que pendant la 1ere année de médecine j'ai eu des heures de génétique avec un prof sympa.

avatar Keysertom 16/06/2017 - 19:59 via iGeneration pour iOS

Toujours pas de raccourcis pour allumer / Couper La géolocalisation ?

avatar fousfous 16/06/2017 - 20:33 via iGeneration pour iOS

@Keysertom

Et à quoi ça servirait? Ça se laisse allumé tout le temps ça...

avatar bhelden 16/06/2017 - 21:33

@fousfous

Peut-être que quand tu trompes ta femme tu ne souhaites pas être suivi (???)

Pages