WEBVTT

00:00:00.830 --> 00:00:02.740
Bienvenue dans Microsoft Build 2017.

00:00:02.740 --> 00:00:06.560
Nous sommes ici pour parler
conception d’applications mobiles.

00:00:06.560 --> 00:00:10.390
Mon nom est David Ortinau,
Je suis responsable de programme Senior

00:00:10.390 --> 00:00:13.630
avec les outils de développement mobiles
l’équipe et les Forums de Xamarin.

00:00:14.940 --> 00:00:16.880
Juste un peu à propos de moi,
J’ai fait mobile et

00:00:16.880 --> 00:00:20.490
développement Web cours maintenant
20 ans à l’aide d’une variété de

00:00:20.490 --> 00:00:23.740
plates-formes, mais mon cœur et
mon amour est Xamarin.

00:00:23.740 --> 00:00:26.370
Et ce que j’aime à ce sujet plus
à quoi que ce soit, est qu’il permet

00:00:26.370 --> 00:00:28.360
Je peux faire à partir de
du point de vue de la conception,

00:00:28.360 --> 00:00:31.090
pour être fidèle à chaque plate-forme,

00:00:31.090 --> 00:00:34.850
Pour vous assurer que je suis remise
la meilleure expérience possible.

00:00:34.850 --> 00:00:38.940
Par conséquent, ce que je veux dire d’abord
tous pour vous, peut-être que vous utilisiez précédemment

00:00:38.940 --> 00:00:41.880
à partir d’un point de vue web, peut-être
vous obtenez à partir d’un ordinateur de bureau

00:00:41.880 --> 00:00:44.790
point de vue du développement,
ou du point de vue design, mais

00:00:44.790 --> 00:00:47.650
ce qui est vraiment important est
que nous sommes tous les concepteurs.

00:00:47.650 --> 00:00:52.010
Nous avons tous un rôle à jouer
la conception de nos applications.

00:00:52.010 --> 00:00:55.150
Par conséquent, si vous êtes impliqué à
le tout début, création

00:00:55.150 --> 00:00:59.520
l’interface utilisateur, de déterminer ce que le
expérience sera, ou

00:00:59.520 --> 00:01:01.040
mise en œuvre de cette conception,

00:01:01.040 --> 00:01:03.810
Nous faisons de conception
décisions tenté.

00:01:03.810 --> 00:01:05.210
Donc, si nous comprenons et

00:01:05.210 --> 00:01:08.960
Nous pouvons intégrer l’important
aspects de la conception et

00:01:08.960 --> 00:01:11.841
ce qui en fait un très bon design
par opposition à une conception de

00:01:11.841 --> 00:01:16.350
Atteindre provoquent la frustration et
anguish, nous fournissons mieux.

00:01:16.350 --> 00:01:19.610
Par conséquent, nous allons vous aider
la première chose qui

00:01:19.610 --> 00:01:23.230
J’aime faire est
effectuer le test de l’utilisateur.

00:01:23.230 --> 00:01:25.990
Ainsi, par exemple,
vous avez un laboratoire ou

00:01:25.990 --> 00:01:29.400
Pensez-y comme à quelque chose de plus
qu’une personne de la recherche, mais

00:01:29.400 --> 00:01:31.960
Il s’agit de quelque chose que nous
faire même de manière informelle.

00:01:33.830 --> 00:01:36.620
Voici donc mon rapide
Guide de fourniture

00:01:36.620 --> 00:01:39.450
test de l’utilisateur de base très rapidement.

00:01:39.450 --> 00:01:42.160
Fournir un contexte peu et
direction en fonction des besoins.

00:01:42.160 --> 00:01:44.990
Quelqu'un à saisir
café ou

00:01:44.990 --> 00:01:48.260
chaque fois que vous savez,
lui acheter une tasse de café et dire,

00:01:48.260 --> 00:01:51.550
Bonjour, je teste à un appareil mobile
application, allez vous m’aider ?

00:01:51.550 --> 00:01:54.210
Lui asseoir et
lui donnent juste l’essentiel.

00:01:54.210 --> 00:01:56.400
Ne pas lui donner trop
informations, car si vous le faites

00:01:56.400 --> 00:01:57.720
Vous obtiendrez les d’amorcage.

00:01:57.720 --> 00:01:59.816
Vous obtiendrez en leur donnant
trop d’informations et

00:01:59.816 --> 00:02:02.210
ils vous venez regurgitate
Il vous.

00:02:02.210 --> 00:02:05.640
Et ensuite, encourager les
comme ils explorent l’application ou

00:02:05.640 --> 00:02:08.240
elles explorent l’activité qui
vous leur avez accordé les conseils pour.

00:02:10.350 --> 00:02:12.860
Les encourager à Verbaliser
que se passe-t-il

00:02:12.860 --> 00:02:13.940
leur tête.

00:02:13.940 --> 00:02:17.090
Demandez-leur de dire Bonjour, que je suis à l’aide de
l’application et que je suis à la recherche

00:02:17.090 --> 00:02:21.160
que faire et peut-être que j’obtiens
perdu, ou bien, c’est cool,

