JORDAN Jozwiak: Así que hoy vamos para hablar sobre el diseño de Android elegante. Así que antes de empezar, solo quiero Califico de que hace un año yo diría No tenía ninguna experiencia con el diseño, y yo preocupaba por el buen diseño, pero no lo hice realmente saben lo que eso significaba. Y me gustaría probar, pero no lo hice siempre saber lo que debe buscar y lo que haría hacer un buen producto. Así que ahora, he aprendido un poco más, y Sólo quiero compartir algunos de los experiencias con ustedes, y especialmente en el contexto de androide sistema operativo en el que hay una gran cantidad de problemas con la fragmentación, y algunos nuevos patrones de diseño que están surgiendo. Y si usted está interesado en tomar en una Aplicación para Android, de esta manera espero tener algo de perspectiva sobre lo que la experiencia del usuario y el usuario interfaz puede ser similar. 

También hace unos momentos, nos querido Joseph [? Ang?] su 21 cumpleaños feliz. Así que para todos los que estuvieron aquí hoy en día, sólo breve recapitulación. Así que esta es la realidad detallada explicación de lo que podríamos repasar hoy en día, un montón de buenos y malos ejemplos de diseño, alto nivel vista general, las preguntas de la fragmentación en Android, y luego un montón de diferentes patrones de diseño, que hablaremos. Pero para realmente romper hacia abajo, en en general, yo quería hablar de diseño de experimentar, lo que simplifica la interfaz de usuario, y en realidad deleitando al usuario y crear algo que es agradable. Así que vamos a ir a través de algunos generales conceptos de diseño, introducir Preocupaciones específicas Android-como, incluyendo la fragmentación, un par ejemplos, algunos patrones de diseño de Android, y luego algunos consejos de cierre por lo que debe buscar si estás interesados ​​en la mejora de la diseño de sus aplicaciones. 

Así, el miedo. Puede que no siempre asociar tecnología de miedo, pero por alguna personas que pueden ser. Yo sé que mi abuela en realidad decide no utilizar un ordenador, ya que Sería abrumador para ella. Pero incluso sobre una base mucho más al día, hay muchos de nosotros que cuando estamos utilizando una aplicación, no siempre lo hacemos saber a dónde ir. ¿Sabes lo que quieres hacer, pero no se puede encontrar que característica o ese botón. 

Y todos nos hemos encontrado mal diseño en un momento u otro, ya veces esta frustración es algo así como el miedo a lo desconocido. Y cuando tenemos ese miedo, en general - como la psicología nos ha dicho que tenemos el procesamiento primero en profundidad en lugar de primero en amplitud Así que si su usuario ya está frustrado con una mala experiencia del usuario, sólo lo van a centrarse cada vez más en lo que quieren hacer y cómo no pueden hacer Basó en lo que ellos están buscando. Así que realmente queremos centrarnos en intentar para crear una buena experiencia para el usuario, ya que va a hacer de ellos más capaz de interactuar de una manera positiva. 

Así que por el otro lado tenemos deleite. Y no es un estudio de la psicología - y algunos de estos conceptos generales de diseño que estoy hablando son basado en una charla de Dan De Harmon Ted Talk en el diseño. Y él habló de Alice Isen, que tenía este experimento en el que dos cuerdas la gente venía en un laboratorio, y hay fueron dos cadenas colgando, y no había manera de que pudieran llegar a tanto de las cuerdas al mismo tiempo. 

Así que para algunos de los participantes que eran entrando, le dijo: este es un CI prueba, y vamos a averiguar si o no se puede llegar a los dos las cuerdas. Así que muchos de ellos cogía uno y tratar de para llegar a la otra, y que no sería capaz de hacerlo. Y por lo que una gran cantidad de personas no esta prueba, la prueba de CI. Pero cuando entraron en el laboratorio y que se presentaron con un plato de dulces, sólo digo, hey, tenemos algunas caramelos extra, ¿quieres un poco? Y a continuación, se procedió con el examen y era sólo una especie de diversión, feliz, encuentro, mucha más gente podía que, de manera creativa, pensar en sus pies y digo, bueno tal vez si el swing esta cadena, entonces yo puedo coger la otra. 

Supongo que el punto aquí es que si usted tener una experiencia positiva, y su usuario es divertirse, son más probable que sea capaz de continuar interactuar de una manera positiva. He oído otra versión de este donde se puede ver a la gente de primera línea con una especie de balanceo cadena antes de llegan al laboratorio o en algún otro contexto. Y eso es otra cosa a considerar en un nivel menos emocional, que de alguna manera podría provocar que el usuario tenga una cierta reacción o conducirlos por una camino que usted quiere que ellos sigan. 

