Oui, c'est aujourd'hui le 1er avril. Non, ce n'est pas une blague. L'iPad n'est pas non plus une blague.
À partir de ce jour (et pour toujours), l'application iOS VKontakte deviendra universelle - toutes les mises à jour seront disponibles simultanément sur l'iPhone et l'iPad.
Je suis Matvey Pravosudov , concepteur de produits senior sur VKontakte. Je vais vous parler de la conception d'une application universelle: des concepts et problèmes rencontrés aux décisions prises et au résultat final. Bonus - astuces (au cas où vous vous retrouveriez dans une situation similaire) et mises en page publiques dans Figma pour tout le monde.
Contexte
Au cours des dernières années, nous avons eu deux applications dans l'App Store: VKontakte (pour iPhone) et VKontakte pour iPad.
En 2015, nous avons conçu chaque fonctionnalité principale séparément pour iOS (pour iPhone), Android, Web, m.vk.com et iPad. Nous avons créé une version indépendante et très différente pour les tablettes, même si l'audience iPad était (et est toujours) nettement plus petite que sur les autres plates-formes.
( , ) . . — : iPad, vk.com m.vk.com. — , .
.
, . iPad — , . . , , . iPhone, iPad.
? iPhone .
. — .
, , . , : , iPad.
— iPad , ?
. , , . , . , , . , .
— . , . , , , . . , .
— - . , . , . , . , Split View, Slide Over .
, iPad. iPadOS , .
— .
. Figma, — .
. , . : , , , , , , , , , , , , . — - . .
iOS-. iPad . Adaptivity (A). , , .
.
.
— . , iPhone, .
. , , . iPad.
— . . : , , .
, , iPhone ( , ).
: , .
. — . , Split View. — .
.
, : () , iPad. — , , , .
. Figma — Guide. , .
. , .
. , . .
. , , , . , .
. , . «» : , , , .
Hero. : , , , . , , . .
: Auto Layout 2.0 Figma iPad. Fill .
. Form Sheet Page Sheet . Form Sheet, : 416 640 .
. , . . iPad 416 , . — «».
, . , .
, iPad:
— ;
— , ;
— Master & Detail;
— , .
iPad , . iPad , iPhone.
iPhone iPad — , . — , .
— iPad. : .
Fun fact: , . iPad Apple , .
! . — . iPad . Split View, , Picture in Picture, . , . .
?
. , , , --.
,
5 .
iPad . , . .
. iPad — - . , .
, . , .
Apple. Designed for iPad .
. , . — , , .
iPad
, ! VK Designers — . <3