00:02:21.160 --> 00:02:23.120
et vous commencerez à utiliser certaines
commentaires sur excellente il.

00:02:24.480 --> 00:02:26.720
Et puis d’écouter,
Regardez et observer.

00:02:26.720 --> 00:02:28.070
Simplement, installez-vous confortablement et

00:02:28.070 --> 00:02:30.770
leur faire faire ce que
Il est de leur efficacité.

00:02:30.770 --> 00:02:33.320
Ainsi, un exemple très rapide
d’après mon expérience personnelle.

00:02:33.320 --> 00:02:36.430
Je me suis conception d’une application, il a été
quelque chose de près et

00:02:36.430 --> 00:02:40.320
Cher/chère à mon cœur, et j’ai pensé que
que j’avais dédiés de la conception.

00:02:40.320 --> 00:02:42.790
Par conséquent, j’ai rencontré un ami
au client de Starbucks et

00:02:42.790 --> 00:02:45.470
Placer l’application devant lui
et je lui a donné les notions de base.

00:02:45.470 --> 00:02:47.360
Voici la nature des
ce que fait l’application.

00:02:47.360 --> 00:02:48.210
Qu'en penses-tu ?

00:02:48.210 --> 00:02:49.430
Et je lui a donné ces étapes.

00:02:49.430 --> 00:02:51.160
Et elle a démarré va
et il faut

00:02:51.160 --> 00:02:54.100
un des écrans où elle
Ajout d’un objectif à l’application.

00:02:54.100 --> 00:02:56.100
Et elle a démarré l’exploration et
Il dit que ?

00:02:56.100 --> 00:02:58.880
OK, je ne sais pas
où souhaitez-vous aller ?.

00:02:58.880 --> 00:02:59.890
Je suis le genre de perte.

00:02:59.890 --> 00:03:01.380
J’ai donc dû lui donnez un wizz.

00:03:01.380 --> 00:03:04.454
Et que m’a dit que peut-être
Il y a quelque chose que je peux faire

00:03:04.454 --> 00:03:06.510
pour améliorer ce flux de travail.

00:03:06.510 --> 00:03:08.942
Puis qu’il a reçu à l’autre
écran et à l’écran suivant,

00:03:08.942 --> 00:03:10.420
soudainement elle était disant wow.

00:03:10.420 --> 00:03:11.140
C’est vraiment intéressant.

00:03:11.140 --> 00:03:12.660
Je n’avais pas considéré de cette manière.

00:03:12.660 --> 00:03:15.300
Donc j’aperçus qu’il existait une
opportunité de satisfaire pleinement mon utilisateur

00:03:15.300 --> 00:03:16.490
à ce stade.

00:03:16.490 --> 00:03:19.510
Et il vient de créer ces
une bonne compréhension de

00:03:19.510 --> 00:03:23.600
moi ce qui a fonctionné et ce qui
n’a pas fonctionné dans l’application.

00:03:23.600 --> 00:03:26.580
Et j’ai été en mesure de revenir en arrière,
exigences de la conception et

00:03:26.580 --> 00:03:28.870
quelque chose
Encore mieux.

00:03:28.870 --> 00:03:31.770
Ainsi, vous pouvez ne pas
doit être très important

00:03:31.770 --> 00:03:34.490
conduite de test peut
être totalement informelle,

00:03:34.490 --> 00:03:36.550
Si vous pouvez accéder formelle
gamme de le faire dans le laboratoire,

00:03:36.550 --> 00:03:38.950
avez enregistrés et tout cela,
C’est ainsi Isard.

00:03:40.600 --> 00:03:45.230
Numéro de principe deux,
une chose par écran.

00:03:45.230 --> 00:03:48.870
Ce que cela signifie est donc, pour
exemple, sur le côté gauche,

00:03:48.870 --> 00:03:50.420
Nous avons un signe dans l’écran.

00:03:50.420 --> 00:03:52.460
C’est vraiment la seule chose.

00:03:52.460 --> 00:03:55.690
Par conséquent, il doit
avoir aucune confusion possible.

00:03:55.690 --> 00:03:56.970
Lorsqu’un utilisateur obtient à cet écran,

00:03:56.970 --> 00:03:58.370
Il est clair que
ils vont devoir faire.

00:03:58.370 --> 00:04:00.160
Et si le ne
savoir quoi faire,

00:04:00.160 --> 00:04:04.210
ils ont le bouton Enregistrer,
le bouton juste en dessous, inscrivez-vous.

00:04:04.210 --> 00:04:06.390
Si leur avez oublié la
existe-t-il des actions secondaires mais

00:04:06.390 --> 00:04:08.550
l’action principale,
l’objectif principal de

00:04:08.550 --> 00:04:10.130
Cet écran est tout à fait limpide.

00:04:11.550 --> 00:04:14.670
La liste des sessions et que celle-ci est
le Xamarin de toutes les applications de 2016 qui

00:04:14.670 --> 00:04:16.380
J’utilise ici pour obtenir un exemple.

00:04:16.380 --> 00:04:19.230
Et vous pouvez sélectionner n’importe quelle application qui
vous ouvrez sur votre téléphone et

00:04:19.230 --> 00:04:22.110
Posez-vous la question, quel est celui
chose que fait cet écran ?

