WEBVTT 00:00:00.830 --> 00:00:02.740 Bienvenido a Microsoft Build 2017. 00:00:02.740 --> 00:00:06.560 Estamos aquí para hablar diseñar aplicaciones móviles. 00:00:06.560 --> 00:00:10.390 Me llamo David Ortinau, Soy director de programas 00:00:10.390 --> 00:00:13.630 con las herramientas de desarrollo móvil equipo y foros de Xamarin. 00:00:14.940 --> 00:00:16.880 Sólo un poco acerca de mí, He estado haciendo móviles y 00:00:16.880 --> 00:00:20.490 desarrollo Web ahora desarrollándose 20 años usando una variedad de 00:00:20.490 --> 00:00:23.740 plataformas, pero mi corazón y Mi amor es Xamarin. 00:00:23.740 --> 00:00:26.370 Y lo que me gusta de lo más por encima de todo, es lo que permite 00:00:26.370 --> 00:00:28.360 Deseo hacer desde el punto de vista de diseño 00:00:28.360 --> 00:00:31.090 ser fiel a cada plataforma 00:00:31.090 --> 00:00:34.850 para asegurarse de que se va a llevar la mejor experiencia posible. 00:00:34.850 --> 00:00:38.940 Por lo tanto, lo que quiero decir primero de todo para usted, quizás vas a venir 00:00:38.940 --> 00:00:41.880 desde un punto de vista web, tal vez Vas a venir desde un escritorio 00:00:41.880 --> 00:00:44.790 punto de vista del desarrollo, o el punto de vista de diseño, pero 00:00:44.790 --> 00:00:47.650 es realmente importante que estamos todos los diseñadores. 00:00:47.650 --> 00:00:52.010 Tenemos un papel en el diseño de nuestras aplicaciones. 00:00:52.010 --> 00:00:55.150 Por lo tanto, si está implicado en el principio, el edificio 00:00:55.150 --> 00:00:59.520 la interfaz de usuario, lo que determinar el experiencia va a ser, o 00:00:59.520 --> 00:01:01.040 que implementa ese diseño 00:01:01.040 --> 00:01:03.810 Estamos haciendo que diseño decisiones a lo largo del. 00:01:03.810 --> 00:01:05.210 Así que si entendemos y 00:01:05.210 --> 00:01:08.960 nosotros podemos asimilar la importante los aspectos de diseño y 00:01:08.960 --> 00:01:11.841 lo que hace realmente el buen diseño a diferencia de un diseño que 00:01:11.841 --> 00:01:16.350 va a causar frustración y angustia, vamos a entregar mejor. 00:01:16.350 --> 00:01:19.610 Por lo tanto, vamos a hablar la primera cosa que 00:01:19.610 --> 00:01:23.230 Me gusta hacer es realización de pruebas de usuario. 00:01:23.230 --> 00:01:25.990 Así que, quizá, tiene un laboratorio o 00:01:25.990 --> 00:01:29.400 Considérelo como algo más de una persona de la investigación, pero 00:01:29.400 --> 00:01:31.960 Esto es algo que nos puede hacer incluso informal. 00:01:33.830 --> 00:01:36.620 Aquí está mi rápido Guía para proporcionar 00:01:36.620 --> 00:01:39.450 pruebas de usuario básica rápidamente. 00:01:39.450 --> 00:01:42.160 Proporcionar como contexto poco y dirección según sea necesario. 00:01:42.160 --> 00:01:44.990 Tomar alguien en la cafetería o 00:01:44.990 --> 00:01:48.260 siempre que usted sabe, le compre una taza de café y diga: 00:01:48.260 --> 00:01:51.550 Hola, estoy probando a un móvil ¿App, me ayudarán? 00:01:51.550 --> 00:01:54.210 Le sentarse y le doy simplemente las básicas. 00:01:54.210 --> 00:01:56.400 No le doy demasiado información porque si lo hace 00:01:56.400 --> 00:01:57.720 terminará cebado de ellos. 00:01:57.720 --> 00:01:59.816 Terminará dándoles demasiada información y 00:01:59.816 --> 00:02:02.210 sólo podrá regurgitan que a usted. 00:02:02.210 --> 00:02:05.640 Y a continuación, animarlos cuando exploran la aplicación o 00:02:05.640 --> 00:02:08.240 exploran la actividad que se les ha concedido orientación para. 00:02:10.350 --> 00:02:12.860 Animarlos a expresar ninguna restricción ¿Qué está ocurriendo a través de 00:02:12.860 --> 00:02:13.940 su cabeza. 00:02:13.940 --> 00:02:17.090 Pídales que diga, Hola, que estoy usando la aplicación y estoy buscando 00:02:17.090 --> 00:02:21.160 Qué hacer y tal vez se obtienen perdido, o bien, eso está muy bien, 00:02:21.160 --> 00:02:23.120 y empezará a obtener algunos realmente bueno allí sus comentarios. 00:02:24.480 --> 00:02:26.720 Y luego escuchar y inspeccionar y observar. 00:02:26.720 --> 00:02:28.070 Simplemente sentarse y 00:02:28.070 --> 00:02:30.770 permitir que se vaya haciendo lo que resulta que está haciendo. 00:02:30.770 --> 00:02:33.320 Por lo tanto, un ejemplo muy rápido de mi experiencia personal. 00:02:33.320 --> 00:02:36.430 Yo me diseñar una aplicación, era algo que estaba cerca y 00:02:36.430 --> 00:02:40.320 Estimado a mi corazón y pensé que había perfilado el diseño. 00:02:40.320 --> 00:02:42.790 Por lo tanto, me encontré con un amigo en Starbucks y 00:02:42.790 --> 00:02:45.470 Poner la aplicación frente a ella y le dieron los conceptos básicos. 00:02:45.470 --> 00:02:47.360 Aquí es el tipo de lo que hace la aplicación. 00:02:47.360 --> 00:02:48.210 ¿Qué te parece? 00:02:48.210 --> 00:02:49.430 Y le dieron esos pasos. 00:02:49.430 --> 00:02:51.160 Y ella empezó a ir sobre el mismo, y ella consiguió a 00:02:51.160 --> 00:02:54.100 una de las pantallas en ella agregaba un objetivo a la aplicación. 00:02:54.100 --> 00:02:56.100 Y empezó a explorar, y ¿dice? 00:02:56.100 --> 00:02:58.880 Bien, no sé dónde ir ahora. 00:02:58.880 --> 00:02:59.890 Estoy algo perdido. 00:02:59.890 --> 00:03:01.380 Así que tuve que darle un zumbido. 00:03:01.380 --> 00:03:04.454 Y, por lo que me dijo que quizás había algo que podía hacer 00:03:04.454 --> 00:03:06.510 para mejorar ese flujo de trabajo. 00:03:06.510 --> 00:03:08.942 Y, a continuación como ella consiguió a la siguiente a la pantalla siguiente, 00:03:08.942 --> 00:03:10.420 de repente ella decía wow. 00:03:10.420 --> 00:03:11.140 Eso es realmente genial. 00:03:11.140 --> 00:03:12.660 No había pensé, de ese modo. 00:03:12.660 --> 00:03:15.300 Así que me di cuenta de que había un oportunidad para deleite de los usuarios 00:03:15.300 --> 00:03:16.490 en ese momento. 00:03:16.490 --> 00:03:19.510 Y acaba de crear como un conocimiento más profundo de 00:03:19.510 --> 00:03:23.600 acerca de lo que funcionó y lo que no funcionó en la aplicación. 00:03:23.600 --> 00:03:26.580 Y he podido volver atrás, modernizar el diseño y 00:03:26.580 --> 00:03:28.870 proponer algo incluso mejor. 00:03:28.870 --> 00:03:31.770 Por lo tanto, como usted puede no tiene que ser un gran problema 00:03:31.770 --> 00:03:34.490 pueden dirigir las pruebas de usuario totalmente informal, 00:03:34.490 --> 00:03:36.550 Si usted puede ir formal ruta de hacerlo en la práctica, 00:03:36.550 --> 00:03:38.950 tiene que registran y todo eso, así que es impresionante. 00:03:40.600 --> 00:03:45.230 Principio número dos, una cosa por pantalla. 00:03:45.230 --> 00:03:48.870 Por lo que esto significa es, para ejemplo, en el lado izquierdo, 00:03:48.870 --> 00:03:50.420 tenemos una muestra en pantalla. 00:03:50.420 --> 00:03:52.460 Lo hace realmente algo. 00:03:52.460 --> 00:03:55.690 Por lo tanto, debe no ser ninguna confusión. 00:03:55.690 --> 00:03:56.970 Cuando un usuario obtiene a esta pantalla, 00:03:56.970 --> 00:03:58.370 está claro lo que va a realizar. 00:03:58.370 --> 00:04:00.160 Y si el no saber qué hacer, 00:04:00.160 --> 00:04:04.210 ellos tienen el botón registrar, Regístrese en el botón debajo de ella. 00:04:04.210 --> 00:04:06.390 Si se ha olvidado el Existen acciones secundarias, pero 00:04:06.390 --> 00:04:08.550 la acción principal, la finalidad principal de 00:04:08.550 --> 00:04:10.130 esa pantalla absolutamente nada. 00:04:11.550 --> 00:04:14.670 La lista de sesiones y éste es el Xamarin de app de 2016 todos los que 00:04:14.670 --> 00:04:16.380 Estoy utilizando aquí para obtener un ejemplo. 00:04:16.380 --> 00:04:19.230 Y puede tomar cualquier aplicación que Abrir en el teléfono y 00:04:19.230 --> 00:04:22.110 pregunta: ¿qué es el ¿lo que hace esta pantalla? 00:04:22.110 --> 00:04:24.100 Especialmente en las aplicaciones que funciona muy bien para usted. 00:04:25.840 --> 00:04:29.282 Y, a continuación, por lo tanto, la sesión la función principal de la pantalla, 00:04:29.282 --> 00:04:31.734 es esa pantalla de sesión proporcionar una lista de las sesiones. 00:04:31.734 --> 00:04:34.150 Y por supuesto, la principal acción que va a ser buscar, pero 00:04:34.150 --> 00:04:35.630 También tenemos la acción secundaria. 00:04:35.630 --> 00:04:40.160 Por lo que no es que la pantalla no se puede hacer más de una cosa, pero 00:04:40.160 --> 00:04:42.270 lo único que debería ser obvio. 00:04:42.270 --> 00:04:43.626 Y, a continuación, en la sesión pantalla de detalles 00:04:43.626 --> 00:04:45.590 lo principal que no existe Obviamente le dice 00:04:45.590 --> 00:04:48.340 los detalles sobre la sesión lo que hace. 00:04:48.340 --> 00:04:51.520 Pero la acción principal en este punto es valorar esa sesión. 00:04:51.520 --> 00:04:52.840 Y, por supuesto, está diciendo, 00:04:52.840 --> 00:04:53.890 bien ¿por qué velocidad de la sesión 00:04:53.890 --> 00:04:55.580 Yo no he visto ¿la sesión aún? 00:04:55.580 --> 00:04:58.180 Pero eso es porque la sesión ya ha ocurrido, lo 00:04:58.180 --> 00:05:00.270 lo único puede hacer es valorarlo. 00:05:00.270 --> 00:05:01.290 Así que analicémosla con navegación. 00:05:02.500 --> 00:05:03.700 Así, cuando se trata de navegación, 00:05:03.700 --> 00:05:08.040 cada plataforma predominaba tiene su propio esquema de navegación o patrones 00:05:08.040 --> 00:05:11.780 que son más coherentes en plataforma en la que se espera. 00:05:11.780 --> 00:05:15.390 IOS en ese supuesto, tiene la barra de fichas en la parte inferior. 00:05:15.390 --> 00:05:19.010 UWP y Android ambos tipo de siempre recurre a volar fuera o 00:05:19.010 --> 00:05:20.700 menús de principal-detalle. 00:05:20.700 --> 00:05:24.200 De ser así, comprender y saber ¿qué los patrones de navegación 00:05:24.200 --> 00:05:28.718 son es útil para que sepamos Cómo permitir a los usuarios navegar. 00:05:28.718 --> 00:05:32.000 Ahora, recuerde que UWP y 00:05:32.000 --> 00:05:36.520 Android tener atrás botones en sus dispositivos. 00:05:36.520 --> 00:05:40.990 Lo que significa que tener noción sobre los impactos del dispositivo 00:05:40.990 --> 00:05:45.540 ¿Qué exploración está se va a utilizar en la interfaz de usuario. 00:05:45.540 --> 00:05:49.220 Por el contrario tiene IOS el golpe fuerte para volver atrás 00:05:49.220 --> 00:05:51.820 presentó, lo que algo a tener en cuenta también. 00:05:53.230 --> 00:05:55.270 Hablemos un momento acerca de la accesibilidad. 00:05:55.270 --> 00:05:57.940 Por lo que es muy importante especialmente en Microsoft, 00:05:57.940 --> 00:06:00.740 Ciertamente derrotar esta tambor Creemos que esto es importante 00:06:00.740 --> 00:06:05.160 que los usuarios necesitan poder ver el texto en la pantalla. 00:06:05.160 --> 00:06:08.340 Si tienen un deterioro de valor que requiere tener la voz sobre 00:06:08.340 --> 00:06:12.020 activado que tenemos como desarrolladores activan, 00:06:12.020 --> 00:06:13.180 la denominación y 00:06:13.180 --> 00:06:16.964 la descripción para que obtenemos leen esas cosas a nosotros. 00:06:16.964 --> 00:06:19.940 Y también asegurarse de que el contraste es bueno. 00:06:19.940 --> 00:06:22.070 Se trata de todo simples cosas que hay que probar, y 00:06:22.070 --> 00:06:24.510 pruebas de usuario pasa un valor long forma a informarle 00:06:24.510 --> 00:06:27.050 Si está haciendo bien en esos casos. 00:06:27.050 --> 00:06:29.060 Así sucesivamente la pantalla aquí vea volveré y 00:06:29.060 --> 00:06:32.520 hacia delante un par de veces, pero el texto es pequeño. 00:06:32.520 --> 00:06:36.770 Y, a continuación, cuando hemos habilitado unidades de medida que nuestro dispositivo 00:06:36.770 --> 00:06:39.140 independiente, o densidad independiente, 00:06:39.140 --> 00:06:42.600 a continuación, como los cambios de usuario su configuración de accesibilidad 00:06:42.600 --> 00:06:45.205 obtendrá mayor texto como corresponda. 00:06:45.205 --> 00:06:47.865 Xamarin formularios, por cierto, da Esto es bastante parecido para 00:06:47.865 --> 00:06:53.095 libre porque utiliza, en lugar de dimensiones fijas y 00:06:53.095 --> 00:06:55.685 utiliza unidades de medida, una unidad de medida que está 00:06:55.685 --> 00:06:57.875 traducir hacia abajo para cada plataforma. 00:06:59.095 --> 00:07:00.255 Bueno, diseñar para touch. 00:07:00.255 --> 00:07:03.765 Obviamente, esto es un móvil centrado hablar de diseño. 00:07:03.765 --> 00:07:07.840 Por lo tanto, queremos hablar lo que es importante para la entrada táctil. 00:07:07.840 --> 00:07:09.750 Personas tienen sus dispositivos de diferentes maneras. 00:07:09.750 --> 00:07:11.732 Tiene mucha investigación se ha hecho en este. 00:07:11.732 --> 00:07:15.480 Con una sola mano, 49% de personas utilizarlo de esta forma. 00:07:15.480 --> 00:07:17.740 Base de acoplamiento, que sería con una mano aquí y 00:07:17.740 --> 00:07:19.360 a continuación, otra parte tocado. 00:07:19.360 --> 00:07:21.480 O manos, especialmente en el caso de una tableta. 00:07:21.480 --> 00:07:23.960 Pero puede que no sea siempre en la parte inferior de la pantalla 00:07:23.960 --> 00:07:25.820 podría ser central de la pantalla y 00:07:25.820 --> 00:07:30.380 que afectan a donde puede llegar a partes de la interfaz de usuario. 00:07:31.940 --> 00:07:36.230 Así que el verde en este ejemplo se refiere al área sí. 00:07:36.230 --> 00:07:39.760 Aquí es donde puede fácilmente tener acceso y tocar fácilmente las cosas 00:07:39.760 --> 00:07:43.060 en esta pantalla, especialmente en esta posición con una sola mano. 00:07:43.060 --> 00:07:45.638 A continuación, en la siguiente área es la TI de correcto. 00:07:45.638 --> 00:07:47.704 Tipo de se puede tocar. 00:07:47.704 --> 00:07:50.426 Se puede acceder a ella si necesita pero no es realmente un estiramiento. 00:07:50.426 --> 00:07:53.302 Y luego, por supuesto, tienes que ahora la esquina allí arriba que 00:07:53.302 --> 00:07:54.932 a menos que tenga manos muy grandes y 00:07:54.932 --> 00:07:57.828 un dispositivo pequeño realmente va a ser problemática para llegar a. 00:07:57.828 --> 00:08:01.518 Y si tenemos en cuenta esto de condiciones donde los elementos de la interfaz de usuario 00:08:01.518 --> 00:08:05.602 existen en los dispositivos en el aplicaciones que utiliza, 00:08:05.602 --> 00:08:09.213 descubrirá que las cosas que menos acceso a, 00:08:09.213 --> 00:08:12.118 Esta opción de menú hamburguesa, Por ejemplo, 00:08:12.118 --> 00:08:15.986 en un interfaz de usuario flotante, se va a no ser fácilmente accesible. 00:08:15.986 --> 00:08:18.539 Pero todavía puede tener acceso a él Cuando necesite obtener acceso a él. 00:08:18.539 --> 00:08:21.853 Y, a continuación, por supuesto, iOS en uno punto introducido ese doble punteo 00:08:21.853 --> 00:08:24.926 o triple punteo del botón Inicio Sin embargo, tiene configurar 00:08:24.926 --> 00:08:27.800 proporciona la interfaz de usuario lo abajo que puede verla. 00:08:27.800 --> 00:08:30.870 Que era una forma de conseguir ayuda allí. 00:08:30.870 --> 00:08:33.480 Pero Steven Hoober, que le acabo mencionar, ha realizado ciertas investigaciones 00:08:33.480 --> 00:08:37.290 y hay un gran libro Mobile de diseñar Interfaces 00:08:37.290 --> 00:08:39.310 tiene realmente buena parte de la información acerca de este tipo de cosas. 00:08:40.400 --> 00:08:42.590 Y por supuesto, si está zurdo, sólo debe invertir. 00:08:42.590 --> 00:08:43.370 Y si estás manos, 00:08:43.370 --> 00:08:45.200 Puede que el tipo de cosa de la misma de ese modo. 00:08:45.200 --> 00:08:47.320 Así, cuando se va a colocar los elementos de la interfaz de usuario, 00:08:47.320 --> 00:08:49.740 Tenga en cuenta dónde está poner las cosas. 00:08:49.740 --> 00:08:53.291 Otra cosa a tener en cuenta cuando se trata de táctil es el tamaño de 00:08:53.291 --> 00:08:54.191 los botones. 00:08:54.191 --> 00:08:57.508 Si tiene texto muy pequeño que se supone que es tangible 00:08:57.508 --> 00:09:00.887 y toma medidas, o si tiene botones y están demasiado pequeños o 00:09:00.887 --> 00:09:02.992 están demasiado cercanas a otra cosa, 00:09:02.992 --> 00:09:06.217 resulta muy difícil para personas que utilizan esos botones. 00:09:06.217 --> 00:09:08.957 Quiero decir, hemos experimentado todas la frustración de tratar de visitas 00:09:08.957 --> 00:09:10.428 ese botón, y se lo haya perdido y 00:09:10.428 --> 00:09:13.117 golpear la cosa junto a él y Ahora eres super frustrados y 00:09:13.117 --> 00:09:15.580 Enfadado y estás gritando a el programador que lo hizo. 00:09:15.580 --> 00:09:19.390 Por lo que una buena regla general, 40 píxeles y 00:09:19.390 --> 00:09:22.650 un margen de 5 píxeles entre los elemento y otra cosa. 00:09:22.650 --> 00:09:26.370 Pero como sabemos, hoy en día los dispositivos tiene varias densidades 00:09:26.370 --> 00:09:29.440 lo que significa que 40 píxeles en un dispositivo es no 40 píxeles en 00:09:29.440 --> 00:09:33.090 otro dispositivo físico ¿medición de sentido, derecha? 00:09:33.090 --> 00:09:34.990 Entonces ¿qué píxeles ¿en serio ya? 00:09:36.240 --> 00:09:39.810 Así que Apple y Android, y Plataforma Windows universal, 00:09:39.810 --> 00:09:42.470 Microsoft, todo el mundo ha subido con una forma diferente de expresar 00:09:42.470 --> 00:09:46.260 unidades de medida independiente del dispositivo y 00:09:46.260 --> 00:09:48.510 independiente de densidad de la pantalla. 00:09:48.510 --> 00:09:51.150 Apple es así, usar lo que denomina el punto. 00:09:51.150 --> 00:09:53.275 Tiene Android Densidad de píxeles independientes o 00:09:53.275 --> 00:09:56.550 lo que comúnmente se conoce a como del DP y de DP. 00:09:56.550 --> 00:09:59.430 Y, a continuación, utiliza el UWP Píxeles independientes del dispositivo. 00:09:59.430 --> 00:10:02.390 Y una vez más, esto es algo que hace un buen Xamarin formularios 00:10:02.390 --> 00:10:04.163 trabajo de abstraer de manera usted, lo 00:10:04.163 --> 00:10:07.004 que se pueden expresar las unidades de medida una vez y se obtiene 00:10:07.004 --> 00:10:09.930 traducido por lo que esa plataforma escala adecuadamente. 00:10:09.930 --> 00:10:13.880 Pero cuando se trata de decisiones activos para nuestros dispositivos y para 00:10:13.880 --> 00:10:17.030 Tenga en cuenta nuestras aplicaciones Esta cuadrícula de la derecha aquí. 00:10:17.030 --> 00:10:19.280 Eso es un montón de cosas que deben crearse. 00:10:19.280 --> 00:10:21.370 Que representa todos los diferentes tamaños de 00:10:21.370 --> 00:10:24.210 las distintas densidades o al menos la mayoría de ellos que 00:10:24.210 --> 00:10:28.990 debe crear copias de cada imagen para estar preparado para 00:10:28.990 --> 00:10:32.720 cada una de esas plataformas a aquellos escala en dichas resoluciones. 00:10:32.720 --> 00:10:33.650 ¿Eso es un problema, derecho? 00:10:33.650 --> 00:10:36.930 Píxeles es así realmente, aunque todavía realizamos nuestras imágenes y 00:10:36.930 --> 00:10:41.080 nuestros activos en un tamaño de píxel, es no se procesa en ese tamaño, y 00:10:41.080 --> 00:10:43.480 eso es un montón de ilustración para crear. 00:10:43.480 --> 00:10:44.970 ¿Cómo se soluciona? 00:10:46.040 --> 00:10:48.050 Diseñamos con gráficos vectoriales. 00:10:48.050 --> 00:10:50.770 Esta es una imagen aquí de esbozo de la aplicación que es una 00:10:50.770 --> 00:10:52.180 de Mis favoritos en el lado de Mac. 00:10:52.180 --> 00:10:54.540 Y hay otras opciones en el lado de Windows. 00:10:54.540 --> 00:10:56.474 Esbozar (Sketch) no es un que hay disponible. 00:10:56.474 --> 00:11:00.635 Pero en esencia, es un vector aplicación de dibujo y éste 00:11:00.635 --> 00:11:04.335 en particular se orienta a dispositivos móviles y aplicaciones web. 00:11:04.335 --> 00:11:07.695 Así que lo que permite nos es crear 00:11:07.695 --> 00:11:11.080 un prototipo de alta fidelidad como así como el arte de producción listo. 00:11:11.080 --> 00:11:14.180 Y, a continuación, cuando llega el momento para producir esas obras de arte, 00:11:14.180 --> 00:11:16.890 todas aquellas imágenes que observamos en esa pantalla anterior en absoluto 00:11:16.890 --> 00:11:20.790 los diversos tamaños, podemos realizar una exportación de vector de esbozo. 00:11:20.790 --> 00:11:23.700 Y nuevamente, otras aplicaciones Hay otras formas de hacerlo 00:11:23.700 --> 00:11:25.680 que también es eficaz. 00:11:25.680 --> 00:11:28.900 Y a continuación, a la vez, da nosotros todos los tamaños que necesitamos. 00:11:29.980 --> 00:11:33.930 Para obtener más información acerca de esto, Desproteger mi evolucionan Xamarin 00:11:33.930 --> 00:11:37.142 sesión de 2016, sólo un poco a continuación, enchufe di 00:11:37.142 --> 00:11:40.720 en el diseño para el desarrollo Flujo de trabajo donde cubren 00:11:40.720 --> 00:11:43.610 dicha herramienta, así como muchos otras herramientas que hemos 00:11:43.610 --> 00:11:46.780 realmente éxito con en creación de aplicaciones móviles. 00:11:47.860 --> 00:11:50.270 Por lo tanto, vamos a hablar diseño de contexto. 00:11:50.270 --> 00:11:51.900 Ahora ¿qué entendemos por esto? 00:11:51.900 --> 00:11:54.500 O sea, si se encuentra en el desierto en un alza 00:11:54.500 --> 00:11:55.630 ¿quién no quiere ser? 00:11:55.630 --> 00:11:58.540 Si se encuentra en el metro muchos de nosotros tenían que hacerlo. 00:11:58.540 --> 00:12:01.200 O si estás en casa el sofá, los que son diferentes 00:12:01.200 --> 00:12:03.610 lugares en los que estamos utilizando nuestras aplicaciones móviles. 00:12:05.180 --> 00:12:06.810 Así que considere si está en una excursión 00:12:06.810 --> 00:12:09.500 ¿Qué características podrían ¿ser importante para usted? 00:12:09.500 --> 00:12:11.840 Sin conexión, claramente, va a ser un problema. 00:12:11.840 --> 00:12:14.450 Las pirámides, yo no sé, No he sido pero ahí 00:12:14.450 --> 00:12:16.400 no se puede una celda de la torre cerca por. 00:12:17.436 --> 00:12:20.100 Por lo que va a hacer seguro que la aplicación 00:12:20.100 --> 00:12:22.600 Si se espera que el usuario utilizar esa aplicación 00:12:22.600 --> 00:12:25.518 en ese entorno, como buena funcionalidad sin conexión. 00:12:25.518 --> 00:12:27.730 No hay nada peor que apertura de la aplicación y 00:12:27.730 --> 00:12:31.233 que decir, lo sentimos, Estás sin conexión no se puede hacer esquí. 00:12:31.233 --> 00:12:35.530 Sincronización de sin conexión, en línea, por supuesto, Si está trabajando sin conexión, 00:12:35.530 --> 00:12:36.830 una vez que conecta de nuevo, 00:12:36.830 --> 00:12:38.190 desea asegurarse de que que se puede sincronizar. 00:12:39.220 --> 00:12:41.653 Y a continuación, servicios de localización Claro 00:12:41.653 --> 00:12:45.007 asignación de voz quizás todos estos elementos están disponibles para 00:12:45.007 --> 00:12:46.468 que en dicho entorno. 00:12:46.468 --> 00:12:50.794 Pero, si estás en el metro, qué subterráneos notoriamente ruidoso, 00:12:50.794 --> 00:12:53.960 deberá mantener en algo tan ciertamente, 00:12:53.960 --> 00:12:55.914 un uso de mano es una prioridad. 00:12:55.914 --> 00:12:58.669 Privacidad, no desea que alguien mirando por encima de su hombro mientras 00:12:58.669 --> 00:13:01.280 utiliza la aplicación, o tal vez no importa para 00:13:01.280 --> 00:13:02.100 la aplicación. 00:13:02.100 --> 00:13:04.630 Pero si lo hace, eso es algo a tener en cuenta. 00:13:04.630 --> 00:13:05.430 Pero es ruidoso. 00:13:05.430 --> 00:13:09.300 Si su aplicación depende de reconocimiento de voz, que no es 00:13:09.300 --> 00:13:12.050 una buena elección si va para ser utilizado en un metro. 00:13:12.050 --> 00:13:14.370 ¿Desea tener un plan de copia de seguridad para eso. 00:13:14.370 --> 00:13:16.280 Y, a continuación del curso WiFi frente a celular, 00:13:16.280 --> 00:13:18.700 Estás siendo respetuosos ¿de las cargas de datos del usuario? 00:13:19.870 --> 00:13:22.340 Y si le ocurre como a mí y se está en casa sentado en el sofá y 00:13:22.340 --> 00:13:25.720 ver la TV, hace su interfaz de la aplicación con las cosas que 00:13:25.720 --> 00:13:27.230 ¿están sucediendo en el Televisor? 00:13:27.230 --> 00:13:29.030 Tal vez, es un juego aplicación o 00:13:29.030 --> 00:13:32.640 un juego y desea poder hacer una cosa en tu teléfono y 00:13:32.640 --> 00:13:35.870 otra cosa en la TV y Pídales que trabajan juntos. 00:13:35.870 --> 00:13:36.930 ¿Están haciendo Bluetooth? 00:13:36.930 --> 00:13:37.680 ¿Está integrando? 00:13:37.680 --> 00:13:38.930 ¿Cómo está integrando? 00:13:38.930 --> 00:13:42.010 Estas son todas las cosas a tener en cuenta desde un punto de vista de diseño 00:13:42.010 --> 00:13:44.590 para resaltar su aplicación realmente Aparte de la competencia. 00:13:46.980 --> 00:13:49.373 Lo que es muy interesante que proceden de 00:13:49.373 --> 00:13:51.765 recientemente en estudios sobre los últimos años es que 00:13:51.765 --> 00:13:53.336 no utilizan personas un solo dispositivo. 00:13:53.336 --> 00:13:56.416 Y no sólo no utilizar un solo dispositivo, pero 00:13:56.416 --> 00:14:00.729 a menudo se usarán ese dispositivo y al mismo tiempo, otro dispositivo 00:14:00.729 --> 00:14:03.127 o que van a utilizar ellos secuencialmente. 00:14:03.127 --> 00:14:04.869 Comenzará a una actividad en un dispositivo y 00:14:04.869 --> 00:14:07.130 a continuación, moverá para otros dispositivos. 00:14:07.130 --> 00:14:10.784 Así que, para el estudio reciente y se trata de un estudio de Google desde 00:14:10.784 --> 00:14:13.485 investigación de marketing proyecto que lo hicieron, 00:14:13.485 --> 00:14:17.810 el 57% de las personas utilizar múltiples dispositivos, 21% simultáneamente. 00:14:17.810 --> 00:14:20.790 Pero la clave es, uno de lo énfasis es 00:14:20.790 --> 00:14:24.673 desde que la investigación constató que en primer lugar es móvil todavía. 00:14:24.673 --> 00:14:27.995 Y algunos ejemplos excelentes de actividades de que personas 00:14:27.995 --> 00:14:30.745 de un dispositivo para otro dispositivo, compras, 00:14:30.745 --> 00:14:33.315 video streaming, juegos. 00:14:33.315 --> 00:14:35.955 Por tanto, si la aplicación va a se utiliza en varios dispositivos, 00:14:35.955 --> 00:14:39.470 Tenga en cuenta cómo va a tratar esa, sincronización en línea, sin conexión. 00:14:39.470 --> 00:14:41.320 Azure tiene excelentes servicios y 00:14:41.320 --> 00:14:44.240 He utilizado los servicios móviles paquete de ellos hacerlo. 00:14:44.240 --> 00:14:47.100 Ahora también funciona territorio DB con Azure hacer en línea, 00:14:47.100 --> 00:14:49.130 sincronización sin conexión, que es muy interesante. 00:14:49.130 --> 00:14:49.850 Estas son algunas 00:14:49.850 --> 00:14:52.640 excelente cosas para mirar desde una perspectiva de desarrollo. 00:14:52.640 --> 00:14:54.960 Pero desde una perspectiva de diseño, Tenga en cuenta, 00:14:54.960 --> 00:14:58.070 ¿Qué está haciendo para admitir estos tipos de actividades, y 00:14:58.070 --> 00:15:00.200 Estás siendo coherentes no sólo con el diseño y 00:15:00.200 --> 00:15:02.320 su marca pero ¿su funcionalidad a través de los? 00:15:04.760 --> 00:15:06.180 Bueno, una palabra acerca de captación intuitiva. 00:15:06.180 --> 00:15:07.960 Captación intuitiva es uno de Mis palabras favoritas y 00:15:07.960 --> 00:15:10.660 No creo que es uno que hablamos lo suficientemente cerca. 00:15:10.660 --> 00:15:12.400 Pero resulta que la señal percibida o 00:15:12.400 --> 00:15:16.790 pista que se puede utilizar un objeto para realizar una acción determinada. 00:15:16.790 --> 00:15:20.700 Por lo tanto, una puerta tiene un identificador, o una inserción. 00:15:20.700 --> 00:15:23.280 Y le indicará cómo utilizar esa puerta. 00:15:23.280 --> 00:15:26.010 A menos que no se realiza correctamente, y hemos visto esto suceda, 00:15:26.010 --> 00:15:29.330 acercarse a la puerta y Vaya a empujar cuando se deben extraer, 00:15:29.330 --> 00:15:31.710 y ejecutar su cara en él, y es super embarazoso. 00:15:31.710 --> 00:15:34.970 Y no queremos tener gente hacer lo mismo con nuestras aplicaciones móviles. 00:15:34.970 --> 00:15:36.820 Por lo que deseamos correctamente Utilice la captación intuitiva. 00:15:36.820 --> 00:15:39.134 A continuación se ofrecen varios diferente tipos de captación intuitiva. 00:15:39.134 --> 00:15:42.840 Tenemos captación intuitiva explícita, que se empuje me. 00:15:42.840 --> 00:15:46.230 Y en iOS, puede que haya visto Esto en aplicaciones últimamente, 00:15:46.230 --> 00:15:49.265 no tienen necesariamente un fondo para el botón o 00:15:49.265 --> 00:15:51.730 incluso un esquema de un botón es sólo texto. 00:15:51.730 --> 00:15:54.700 Por lo tanto, tener una llamada explícita a es importante la acción. 00:15:55.760 --> 00:15:59.830 Patrones, si tiene una agrupación texto que se encuentra en la parte superior o 00:15:59.830 --> 00:16:02.640 en la parte inferior de la pantalla y se ha dividido, 00:16:02.640 --> 00:16:04.050 claramente no es una frase. 00:16:04.050 --> 00:16:05.740 Es más probable es que un menú. 00:16:05.740 --> 00:16:08.040 Y eso es un patrón común, vemos en el diseño web mucho. 00:16:09.080 --> 00:16:10.860 Que comprenden las personas, y 00:16:10.860 --> 00:16:12.390 Este patrón es algo pueden seguir. 00:16:12.390 --> 00:16:13.510 Es una llamada a la acción. 00:16:14.510 --> 00:16:18.890 Metáforas, por lo que éstos son los iconos que habitualmente se entiende 00:16:18.890 --> 00:16:20.900 mediante el uso repetitivo, 00:16:20.900 --> 00:16:23.340 o hemos dado ellos ese significado. 00:16:23.340 --> 00:16:25.490 Nos hemos impregnada ese significado al o bien están del mundo real 00:16:25.490 --> 00:16:28.260 significados que aportan en el espacio digital. 00:16:28.260 --> 00:16:30.700 Porque sabemos que basura va a eliminar algo, 00:16:30.700 --> 00:16:31.960 Plus va a agregar algo, etcetera. 00:16:31.960 --> 00:16:34.306 Y, a continuación, tenemos registro en. 00:16:34.306 --> 00:16:36.722 Es una captación intuitiva negativo, y básicamente lo que un negativo 00:16:36.722 --> 00:16:39.272 captación intuitiva está diciendo es que usted no se hace nada con esto. 00:16:39.272 --> 00:16:41.800 Que hemos desactivado y hasta que ocurre algo más, 00:16:41.800 --> 00:16:44.100 no va a estar habilitado para acción. 00:16:44.100 --> 00:16:47.070 Por lo tanto, estamos familiarizados, Creo que, la mayoría de nosotros, con eso. 00:16:49.450 --> 00:16:52.950 Por lo, deseo ajustar con esta llamada de acción de seguridad. 00:16:52.950 --> 00:16:57.830 IOS, Android, UWP, todos tienen pilares muy distintas de lo que 00:16:57.830 --> 00:17:01.970 hace que su diseño stand en su comunidad. 00:17:01.970 --> 00:17:04.900 Personas que utilizan un iOS espera de dispositivo iOS 00:17:04.900 --> 00:17:06.730 aplicaciones de se comportan de una manera determinada. 00:17:06.730 --> 00:17:08.940 Lo mismo puede decirse de Android, y 00:17:08.940 --> 00:17:12.370 lo mismo puede decirse de Aplicaciones UWP. 00:17:12.370 --> 00:17:16.860 Por lo tanto, realizar un seguimiento de estas guías, la investigación de ellos, conocer lo que 00:17:16.860 --> 00:17:19.395 es importante en estas plataformas para que la medida que se va a diseñar su 00:17:19.395 --> 00:17:21.010 mobile multiplataforma aplicaciones, 00:17:21.010 --> 00:17:22.450 es de esperar que con Xamarin, 00:17:22.450 --> 00:17:26.090 podrá tener el mejor éxito posible. 00:17:26.090 --> 00:17:26.880 Gracias por reunirse conmigo. 00:17:26.880 --> 00:17:28.690 Espero que esto era informativo, y 00:17:28.690 --> 00:17:31.564 Disfrute de 2017 de generación de Microsoft.