Esta no es la mejor gráfica por lo que estoy ir a parar, pero es otra idea que dentro de diseño, usted puede tener una inherente, visceral o de bajo nivel reacción a las cosas. Así que Jurassic Park aquí, aquí está el ilustraciones para el cartel de la película. Y hay algunos simples cosas que suceden. Al igual que el rojo y el amarillo, son colores de advertencia prudente que podía alertar de peligro, y encontrar un poco de miedo. Al mismo tiempo, las letras es una especie de medieval, y parece sin refinar. Así que en estos sentidos básicos, podemos tienen bajo nivel y primal reacciones de diseñar. 

También hay diseño reflexivo. Este es el Chevy Volt. Y se ve en muchos aspectos como una normal, coche, quiero decir que este es un buen gráfico de la misma. Parece una especie de fresco, el rojo y el luces azules son realmente sobresalen, pero en su mayor parte no hay nada demasiado espectacular acerca de este diseño. Por otro lado, se es un coche eléctrico. Va a conducir las primeras 40 millas de todo el electricidad y luego, eventualmente iniciar usando su motor de gas. Y este es el tipo de diseño en el que tal vez cuando usted lo está utilizando no lo hace sentirse muy emocionada por ello, pero cuando se piensa en ello en un nivel superior y lo que podríamos llamar el superyó, te sientes muy positiva al respecto, y que es una buena experiencia. 

Una vez más, se trata principalmente de diapositivas Dan De Harmon Ted Talk, y estos últimos dos son realmente convincentes. Este es un ejemplo de una tetera que al inclinar hacia un lado, originalmente - esto es cuando se pone el té en - por lo que si partimos de la derecha, vamos para poner el té en ese compartimento superior en el extremo derecho, y entonces va a empinada con el agua a lo largo de la parte inferior de la misma. Y luego, después de que ha estado preparando para un mientras, podemos ángulo hasta la mitad y que va a seguir un poco empinada, porque algunas de las hojas de té se todavía estar tocando el agua, sino que va a definitivamente se ralentizará el proceso. 

Y entonces estamos completamente listos, nos inclinamos es completamente vertical, y el agua de en la parte inferior y las hojas de té son en la parte superior, y que ya no es remojo, ya está listo para servir. Y eso es una bonita y tan sencilla ejemplo de gran diseño que es - en este caso, sólo estamos pensando sobre el uso de la tetera en más dimensiones, realidad que gira, y es en su lado, y cómo podríamos usar esto a nuestro favor. Es realmente maravilloso y divertido. 

Y la última parte es, usted puede contar una historia en el diseño. Esta silla en la que sin duda podría sentarse, pero también es particularmente divertido sólo para mirar. La pelota no está anclada a nada, pero te dan - Obviamente usted tiene esta sensación de cómo la silla está interactuando y desaparecidos la última parte de su pierna, tratando para llegar y conseguirlo. Y dentro de sus propias aplicaciones es - cuando se habla de la creación de usuario la experiencia y la marca, se trata de contar una historia y un desprendimiento de un general ambiente para que el usuario sabe a sentir de cierta manera, y se sienten bien por sentirse de esa manera. 

Y sorpresa. Así que esto se toma de parte de Google de I / O hablo desde el verano pasado. Estaban hablando de cómo, a lo largo de estos misma línea, quieren encantar usuario y que, de nuevo, entraron en la psicología de todo esto. Y ellos dijeron: todos los días experimentamos alrededor de 20 mil momentos de positivo y emociones negativas, y que, en general, se tarda aproximadamente tres emociones positivas que superan o para equilibrar una negativa. 

Y así, en el contexto de tecnología, aquí están hablando de cómo - que crearon Google Now, que es su nueva interfaz de búsqueda en Android. Y esta parte superior aquí que en el momento tiene una montaña y dice Google, en realidad cambiar dependiendo de su ubicación y la hora del día. Así que no importa donde se encuentre, montaña, finalmente, tendrá una noche tema cuando es de noche. 

Y la primera vez que volé de regreso a Boston de ser el hogar en Michigan, se cambiado a la Boston Horizonte por un tiempo. Y de nuevo, la ciudad de Boston durante la día, de noche, a veces era un imagen real, ya veces era sólo una especie de arte gráfico. Y es sorprendente y encantador. Ellos hacen el mismo tipo de cosa con su - Google hace - con la forma en que escriben la palabra Google en su página principal y tener algún tipo de juego u otro obras de arte que celebra un cierto día del año. 