00:04:22.110 --> 00:04:24.100
En particulier, les applications qui
fonctionne vraiment bien pour vous.

00:04:25.840 --> 00:04:29.282
Et, par conséquent, la Session
écran, la fonction principale de

00:04:29.282 --> 00:04:31.734
Cet écran de Session consiste à
fournir une liste des sessions.

00:04:31.734 --> 00:04:34.150
Et bien entendu, le principal
action va à la recherche de l’être, mais

00:04:34.150 --> 00:04:35.630
Nous avons également action secondaire.

00:04:35.630 --> 00:04:40.160
Il n’est pas que l’écran
ne peut pas effectuer plus d’une chose, mais

00:04:40.160 --> 00:04:42.270
la seule chose doit être évidente.

00:04:42.270 --> 00:04:43.626
Et ensuite la session
écran des détails,

00:04:43.626 --> 00:04:45.590
la principale chose il
évidemment vous dit

00:04:45.590 --> 00:04:48.340
les détails de la session,
ce qu’il fait.

00:04:48.340 --> 00:04:51.520
Mais l’action principale sur ce
Il est d’évaluer cette session.

00:04:51.520 --> 00:04:52.840
Et, bien sûr, vous dites,

00:04:52.840 --> 00:04:53.890
Pourquoi bien I
taux de la session,

00:04:53.890 --> 00:04:55.580
Je n’ai pas de contrôle
la session encore ?

00:04:55.580 --> 00:04:58.180
Mais c’est parce que la session
déjà eu lieu, ce

00:04:58.180 --> 00:05:00.270
la seule chose que vous
faire est de le taux.

00:05:00.270 --> 00:05:01.290
Étudions donc de navigation.

00:05:02.500 --> 00:05:03.700
C’est le cas en matière de navigation,

00:05:03.700 --> 00:05:08.040
chaque plate-forme que tu possède son propre
schéma de navigation ou des motifs

00:05:08.040 --> 00:05:11.780
qui sont plus cohérentes sur ce
plate-forme qui sont attendus.

00:05:11.780 --> 00:05:15.390
C’est le cas iOS, bien entendu,
a la barre d’onglets en bas.

00:05:15.390 --> 00:05:19.010
UWP et le Android, les deux types
d’être attiré vers la sortie de vol ou

00:05:19.010 --> 00:05:20.700
menus de maître / détail.

00:05:20.700 --> 00:05:24.200
C’est le cas, de compréhension et de la connaissance
Quels sont les modèles de navigation

00:05:24.200 --> 00:05:28.718
sont est utile pour nous de savoir
comment permettre aux utilisateurs de naviguer.

00:05:28.718 --> 00:05:32.000
Maintenant, n’oubliez pas que UWP et

00:05:32.000 --> 00:05:36.520
Android qu'ont tous les deux précédent
boutons sur leurs périphériques.

00:05:36.520 --> 00:05:40.990
Par conséquent, cela signifie que ce qui
notion sur les conséquences du périphérique

00:05:40.990 --> 00:05:45.540
quel navigation vous êtes
envisagez d’utiliser sur votre interface utilisateur.

00:05:45.540 --> 00:05:49.220
IOS a d’autre part
le passage de retour qui

00:05:49.220 --> 00:05:51.820
ils introduits, ainsi de
quelque chose de connaître également.

00:05:53.230 --> 00:05:55.270
Examinons un instant
à propos de l’accessibilité.

00:05:55.270 --> 00:05:57.940
Par conséquent, très important
surtout chez Microsoft,

00:05:57.940 --> 00:06:00.740
Nous avons le temps ce tambour, certainement
Nous pensons que c’est important

00:06:00.740 --> 00:06:05.160
que les utilisateurs ont besoin de pouvoir
voir le texte à l’écran.

00:06:05.160 --> 00:06:08.340
S’ils ont une dépréciation qui
disposer la voix sur

00:06:08.340 --> 00:06:12.020
tension que nous avons
en tant que développeurs sous tension,

00:06:12.020 --> 00:06:13.180
l’affectation de noms et

00:06:13.180 --> 00:06:16.964
la description afin que nous
les opérations de lecture sur nous.

00:06:16.964 --> 00:06:19.940
Puis également en vérifiant que
le contraste est bonne.

00:06:19.940 --> 00:06:22.070
Il s’agit de tout simples
choses à tester, et

00:06:22.070 --> 00:06:24.510
test de l’utilisateur passe à une valeur long
Ainsi, à cet égard

00:06:24.510 --> 00:06:27.050
Si vous effectuez également
dans ces cas.

00:06:27.050 --> 00:06:29.060
Ainsi, sur l’écran de
vous voyez que je vais revenir en arrière et

00:06:29.060 --> 00:06:32.520
suite a plusieurs fois,
mais le texte est petit.

00:06:32.520 --> 00:06:36.770
Puis lorsque nous avons activé
unités de mesurent que notre périphérique

00:06:36.770 --> 00:06:39.140
indépendants, ou
densité indépendante,

00:06:39.140 --> 00:06:42.600
puis, comme les modifications de l’utilisateur
les paramètres d’accessibilité,

