Sim, hoje é 1º de abril. Não, isto não é uma piada. O iPad também não é brincadeira.
A partir deste dia (e para sempre), o aplicativo VKontakte iOS se tornará universal - todas as atualizações estarão disponíveis simultaneamente no iPhone e no iPad.
Sou Matvey Pravosudov , designer de produto sênior da VKontakte. Vou falar sobre o design de uma aplicação universal: dos conceitos e problemas encontrados às decisões tomadas e o resultado final. Bônus - dicas (caso você se encontre em uma situação semelhante) e layouts públicos no Figma para todos.
Fundo
Nos últimos anos, tivemos dois aplicativos na App Store: VKontakte (para iPhone) e VKontakte para iPad.
Em 2015, projetamos cada recurso principal separadamente para iOS (para iPhone), Android, web, m.vk.com e iPad. Fizemos uma versão independente e muito diferente para tablets, embora a audiência do iPad fosse (e ainda seja) significativamente menor do que em outras plataformas.
( , ) . . — : 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