Aceptar, por lo que se mueve ahora en adelante para Android específica cuestiones. Hay una gran cantidad de obstáculos que hay que hacer frente a la hora de diseñar para Android. Lo primero que a veces la gente tratar de descartar como no mucho de un problema, pero definitivamente es algo usted tiene que considerar, es la fragmentación en Android. Obviamente, si usted está diseñando para iOS, usted está diseñando para los iPhones y iPads. Y hay alguna variación ahora, sobre todo después de todos los años entre los diferentes dispositivos y el diferente resoluciones, pero para la mayor parte, usted sabe qué esperar. Y definitivamente se puede obtener algunos diferentes dispositivos y de prueba en los que, y usted sabe que usted está cubriendo la mayor parte del mercado. 

Con Android, que son sin duda los teléfonos más populares. Esto no es un gráfico reciente, pero es que representa la distribución de todos los los diferentes teléfonos de Android. Hay algunos principales que usted puede diseñar para y espero que usted es capturando la mayor parte - no la mayoría, pero una gran parte de su público, y por el que Quiero decir tal vez un 20%. Pero sin duda hay que considerar sobre todos estos diferentes pantalla , hay tres tamaños Android pulgadas teléfonos, y hay cinco pulgadas Los teléfonos Android. Y hay un montón de diferentes densidades de píxeles, y hay hay un montón de diferentes versiones de Android. 

Así que tenemos que diseñar las cosas para que que están bien abstracta y que tienen un diseño sensible. Usted no quiere diseñar algo tan se trata de utilizar toda la pantalla en un cinco pulgadas de pantalla y, a continuación, cuando se cambia la escala se reduce a una pantalla de tres pulgadas, De repente todo el texto se corta y las cajas son medidas de los extraños. Así que definitivamente tenemos que tener esto en la mente y pensar en la creación de un diseño que puede escalar fácilmente. 

Así que de nuevo, hablando de los diferentes dispositivos. Éstos son algunos de los diferentes tamaños de pantalla y densidades. Así que el tamaño mínimo de la pantalla aquí - ese es el gráfico de sectores de la izquierda - Supongo que no hay que mucha variación, decimos, por lo general, son todo el tamaño de pantalla normal, lo que cae a bajo Android directrices. Sin embargo, para las densidades de píxeles, de nuevo, puede ver que hay una amplia gama a partir de más píxeles de alta densidad a las pantallas de los píxeles de baja densidad. 

Y lo que esto significa es que los gráficos que utilice, usted tiene que hacer Seguro que estás pensando en lo que son ir a la escala, porque van a tomar hasta diferentes cantidades de espacio si no ajuste en consecuencia. En un nivel más técnico, esto significa que si está desarrollando para Android, que sin duda debe pensar sobre el uso de imágenes de 9 de parche, que significa que queremos determinados aspectos de la este botón o imagen para mostrar y otra partes escalarán, sólo por esta color se reduce la escala tan grande ya que tenemos que ir. Y, en general, que quiere asegurarse de que usted está diseñando con el pixel independencia en mente. 

Y, de nuevo, en términos de la API versión, esta realidad ha mejorado mucho en el transcurso de los años, la último año o dos, sobre todo. Solía ​​ser que una cuarta parte de las personas tenido la nueva versión de Android, que era una especie de helado Sandwich o 4.0 iteración, y hay eran la mayoría de la gente con un año viejo sistema operativo que tiene un completamente diferente interfaz de usuario. Ahora bien, como se puede ver, alrededor del 75% tiene algún versión de la línea 4.0, que básicamente significa que todos ellos tienen la misma interfaz de usuario a pesar de una ligera cambios en el curso de la último año y medio más o menos. Pero todavía hay que cuarto de las personas que están utilizando Gingerbread, que es Android 2.3, y queremos diseño de modo que no son completamente dejó atrás, y sobre todo desde que es No es tan difícil para nosotros hacer un poco de modificaciones de diseño para que puedan tener la misma experiencia de usuario a todos más puede tener. 

Así que es bueno para nosotros como desarrolladores de aplicaciones y diseñadores, y entonces también es bueno para el usuario, ya que obtener algo que hay de nuevo, incluso si tener un teléfono más. Así que para ir a través de un ejemplo aquí, esto es un ejemplo de la iterativo Android diseñar el canal de YouTube - o su [? introdu?] diseño Canal de YouTube - y esta fue una de esas conversaciones a partir de una semana durante el verano. Y podemos brisa a través de estos. Obviamente, este punto de partida no es un gran ejemplo de diseño. Se puede ver que - si está familiarizado con Android - que debería tener esta barra de acción en el Arriba, algunos colores agradables, y se puede ver las miniaturas son diferentes tamaños, el texto es una especie de extraña formateado, y simplemente no lo hace siente bien, no lo hace deleitarme o sentir la diversión. 