00:06:42.600 --> 00:06:45.205
Vous obtiendrez plus grande
texte comme il convient.

00:06:45.205 --> 00:06:47.865
Forms Xamarin, l’offre
à peu près de

00:06:47.865 --> 00:06:53.095
libre parce qu’il utilise,
au lieu de dimensions fixes et

00:06:53.095 --> 00:06:55.685
unités de mesure, il utilise
une unité de mesure qui est ensuite

00:06:55.685 --> 00:06:57.875
traduction vers le bas
pour chaque plate-forme.

00:06:59.095 --> 00:07:00.255
OK, conception d’une saisie tactile.

00:07:00.255 --> 00:07:03.765
À l’évidence, il s’agit d’un appareil mobile
concentré de parler de la conception.

00:07:03.765 --> 00:07:07.840
Par conséquent, nous souhaitons parler
ce qui est important pour les fonctions tactiles.

00:07:07.840 --> 00:07:09.750
Personnes contiennent leurs périphériques
de différentes manières.

00:07:09.750 --> 00:07:11.732
A de nombreuses recherches
été effectuée sur ce.

00:07:11.732 --> 00:07:15.480
Une, 49 % de
personnes l’utiliser de cette façon.

00:07:15.480 --> 00:07:17.740
Son socle, ce serait
avec une main ici et

00:07:17.740 --> 00:07:19.360
puis en revanche y apporter de modification.

00:07:19.360 --> 00:07:21.480
Ou deux mains, en particulier
dans le cas d’un Tablet PC.

00:07:21.480 --> 00:07:23.960
Mais, qui ne peut pas toujours être
en bas de l’écran,

00:07:23.960 --> 00:07:25.820
Il peut s’agir du milieu
de l’écran et

00:07:25.820 --> 00:07:30.380
qui a un impact sur lequel vous pouvez
atteindre des parties de cette interface utilisateur.

00:07:31.940 --> 00:07:36.230
Ainsi, le vert dans cet exemple
fait référence à la zone Oui.

00:07:36.230 --> 00:07:39.760
Il s’agit dans laquelle vous pouvez facilement
accès et facilement les éléments de contact

00:07:39.760 --> 00:07:43.060
sur cet écran, en particulier
dans cette position une.

00:07:43.060 --> 00:07:45.638
Puis dans la zone suivante
est le service informatique d’OK.

00:07:45.638 --> 00:07:47.704
Vous pouvez de toucher.

00:07:47.704 --> 00:07:50.426
Vous pouvez obtenir si vous avez besoin
mais il n’est pas vraiment un étirement.

00:07:50.426 --> 00:07:53.302
Et, bien sûr, vous aurez alors
qui mesure d’angle et qui

00:07:53.302 --> 00:07:54.932
Si vous n’avez pas
mains volumineuses et

00:07:54.932 --> 00:07:57.828
un périphérique très petit va
poser des problèmes à vous atteindre.

00:07:57.828 --> 00:08:01.518
Et si vous pensez que ce de
conditions où les éléments de l’interface utilisateur

00:08:01.518 --> 00:08:05.602
existe sur les périphériques dans le
applications que vous utilisez,

00:08:05.602 --> 00:08:09.213
vous constatez que les choses
moins accédées,

00:08:09.213 --> 00:08:12.118
Cette option de menu Hamburger,
par exemple,

00:08:12.118 --> 00:08:15.986
sur un lanceur de l’interface utilisateur, il va
n’est ne pas aussi facilement accessibles.

00:08:15.986 --> 00:08:18.539
Mais vous pouvez toujours atteindre
Lorsque vous avez besoin pour les obtenir.

00:08:18.539 --> 00:08:21.853
Et, bien entendu, les e/s à un
point a introduit ce double pression

00:08:21.853 --> 00:08:24.926
ou triple pression du bouton Accueil
Toutefois, vous avez le programme d’installation qui

00:08:24.926 --> 00:08:27.800
Affiche l’interface utilisateur, vers le bas
que vous pouvez le voir.

00:08:27.800 --> 00:08:30.870
Qui est une façon de
obtenir une aide.

00:08:30.870 --> 00:08:33.480
Mais de Steven Hoober, je vais juste
Signalez, a fait des recherches

00:08:33.480 --> 00:08:37.290
et qu’il existe un très bon livre,
Conception Mobile Interfaces

00:08:37.290 --> 00:08:39.310
contient des informations très bonnes
à propos de ce genre d’opération.

00:08:40.400 --> 00:08:42.590
Et bien sûr, si vous êtes
gaucher, il vous suffit d’inverser qui.

00:08:42.590 --> 00:08:43.370
Et si vous avez deux mains,

00:08:43.370 --> 00:08:45.200
Vous pouvez le genre de chose
il de cette façon.

00:08:45.200 --> 00:08:47.320
Par conséquent, lorsque vous placez
vos éléments d’interface utilisateur,

00:08:47.320 --> 00:08:49.740
Pensez à vous
Échec de la convergence.

00:08:49.740 --> 00:08:53.291
L’autre chose à prendre en compte lors
Il s’agit de contact est la taille de

00:08:53.291 --> 00:08:54.191
vos boutons.