Así que lo primero que podemos hacer es, de nuevo, teniendo en cuenta que este es un viejo versión de Android, hay una realidad manera fácil de ponerla al día con nuevos patrones de diseño. Y eso significa que sólo incluimos la Biblioteca de ayuda que libera Android de la barra de acción. Lo que esto significa es que si usted es a partir de una aplicación, que acaba de incluir esta y de realizar todos aquellos diseño necesario Consideraciones al principio. Si usted trata de integrar esta tarde usted todavía puede hacerlo, y hacerlo bastante fácil, pero sólo va a ser un poco más de una molestia. Entonces sólo tiene que ir en el pensamiento acerca de cómo eres va a apoyar básicamente 100% de los usuarios de Android en lugar de sólo el 75% que tienen los nuevos teléfonos. 

Así que si sumamos esta barra de acción en el parte superior, se puede ver que fuimos de este línea gris a una línea agradable que tiene diferentes elementos de acción y los botones que puede pulsar para hacer cosas diferentes en el página y un logo, lo llaman XYZ Reader, y ya se siente un poco más moderno. Podemos continuar con este estilo, haciendo se marca con una combinación de colores, por lo que en este caso, sólo lo hizo de naranja. Y ya que estamos dando a la APP un poco más de identidad. Tiene su propio carácter, y se siente como que no sólo está utilizando algún plantilla genérica, sino que está utilizando una aplicación que tiene algún tipo de voz. 

Así que va de estos dos es un poco diferencia más sutil, pero el espaciamiento, espacio en blanco, es una cosa muy simple que creo que es fácil pasar por alto para las personas que están recibiendo en el diseño. El espacio en blanco, blanco sobre todo coherente espacio alrededor de la frontera, lo que puede Hacer que las cosas se sienten mucho menos claustrofóbica. Sólo que el relleno alrededor de la cara, se hace las cosas más fáciles de leer y todo encaja mejor, especialmente si usted ha alineado cosas derecha a lo largo del lado izquierdo. Entonces es especialmente difícil de a veces incluso leer esos caracteres derecha a lo largo de la línea. 

Y entonces también podemos cambiar el miniaturas para hacerlas más consistente en este caso. Las vistas de listas que ya son un poco molesto para hojear, y tener fotografías o imágenes en miniatura de un montón de diferentes tamaños sólo pueden hacer cosas peores. Así que lo mejor que podemos hacer es simplemente tomar todas las miniaturas de la misma. Y en términos de la codificación real aquí, de nuevo, esto es muy fácil. Usted acaba de agregar este atributo extra llamado android: scaleType = "centerCrop", y significa que usted da la imagen de cierta dimensiones, y va sólo un escalarlo por lo que cabe todo el tamaño, toda el área, sin distorsionar la imagen. 

Y la tipografía. Así que este es, sobre todo si eres familiarizados con iOS7, un gran cambio pasando en, sobre todo en el último año más o menos con el diseño de CS. Hay un movimiento hacia la fuentes delgadas y, definitivamente, un variación en las fuentes. Y Android tiene esta gran fuente construida en, Roboto, y tiene un montón de diferentes estilos. Obviamente, tienes negrita y cursiva, pero también tienes delgada y una especie de texto ultra delgado. Y hay maneras de crear una variedad de estilos y darle un poco de contexto de los diferentes significados del texto sin el uso de algún fuentes discontinua. 

Así que una buena idea en general, es que usted puede utilizar fuentes delgadas para grandes encabezados, y luego tal vez si usted tiene un montón de texto, se puede utilizar una condensada fuente, lo cual significa que es el mismo tamaño verticalmente, pero un poco más corta horizontalmente, cada personaje. Así que usted puede caber más palabras en una menor cantidad de espacio. Esto es especialmente útil en este caso, para la vista de lista, porque si lo que desea es un fragmento, o vista previa, del texto, en ese caso usted está probablemente no la lectura de la totalidad cosa, por lo que sus ojos no son va a cansar. Pero tú qué quieres tanto información en como poco espacio como sea posible. 

Y luego otra vez otro diseño consideración es que, cuando hacemos clic en uno de estos artículos aquí en la vista de lista y abrimos esta otra página, no lo hacemos quiero decir, OK, he terminado de leer esto, voy a volver y voy a haga clic en una cosa nueva. ¿Qué pasa si sólo quiero leer todo los artículos para el día? A continuación, un mucho mejor diseño mucho, es para ser capaz de deslizar entre las cosas en el misma jerarquía horizontal. Y esto probablemente no es intuitivo en la primera, pero una vez que la gente comienza a darse cuenta de esto, no tiene mucho sentido, en especial que usted está deslizando izquierda y derecha. Porque incluso si no están pensando acerca de la estructura de la aplicación como un jerarquía, tiene sentido lógico, si usted comienza a un nivel superior vista de lista y luego se desplaza a un Página de detalle que tiene algún tipo de artículo, que lo haría deslizar entre ellos. 

Y así a lo largo de todos estos diferentes cambios, ver cómo estos fueron los cambios de diseño sólo estéticas, y sin embargo, ahora en el final de la misma, esto parece como una aplicación para el Que tal vez quiera usar. Sobre todo a partir del camino de regreso aquí Cuando parecía viejo y torpe y le gusta nadie realmente se preocupaba por ella. Y con no demasiados cambios, sólo empezando por la barra de acción, entonces el combinación de colores y espacios en blanco, miniaturas, tipografía, y poder de pasar el dedo entre los puntos de vista, que es de repente una experiencia muy inmersiva. E incluso para algo tan simple como esto. 

Pero todavía hay alguna otra consideraciones, y eso es tabletas. Esto también sería la consideración en la iOS, pero hay aún más forma factores sobre Android. Usted tiene sus tabletas de diez pulgadas, y su siete comprimidos pulgadas, y algunos por todas partes allí. Y en este caso, usted no quiere realmente tener el mismo tipo de lista ver y experiencia de la lectura del artículo, porque hay mucho más espacio, y queremos usar un mucho más eficiente. Así que lo mejor que puede hacer por una tableta interfaz es tener este punto de vista principal o maestro detalle establecido, donde se tiene la lista en un lado, y luego artículo sobre la otra parte de la pantalla. 

Y esto es algo que, de nuevo, que es muy importante a considerar al vas a empezar la aplicación desde el principio. Porque de lo contrario, vas a tener toda esta estructura implementado, y entonces usted va a querer tirar esta ahí, y que va a ser bastante difícil. Así que lo mejor es pensar en estas cosas cuando vas a empezar la aplicación. Y una vez más, es increíble lo que un diferencia un poco de espacio en blanco puede hacer que, al pasar de esto a esto. Es mucho más bonito, añadiendo un poco acolchado adicional en tabletas. 

Así que eso fue paso a paso iterativo diseño en una aplicación ejemplo. Ahora, yo te voy a mostrar una aplicación que Que he hecho y ha cambiado un poco poco, y luego una aplicación que creo que es mucho mejor que él, y aquellos de diseño consideraciones. Así que aquí está una aplicación que he hecho, este Conversor de aplicación, y esto es básicamente lo que parecía, no hace mucho, pero sin duda que fue hace un año. 

Y se puede ver que en realidad no hay márgenes a la izquierda ya la derecha lado, no hay ninguna marca o el tema a que, en la parte superior que es sólo el valor predeterminado, Estilo Android. Estas pestañas probablemente de la época, tenía sentido para mí que ellos se va a hacer - todo iba a ser más simple, pero si va a convertir entre diferentes tipos de unidades, la distancia, masa, volumen, y entonces cualquier eso no es un fácil - no siempre es intuitiva. Sobre todo porque, ¿qué pasa si soy usuario que quiere convertir a algún tipo de unidad de distancia, y la distancia es tanto bajo cualquier y la distancia? ¿Me siento como, es una mejor que el otro? Es confuso y no es genial. 

Así que una simple mejora que he hecho desde entonces, pero ciertamente se podría mejorado más, es sólo para tirar una gran cantidad de esa basura. Y esto es en muchos sentidos, una vez más, muy similar al diseño de esa diapositiva anterior. Pero aquí sólo hay una página, se deshizo de todas esas diferentes pestañas, esto es justo donde usted tiene todo esas diferentes opciones. Y los márgenes y el relleno en el lado son un poco mejor. Y es que, en general, más limpio. Y luego está ese azul branding de la barra de acción en la parte superior, y a continuación, un cajón de navegación, que vamos a hablar un poco, en el lateral. 