00:08:54.191 --> 00:08:57.508
Si vous avez vraiment petit texte
qui est supposé pour être touchable

00:08:57.508 --> 00:09:00.887
et les mesures correctives, ou vous avez
boutons et qu’ils sont trop petits ou

00:09:00.887 --> 00:09:02.992
ils sont trop proches
à quelque chose d’autre,

00:09:02.992 --> 00:09:06.217
Il devient très difficile pour
personnes d’utiliser ces boutons.

00:09:06.217 --> 00:09:08.957
Par exemple, nous avons tous expérimentés
la frustration de tentative d’accès

00:09:08.957 --> 00:09:10.428
Ce bouton, et
vous l’avez manqué et

00:09:10.428 --> 00:09:13.117
vous avez atteint la chose en regard de celui-ci et
maintenant vous êtes super frustrés et

00:09:13.117 --> 00:09:15.580
en colère et vous êtes crier à
le développeur qui en fait.

00:09:15.580 --> 00:09:19.390
Ainsi, une bonne règle générale,
40 pixels et

00:09:19.390 --> 00:09:22.650
une marge de 5 pixels entre qui
élément et un autre élément.

00:09:22.650 --> 00:09:26.370
Mais comme nous le savons, périphériques aujourd'hui
avoir plusieurs densités

00:09:26.370 --> 00:09:29.440
ce qui signifie que 40 pixels sur
un périphérique n’est pas 40 pixels sur

00:09:29.440 --> 00:09:33.090
un autre périphérique physique
mesure de sens, à droite ?

00:09:33.090 --> 00:09:34.990
Par conséquent, ce que fait des pixels
dire de plus ?

00:09:36.240 --> 00:09:39.810
C’est le cas d’Apple et Android, et
Plate-forme Windows universel,

00:09:39.810 --> 00:09:42.470
Microsoft, tout le monde a été
un autre moyen d’exprimer

00:09:42.470 --> 00:09:46.260
unités de mesure
indépendant du périphérique et

00:09:46.260 --> 00:09:48.510
quel que soit
densité de l’écran.

00:09:48.510 --> 00:09:51.150
Apple c’est le cas, ils utilisent
ce qu’on appelle le Point.

00:09:51.150 --> 00:09:53.275
Android a
Densité des Pixels indépendants ou

00:09:53.275 --> 00:09:56.550
ce que l'on appelle communément
Pour que du point de distribution ou du point de distribution.

00:09:56.550 --> 00:09:59.430
Puis UWP utilise
Pixels indépendants du périphérique.

00:09:59.430 --> 00:10:02.390
Et là encore, il s’agit d’un élément
que Xamarin Forms effectue une belle

00:10:02.390 --> 00:10:04.163
travail d’abstraction d’un moyen pour
vous, ainsi

00:10:04.163 --> 00:10:07.004
que vous pouvez exprimer vos unités
de mesure une fois et il obtient

00:10:07.004 --> 00:10:09.930
traduit donc à cette plate-forme.
met à l’échelle appropriée.

00:10:09.930 --> 00:10:13.880
Mais lorsqu’il s’agit de fabrication
actifs de nos équipements et de

00:10:13.880 --> 00:10:17.030
nos applications, notez
Cette grille sur la droite ici.

00:10:17.030 --> 00:10:19.280
C’est beaucoup de choses
qui doivent être créés.

00:10:19.280 --> 00:10:21.370
Qui représente toutes les
les différentes tailles de

00:10:21.370 --> 00:10:24.210
toutes les densités différentes ou
au moins la majorité d'entre eux qui

00:10:24.210 --> 00:10:28.990
vous avez besoin créer des copies de
chaque image doit être prêt pour la

00:10:28.990 --> 00:10:32.720
chacune de ces plates-formes à ceux
met à l’échelle, ces résolutions.

00:10:32.720 --> 00:10:33.650
C’est un problème, à droite ?

00:10:33.650 --> 00:10:36.930
Pixels c’est le cas, bien que
Nous avons toujours effectuer nos images et

00:10:36.930 --> 00:10:41.080
nos actifs à une taille de pixel, il est
ne pas rendu à cette taille, et

00:10:41.080 --> 00:10:43.480
C’est un grand nombre de
illustration pour créer.

00:10:43.480 --> 00:10:44.970
Par conséquent, comment nous cette adresse ?

00:10:46.040 --> 00:10:48.050
Nous concevons avec des graphiques vectoriels.

00:10:48.050 --> 00:10:50.770
Il s’agit donc d’une image ici
de l’application de l’esquisse (Sketch) qui est un

00:10:50.770 --> 00:10:52.180
Mes favoris sur le Mac.

00:10:52.180 --> 00:10:54.540
Et d’autres options
sur le côté de Windows.

00:10:54.540 --> 00:10:56.474
Esquisse n’est pas un
qui est disponible.

00:10:56.474 --> 00:11:00.635
Mais à la base, c’est un vecteur
application et celui-ci de dessin

00:11:00.635 --> 00:11:04.335
en particulier, est orienté vers la
mobiles et des applications web.

00:11:04.335 --> 00:11:07.695
Ainsi, ce qui permet de
nous faire consiste à créer