Y se puede ver cómo esto es sólo una sencillo paso hacia adelante, pero al mismo tiempo, no se ocupa de una gran parte del consideraciones de diseño que estuvimos hablando antes. Se siente como que no me está sorprendiendo, no me está encantando, y es sólo haciendo lo que tiene que hacer de una manera que, al menos en este caso, es ligeramente menos confuso. 

Ahora bien, esta es otra aplicación de convertidor que Me encontré en la tienda de Android que yo pensar es muy, muy grande. Es. - No recuerdo su nombre - pero tiene que la marca con los dos diferentes flechas, que la flecha azul que sube y el otro a la baja. Pero la página de inicio, aquí, usted tiene qué unidad que desea realizar la conversión, y luego están estos - tiene más sentido cuando lo usas, al principio es un poco confuso. 

Pero son cosas simples como el de unidad, hay un botón de búsqueda justo al lado de ella, que es el mismo tipo de lo que estaba en mi aplicación, pero en mi aplicación, se abrió otro diálogo que habría que buscar entre y entonces te vuelves a la otra parte. Éste sólo sustituye a la ruleta, o en el menú desplegable, con un cuadro de búsqueda, y usted acaba de empezar a escribir y luego seleccione algo bien allí. 

Así que usted no tiene que ir a ninguna parte otra cosa, todas las búsquedas que ocurre en el mismo lugar. Y tiene mucho más sentido de esa manera, porque incluso si por un momento que eres redireccionado a otro sitio, usted que cuestionar, ¿por qué? ¿Por qué me voy? Y entonces, ¿dónde voy a volver? Y esto mantiene todo muy organizado. 

Y luego hay otras características como en esa diapositiva anterior he mostrado. Aquí, al igual que diferentes lugares de la conversión entre dos unidades diferentes y luego convertir entre esa unidad y cualquier otra posible unidad en esa categoría. En este caso, sólo hay esta pequeña flecha, que es uno de los tres botones de la lado derecho. Es una flecha que va a decidir si o no desea convertir entre dos unidades o todo. Una vez más, se trata de utilizar el espacio mucho más eficiente. 

Y podría llevar al usuario un poco tiempo para aprender lo que significa ese flechas, lo que tal vez no es muy grande, pero tan pronto como lo hacen, se dan cuenta de que pueden hacer mucho allí. Y pueden cambiar fácilmente entre diferentes tipos de tareas. Y lo que más me gusta de esto, por el momento, es que si hace clic en ese botón de búsqueda en la parte superior, es una búsqueda global para cualquier tipo de unidad a la que desea buscar. Abre el cajón de la navegación en el a la izquierda y usted puede comenzar a buscar en ese cuadro de texto, y que va a empezar a recoger cualquier unidad de cualquier tipo de unidad. 

Y es un principio que muestra toda la diferentes tipos de unidades con buen gráficos junto a ellos y, a continuación, como buscar, lo voy a mostrar buen sangría para, como estos son la zona unidades que usted está buscando, y todo lo que se encuentra todavía en una jerarquía que usted busca. Así que es muy intuitivo, y muy bien organizado. Y siempre se puede deslizar entre estos diferentes puntos de vista en la página. También tiene un gran tableta optimización, por lo que valdría la pena echarle un vistazo. 

Saltando de nuevo a la marca y el color intrigante, por lo que este es un trabajo que hice durante el verano con esta empresa llamada V1 Sports. Y no he cambiado mucho en esta página, En realidad lo único que he cambiado es la barra de acción. Y esta es la pantalla de su casa, y eran bastante inflexibles en mantenerlo la forma en que fue, pero originalmente todo las barras de acción eran negro. Era sólo el valor por defecto Estilo Android. 

Y realmente había, aparte de la imagen principal en esa pantalla de inicio, no hay manera de decir las aplicaciones aparte. Y eso significaba que, si lo ha hecho en el navegación o la jerarquía más adelante en la aplicación, especialmente en lo que un desarrollador que es probar las diferentes aplicaciones, I personalmente, se confundió y se olvidó la aplicación que estaba usando. Pero con solo colocar un poco de color en la barra de acciones, se crea de repente algún tipo de marca y estilo para dicha aplicación que fue continua a lo largo de la experiencia del usuario. 

De modo que la barra de acción que sigo hablando trata, aquí, de nuevo, puede tener diferentes colores. Esto no lo hace. Pero tiene el botón de inicio, y eso es muy bonito. Es básicamente como en la parte superior izquierda de cualquier sitio web, por lo general puede hacer clic ese icono y volver a casa. La misma clase de cosa es verdad aquí, tener el icono de la aplicación, siempre puede haga clic en ello. Y entonces usted puede tener un montón de diferentes puntos de acción en este sobre fluir parte de la barra de acciones, que son los elementos segundo y tercero aquí. Y los puntos de acción son las cosas que a usted le quiero hacer sobre la base de la página, que son No va a tomar cualquier otro lugar, no lo son la navegación, pero lo harán servir a algún tipo de propósito para seleccionar tal vez las cosas o la búsqueda y así sucesivamente. 

Y entonces este otro - Aceptar lo que ahora estamos hablando de estos Consideraciones de diseño de Android reales y los diferentes patrones. El cajón de navegación es una nueva que Android acaba de lanzar su propia biblioteca para que durante el verano, a pesar de se ha utilizado para probablemente un años o más ahora. Pero la idea es que haga clic en el mismo botón de inicio en la parte superior izquierda, pero Ahora se puede ver todos los lugares a los que podría ir, o los lugares que usted está más probabilidades de ir. 

Y de repente, es básicamente como el Amazon o muchos de esos sitios web donde usted tiene que barra lateral que le permite vas en cualquier lugar en cualquier momento. Fue muy difícil con el móvil aplicaciones, ya que no teníamos el espacio para eso. Pero ahora, si se utiliza el espacio diferente de donde usted está, básicamente, de pasar el dedo por el lado, usted puede conseguir mucho más - es más fácil de conseguir que el usuario donde quieren ir, más rápido. Así que sólo pueden hacer clic en eso, elegir donde quieren ir, y luego ir en algún lugar totalmente diferente en la aplicación. 

Y he aquí algunos ejemplos de que con diferentes aplicaciones, algunas de pantalla tiros que tomé. Con Amazon, bien con Kindle, aquí puede ver usted puede buscar y luego ir a un montón de diferentes lugares de la aplicación. Con la aplicación de YouTube, mismo tipo de cosa, veo a mi perfil y me puedo ir a los canales suscribo, o puedo buscar cosas nuevas. Me lleva a los lugares que probablemente soy más probabilidades de ir como un usuario de YouTube. 

Y con Evernote, que tienen un toma interesante en este donde se ve usted no tiene que sólo tienen elementos de la lista aquí en el cajón de navegación. Se abrirá, y puedo optar por hacer un nueva nota de diferentes tipos con un cámara o grabación de algo, y que me puede dar un montón de interacción. Usted puede ver que hay miniaturas en algunos de estos y los números con la Lista de puntos de vista que le permite saber cuántos las cosas están en cada uno de estos lugares. Y realmente es una de estas cosas donde lo que estamos haciendo con este tipo de patrón de diseño es que nos estamos dando cuenta de donde está, y lo que espera el usuario. Pero también es importante tratar de hacer algo nuevo y se ramifican desde haciendo las vistas de lista para una navegación sencilla y tal vez poner su propio personaje en ella. 

Así que una última cosa Android es que, de nuevo, estamos hablando de asegurarse no mantenemos a los usuarios en la oscuridad, por lo menos los viejos usuarios que tengan anterior versiones de Android. Así que si están usando Gingerbread, cuando hemos añadido el soporte de la barra de acción biblioteca y el cajón de navegación Biblioteca de ayuda, entonces pueden obtener esas características en la aplicación, simplemente como cualquier otro usuario lo haría. Pero si añadimos también esta tercera parte biblioteca llama un HoloEverywhere luego que es una buena manera de, una vez más, asegúrese de que los usuarios tienen la misma experiencia a través de todos versiones de Android. Esto sólo significa que estamos tomando esa moderna Android usuario 4.0 y superior interfaz y estamos aplicándolo con carácter general a todos los aplicaciones que usan esta. 

Y tal vez este no es tanto de un preocupación, que sin duda va a tomar un poco de más la implementación, pero es algo tener en cuenta que si usted realmente que usted tiene que buscar la misma todo el tiempo, tal vez considere esto. O bien, siempre puede crear su propia botones de encargo y campos de entrada personalizados y todo. Y entonces, de esa manera, tener la misma experiencia de usuario. 

Así que de nuevo, hablando sólo de la marca, que esto es algo que Google lo hace en términos de su - como aquí es su Google Play Store, y cosas simples como tener un color asociado con una cierta aplicación. Y lo han hecho un trabajo realmente bueno la creación de este tipo de continuidad. Y creo que, ahora, casi he asociado música con el color amarillo debido a Google Play música, o lo siento, el color naranja. Pero las cosas tan simples como colores pueden dar una gran cantidad de aplicaciones de identidad. 