00:11:07.695 --> 00:11:11.080
un prototype de haute fidélité en tant que
ainsi que la bibliothèque de prêt de production.

00:11:11.080 --> 00:11:14.180
Et puis lorsqu’il s’agit de temps
Pour obtenir ces pièces art,

00:11:14.180 --> 00:11:16.890
toutes les images que nous avons vu sur
Cet écran précédent, du tout

00:11:16.890 --> 00:11:20.790
ces différentes tailles, vous pouvez
effectuez une exportation de vecteur à partir de l’esquisse.

00:11:20.790 --> 00:11:23.700
Et encore une fois, d’autres applications
avoir d’autres façons de faire ceci

00:11:23.700 --> 00:11:25.680
C’est aussi puissant.

00:11:25.680 --> 00:11:28.900
Puis, en une seule fois, il vous offre
Nous toutes les tailles, nous avons besoin.

00:11:29.980 --> 00:11:33.930
Pour plus d’informations sur ce point,
consultez mon Xamarin évoluent

00:11:33.930 --> 00:11:37.142
session de 2016, juste un peu
facilité ici,

00:11:37.142 --> 00:11:40.720
la conception au développement
Où je traite un flux de travail

00:11:40.720 --> 00:11:43.610
Cet outil ainsi que pour plusieurs
autres outils que nous avons

00:11:43.610 --> 00:11:46.780
réellement réussi avec dans
Création d’applications mobiles.

00:11:47.860 --> 00:11:50.270
Par conséquent, nous allons vous aider
conception de contexte.

00:11:50.270 --> 00:11:51.900
Maintenant que nous avons signifient par ce ?

00:11:51.900 --> 00:11:54.500
Par exemple, si vous êtes dans
le désert sur un équipement,

00:11:54.500 --> 00:11:55.630
qui ne souhaitent pas être ?

00:11:55.630 --> 00:11:58.540
Si vous êtes dans le métro,
un grand nombre d'entre nous ont dû faire.

00:11:58.540 --> 00:12:01.200
Ou si vous êtes à la maison sur
le canapé, ceux sont différents

00:12:01.200 --> 00:12:03.610
endroits dans lesquels nous utilisons
nos applications mobiles.

00:12:05.180 --> 00:12:06.810
Par conséquent, considérez si vous êtes
sur un équipement,

00:12:06.810 --> 00:12:09.500
Quelles sont les fonctionnalités peut
être important pour vous ?

00:12:09.500 --> 00:12:11.840
En mode hors connexion, de toute évidence,
doit être un problème.

00:12:11.840 --> 00:12:14.450
En pyramides, je ne sais pas
Je n’ai pas mais il

00:12:14.450 --> 00:12:16.400
Il ne peut pas être
une tour de téléphonie cellulaire près par.

00:12:17.436 --> 00:12:20.100
Vous allez donc à rendre
assurer que votre application,

00:12:20.100 --> 00:12:22.600
Si l’utilisateur est attendu.
Pour utiliser cette application

00:12:22.600 --> 00:12:25.518
Dans cet environnement,
comme bonne fonctionnalité hors connexion.

00:12:25.518 --> 00:12:27.730
Rien de pire que
ouverture de l’application et

00:12:27.730 --> 00:12:31.233
se dire, Désolé,
vous êtes en mode hors connexion ne pouvez-ski.

00:12:31.233 --> 00:12:35.530
Synchronisation en mode hors connexion, en ligne, bien entendu,
Si vous travaillez en mode hors connexion,

00:12:35.530 --> 00:12:36.830
une fois que vous reviennent en ligne,

00:12:36.830 --> 00:12:38.190
vous souhaitez vous assurer
que vous pouvez synchroniser.

00:12:39.220 --> 00:12:41.653
Et puis, services de localisation,
Bien sûr

00:12:41.653 --> 00:12:45.007
mappage, peut-être voix, tous les
ces éléments sont disponibles pour

00:12:45.007 --> 00:12:46.468
Vous pouvez dans cet environnement.

00:12:46.468 --> 00:12:50.794
Mais, si vous êtes dans le métro,
le creusement notoirement fort,

00:12:50.794 --> 00:12:53.960
Vous devez maintenir à
quelque chose, donc certainement,

00:12:53.960 --> 00:12:55.914
une utilisation main est une priorité.

00:12:55.914 --> 00:12:58.669
Confidentialité, vous ne voulez pas que quelqu'un
au-dessus de votre épaule lors de la recherche

00:12:58.669 --> 00:13:01.280
ils utilisent l’application,
ou peut-être qu’il n’a aucune importance pour

00:13:01.280 --> 00:13:02.100
votre application.

00:13:02.100 --> 00:13:04.630
Mais si c’est le cas,
C’est quelque chose à prendre en compte.

00:13:04.630 --> 00:13:05.430
Mais il est bruyant.

00:13:05.430 --> 00:13:09.300
Si votre application dépend
reconnaissance vocale, qui n’est pas

00:13:09.300 --> 00:13:12.050
un bon choix, s’il est
à utiliser dans le métro.

00:13:12.050 --> 00:13:14.370
Vous pouvez donc avoir
un plan de sauvegarde pour cela.

00:13:14.370 --> 00:13:16.280
Puis de cours
Wi-Fi et cellulaire,

00:13:16.280 --> 00:13:18.700
vous en cours respectueux
des frais de données de l’utilisateur ?

00:13:19.870 --> 00:13:22.340
Et si vous êtes comme moi et vous êtes
assis à la maison sur le canapé et

00:13:22.340 --> 00:13:25.720
vous regardez la TV, est votre
interface d’application avec les choses qui

00:13:25.720 --> 00:13:27.230
se produisent sur le téléviseur ?

00:13:27.230 --> 00:13:29.030
Par exemple, il s’agit d’un jeu
application ou

00:13:29.030 --> 00:13:32.640
un jeu et vous souhaitez être en mesure de
une chose sur votre téléphone et

00:13:32.640 --> 00:13:35.870
une autre chose sur le téléviseur et
Demandez-leur de travailler ensemble.

00:13:35.870 --> 00:13:36.930
Faites-vous Bluetooth ?

00:13:36.930 --> 00:13:37.680
Vous intégrez ?

00:13:37.680 --> 00:13:38.930
Comment vous intégrez ?

00:13:38.930 --> 00:13:42.010
Il s’agit de tous les éléments à prendre en compte
à partir d’un point de vue de conception

00:13:42.010 --> 00:13:44.590
Pour mettre votre application vraiment
en dehors de la concurrence.

00:13:46.980 --> 00:13:49.373
La seule chose qui est très
intéressants proviennent de haut

00:13:49.373 --> 00:13:51.765
récemment dans des études sur
dernières années est qui

00:13:51.765 --> 00:13:53.336
n’utilisent pas de personnes
qu’un seul périphérique.

00:13:53.336 --> 00:13:56.416
Et non seulement ils pas
utiliser qu’un seul périphérique, mais

00:13:56.416 --> 00:14:00.729
ils utiliseront souvent ce périphérique
et un autre périphérique simultanément,

00:14:00.729 --> 00:14:03.127
ou ils utilisent
les séquentiellement.

00:14:03.127 --> 00:14:04.869
Il vous lancer une activité
sur un périphérique et

00:14:04.869 --> 00:14:07.130
puis ils passerons
d’autres périphériques.

00:14:07.130 --> 00:14:10.784
C’est le cas, pour l’étude récente et
Il s’agit d’une étude de Google à partir de

00:14:10.784 --> 00:14:13.485
une recherche marketing
C’était le cas, de projet

00:14:13.485 --> 00:14:17.810
57 % des personnes utilisent plusieurs
périphériques, 21 % simultanément.

00:14:17.810 --> 00:14:20.790
Mais la clé est,
l’accent est

00:14:20.790 --> 00:14:24.673
à partir de cette recherche a constaté que
Il est tout d’abord toujours mobile.

00:14:24.673 --> 00:14:27.995
Et d’excellents exemples de
activités qui fera de personnes

00:14:27.995 --> 00:14:30.745
à partir d’un périphérique
un autre périphérique, faire des achats,

00:14:30.745 --> 00:14:33.315
vidéo en flux continu, des jeux.

00:14:33.315 --> 00:14:35.955
Par conséquent, si votre application va
être utilisé sur plusieurs périphériques,

00:14:35.955 --> 00:14:39.470
prendre en compte la façon dont vous allez gérer
que, la synchronisation en ligne et hors ligne.

00:14:39.470 --> 00:14:41.320
Azure a excellents services,
et

00:14:41.320 --> 00:14:44.240
J’ai utilisé les services mobiles
ensemble de les faire.

00:14:44.240 --> 00:14:47.100
Domaine DB fonctionne également maintenant
avec Azure à faire en ligne,

00:14:47.100 --> 00:14:49.130
synchronisation hors connexion,
qui est très pratique.

00:14:49.130 --> 00:14:49.850
Par conséquent, ceux sont

00:14:49.850 --> 00:14:52.640
excellente, il faut examiner
à partir d’un point de vue du développement.

00:14:52.640 --> 00:14:54.960
Mais du point de vue de la conception,
prendre en compte,

00:14:54.960 --> 00:14:58.070
que faites-vous pour prendre en charge
ces types d’activités, et

00:14:58.070 --> 00:15:00.200
vous rester cohérent pas
uniquement avec votre conception et

00:15:00.200 --> 00:15:02.320
votre image de marque, mais
vos fonctionnalités entre ceux ?

00:15:04.760 --> 00:15:06.180
OK, il s’agit d’un mot sur le caractère intuitif.

00:15:06.180 --> 00:15:07.960
Le caractère intuitif est un des
Mes mots favoris et

00:15:07.960 --> 00:15:10.660
Je ne pense pas que c’est l’une qui
Nous parlons assez proche.

00:15:10.660 --> 00:15:12.400
Mais c’est le signal perçu ou

00:15:12.400 --> 00:15:16.790
indication qu’un objet peut être utilisé.
Pour effectuer une action particulière.

00:15:16.790 --> 00:15:20.700
Ainsi, une porte présente une poignée
ou une campagne.

00:15:20.700 --> 00:15:23.280
Et il vous indiquera
l’utilisation de cette porte.