Así consejos para el diseño en general, y en concreto, el diseño de aplicaciones móviles. En realidad, esto no es Android, pero se trata de una aplicación móvil. Y la idea es sólo eso - esto es algo que vine a través de Internet. Y es una toma muy interesante en una pantalla de inicio de sesión, no es terriblemente diferente, y podría decirse que tal vez un poco demasiado austero pero es diferente. 

Así que supongo que el consejo que tengo para el pensamiento sobre el diseño, y cuando usted está creando algo tan simple como una página de acceso o Realmente cualquier parte de su aplicación, es sólo salir y mirar a un montón de diferentes aplicaciones por ahí, tomar la pantalla fotos de ellos, y crear una carpeta completa en su equipo que pueda simplemente desplazarse por ella y mirar todo el diferentes versiones de exactamente lo usted está tratando de hacer. Vea lo que se ha hecho, ver lo que como y no les gusta, y luego pensar acerca de cómo se puede utilizar la personalidad si su propia aplicación y lo que está decisiones y tratar de integrar esos. 

Con esto, el objetivo es ver lo que es bueno diseñar y deconstruir en componentes que podemos hablar. Así que en este ejemplo, o en las pantallas de inicio de sesión en general, se trata de tomar este nuevo enfoque, dando la imagen de marca de la aplicación de un poco de carácter más. Es normalmente este tipo de como smiley cara azul y luego cuando llegue el contraseña incorrecta, lo que realmente cambia la logotipo de la aplicación, o que las grandes imagen, y hace una cara enojada que es rojo. 

Y es sólo cosas simples como eso, en este caso, supongo que podría definitivamente los dos diferentes lados que sorprendente y divertido. Y de esa forma, no se siente tan mal acerca de cómo obtener la contraseña de inicio incorrecta, o al menos es como, soy casi feliz de haber tiene una contraseña incorrecta porque entonces vi este divertido huevo de Pascua. Todavía es un poco de rojo y tal vez tiene una reacción visceral que me siento como la aplicación me está amenazando, pero es sin duda un enfoque diferente. Y es este tipo de cosas que vale la pena considerar, pensar fuera de la caja. 

Debido a que en una página de inicio de sesión, hay un montón de cosas a considerar. Ahí está tu nombre de usuario, contraseña, pero entonces, ¿cómo vas a poner el ¿Olvidó su contraseña en la página de de una manera que no es - que es el tipo de cosas que la gente usa a veces, tal vez un montón de gente utiliza todo el tiempo, y lo están pasando realmente contar con ese botón, pero no lo hacemos quiero que ocupa espacio y distraer del flujo que queremos que la gente pasar. Y el mismo tipo de cosas con iniciar sesión, y crear una nueva cuenta. Estas son todas las cosas que usted tiene que tener en cuenta al la creación de una página como ésta. 

Y entonces, ¿cómo hacer realidad conseguir práctica con esto? Y este es, de nuevo, sólo un par capturas de pantalla de lo que hice en el verano que en algún momento, en la pluma y papel, que acabo de escribir lo que yo pensaba un buen diseño sería que podríamos hacer. Y luego, en algún momento, he creado una maqueta en Android. 

Estos son sólo los diseños, y estos están utilizando el mínimo indispensable de lo que puedo hacer. Hay muy poco de lógica en la espalda, aquí, esto no es en realidad un implementado aplicación, pero yo sólo quería tener una idea de lo que podría parecer. Y si usted está haciendo su propia aplicación, que había Verdaderamente recomiendo que separa los partes de la misma, la lógica y el backend frontal visual, y probar algunos diferentes cosas y pensar en lo que que funciona y lo que no funciona y realmente cómo desea el usuario para sentir, y lo que quiere que hagan. Trata de ayudarles con eso y que sea una buena experiencia. 

OK, así que eso es básicamente lo para mi concepto de diseño. Una vez más, soy nuevo en esto, y creo que ese es el camino que seguí. Y espero que para las personas que están intentando, especialmente a nuestros desarrolladores que están tratando de pensar en formas que puedan mejorar su propia diseño, estos son definitivamente algunos buenos puntos de partida. 

Y ahora, en general, si usted desea comenzar con aplicaciones de Android, siga este vincular, o simplemente buscar Android empezar. Hay una gran cantidad de documentación en línea y un montón de código de ejemplo. Es muy, sencilla. Y es de esperar que va a ser muy agradable. Así que eso es todo para mí. Espero que usted puede seguir adelante y hacer algo de código Android, y mientras estás haciendo que el desarrollo, también puede pensar en lo que hace a un buen diseño y lo que hace buenas aplicaciones agradable para el usuario. 

Gracias.