00:15:23.280 --> 00:15:26.010
À moins qu’il n’est pas effectuée correctement,
et nous avons tous vu cela se produit,

00:15:26.010 --> 00:15:29.330
remonter à la porte et
Accédez à pousser lorsque vous devez extraire,

00:15:29.330 --> 00:15:31.710
et que vous exécutez votre visage
et c’est super gênant.

00:15:31.710 --> 00:15:34.970
Et nous ne voulons pas que les personnes
Cela avec nos applications mobiles.

00:15:34.970 --> 00:15:36.820
Nous voulons correctement
Utilisez le caractère intuitif.

00:15:36.820 --> 00:15:39.134
Voici plusieurs différents
types d’intuitif.

00:15:39.134 --> 00:15:42.840
Nous avons intuitif explicit,
qui est d’appuyer sur me.

00:15:42.840 --> 00:15:46.230
Et sur iOS, vous avez peut-être vu
dans ces derniers temps, les applications

00:15:46.230 --> 00:15:49.265
ils ne doivent pas nécessairement
un arrière-plan pour le bouton ou

00:15:49.265 --> 00:15:51.730
même un plan d’un bouton,
Il s’agit uniquement du texte.

00:15:51.730 --> 00:15:54.700
Par conséquent, avoir un appel explicite à
action est importante pour que.

00:15:55.760 --> 00:15:59.830
Modèles, si vous disposez d’un regroupement
du texte qui se trouve en haut ou

00:15:59.830 --> 00:16:02.640
au bas d’un écran et
Il est divisé,

00:16:02.640 --> 00:16:04.050
Il n’est clairement pas une phrase.

00:16:04.050 --> 00:16:05.740
Il est plus que probable que, d’un menu.

00:16:05.740 --> 00:16:08.040
Et c’est un modèle commun,
Nous pouvons remarquer que beaucoup sur le web.

00:16:09.080 --> 00:16:10.860
Que les utilisateurs comprennent, et

00:16:10.860 --> 00:16:12.390
Ce modèle est quelque chose
ils peuvent suivre.

00:16:12.390 --> 00:16:13.510
Il s’agit d’un appel à l’action.

00:16:14.510 --> 00:16:18.890
Métaphores, afin qu’ils soient des icônes
qui sont généralement comprises

00:16:18.890 --> 00:16:20.900
par le biais d’utilisation répétitive,

00:16:20.900 --> 00:16:23.340
ou nous avons donné
les ce sens.

00:16:23.340 --> 00:16:25.490
Nous avons imbued ce sens lors de
les, ou ils sont réels

00:16:25.490 --> 00:16:28.260
significations mis
dans l’espace numérique.

00:16:28.260 --> 00:16:30.700
Nous sommes parfaitement conscients que la Corbeille
va supprimer un élément,

00:16:30.700 --> 00:16:31.960
plus est va ajouter quelque chose,
etc.

00:16:31.960 --> 00:16:34.306
Et puis nous avons journal dans.

00:16:34.306 --> 00:16:36.722
Il s’agit d’un négatif intuitif, et
essentiellement le négatif

00:16:36.722 --> 00:16:39.272
le caractère intuitif indique simplement que vous
ne rien à cela.

00:16:39.272 --> 00:16:41.800
Nous l’avons désactivée et
jusqu'à ce qu’il arrive quelque chose d’autre,

00:16:41.800 --> 00:16:44.100
Il ne va pas être activée pour
action.

00:16:44.100 --> 00:16:47.070
Par conséquent, nous connaissons tous,
Je pense que, la plupart d'entre nous, avec qui.

00:16:49.450 --> 00:16:52.950
Donc, je veux renvoyer à la ligne
de l’avant avec cet appel de l’action.

00:16:52.950 --> 00:16:57.830
IOS, Android, série UWP, elles ont toutes
piliers très différents de ce qui

00:16:57.830 --> 00:17:01.970
rend leur conception de support
dans leur Communauté.

00:17:01.970 --> 00:17:04.900
Personnes qui utilisent une e/s
DISPOSITIF prévu des e/s

00:17:04.900 --> 00:17:06.730
pour les applications
comportement d’une certaine façon.

00:17:06.730 --> 00:17:08.940
Peuvent être de même pour les
Android, et

00:17:08.940 --> 00:17:12.370
peuvent être de même pour les
Applications UWP.

00:17:12.370 --> 00:17:16.860
Ainsi, le suivi de ces guides,
mesure de la recherche, vous devez savoir

00:17:16.860 --> 00:17:19.395
est important sur ces plates-formes
afin que que vous concevez votre

00:17:19.395 --> 00:17:21.010
inter-plateforme mobile
applications,

00:17:21.010 --> 00:17:22.450
J’espère qu’avec Xamarin,

00:17:22.450 --> 00:17:26.090
Vous ne pourrez pas avoir
le meilleur succès possible.

00:17:26.090 --> 00:17:26.880
Merci pour votre participation me.

00:17:26.880 --> 00:17:28.690
J’espère que cela a été
informatif, et

00:17:28.690 --> 00:17:31.564
Profitez de 2017 de génération de Microsoft.