Conozcamos Policía Android: AP2 Edición

Está bien, así que esto no es el GTKA post que has estado esperando - que uno es todavía en curso. Esta publicación, Conozca Policía Android, le dará a conocer algo que ya está mirando - nuestra rediseño completo, entregado después de lo que pareció una eternidad de burlas, dando a entender, y el trabajo detrás de las escenas. AP2 es realmente sólo el comienzo. Tenemos aún más impresionante bits, piezas, y optimizaciones planificadas, pero ya hay un montón de cosas nuevas para ver por aquí, así que pensamos en un post como este podría ayudar a nuestros lectores para familiarizarse con el nuevo sitio. Obtenga su itshappening.jpgs listo.

Un AP de respuesta

Quizás el cambio funcional más obvio para el sitio es que AP es, finalmente, de verdad, en realidad sensible. El diseño del sitio se adapta de un diseño a través de cualquier dispositivo con el que está navegando desde, sin ningún tipo de subdominios móviles o diseños de iOS 6 teñidas. Si usted está en un teléfono, una tableta, un ordenador o cualquier otro dispositivo, AP se ven bien y usted será capaz de encontrar toda la información que está buscando.

Si usted está en el escritorio, simplemente cambiar el tamaño de la ventana para obtener una muestra de lo que los otros tamaños de pantalla se verá así.

Ver lo que es importante

Uno de los principios fundamentales de nuestro nuevo diseño es hacer que sea fácil de ver lo que es importante. Mensajes todavía aparecerán por orden cronológico, pero tenemos un puñado de nuevas características para destacar mensajes nuevos e interesantes.

Noticias en un vistazo

La primera de ellas se dará cuenta de una noticia de un vistazo. Este widget te permite saber lo que está ocurriendo en la AP desde su última visita, incluyendo filtros para 8, 24 o 72 horas, y la opción para ordenar por último, más caliente, o los más comentados.

Screen Shot 11/01/2015 al 01/05/53 AM

Si la lista y los totales no son lo suficientemente granular, también puede ciernen sobre los pequeños gráficos de líneas en la parte superior para ver lo que ha pasado en forma de grano fino. Si usted está navegando las últimas 8 horas, por ejemplo, esto significa que usted puede ver los comentarios y artículos en total agregado por hora.

cada hora

No te pierdas estos

No te pierdas estas es otro widget que saldrán a la superficie puestos importantes. El widget te mostrará los últimos mensajes de nuestras principales categorías.

Screen Shot 01/11/2015 al 09/20/03 PM

Picor

Picor, para nuestros propósitos, es una medida que nos indica qué tan caliente o popular un post se basa en el compromiso (incluyendo páginas vistas, comentarios y acción social). Cada puesto tendrá un "metro picor" cerca del título, y los puestos más calientes hará su camino en su picor filtrada NAAG, o al pie de la página, lo que da una visión general de los puestos más calientes de los últimos días, semanas y meses.

Screen Shot 11/01/2015 al 01/12/38 AM

Screen Shot 11/01/2015 al 01/13/24 AM

Fecha publicación

Anteriormente, los tiempos de correos eran una incógnita. Mensajes fueron arreglados por fecha, y con base en el orden de la página de inicio puede ser capaz de encontrar una vez puesto relativo, pero AP2 le mostrará la hora exacta una entrada se publicó, ya sea por que le dice cuántos minutos / hora tienen pasado, o mostrando una hora exacta. Simplemente coloque el cursor sobre el texto con el nombre de un autor para ver la hora exacta puesto.

hora

Nueva navegación

La barra de navegación también ha sufrido algunos cambios. En lugar de dirigir a los usuarios a páginas de categorías para cada artículo, hemos roto las cuatro principales categorías en la barra de navegación superior, cada uno con sus propios submenús en base a la última y más grande de la AP. Debajo hay otro bar, con los otros sospechosos habituales, incluyendo las fugas, de exclusivas, descargas, ofertas, sorteos, características, editoriales y podcast.

Screen Shot 01/11/2015 al 01/01/42 AM

Búsqueda unificada

En caso de que usted ya ha reprimido el recuerdo del diseño AP1, el sitio antiguo tenía una barra de búsqueda y un desplegable independiente que sirvió hasta entradas para cada dispositivo (ordenados según el fabricante. Con AP2, la búsqueda se ha unificado. Simplemente comienza a escribir y sugerirá categorías o dispositivos pertinentes. Haga clic en el que usted desea y que está apagado. De lo contrario, sólo seguir escribiendo y pulsa enter.

Screen Shot 01/11/2015 a 12.55.28 AM

Controles clave

De hecho, hemos tenido los controles clave para un poco de tiempo, pero con la introducción de la AP2, es un tema digno de mencionar de nuevo. Como usted navega por la página de inicio, intentar golpear J para desplazarse hasta el próximo post, K para desplazarse hasta la anterior, y Enter (o volver) para entrar en un poste.

Contenido más claro

Otro de los objetivos del rediseño era aclarar el contenido, y establecer formas sólidas y familiares de mostrar a los lectores lo que está pasando en un post. Después de todo, las cosas pueden cambiar en cualquier momento en un blog. Anteriormente, actualizaciones sólo se observaron por algún texto en negrita o tal vez un cuadro de la nota. La tabla de contenido ocupaba una gran parte del espacio en el inicio de cada puesto, no había manera de comunicar historias que rompen aparte de un correo ordinario, sólo en la serie fueron identificados por un título, y las fuentes acaba de conseguir un enlace simple.

Todas estas cosas y más se subsanen en AP2 con un conjunto de diseños audaces, intencionales que harán las cosas claras sin hacerlos feo.

Actualizaciones

Cuando se requiere una actualización posterior a la alteración, será evidente para los lectores. En la parte superior del puesto, habrá una etiqueta amarilla con una breve cortó de la actualización. Haga clic en eso, y usted será llevado a la actualización completa, que es en sí mismo rodeado de etiquetas amarillas.

Update1 Actualización 2

Serie

Mensajes de serie serán más fáciles de navegar ahora, también. En lugar de hacer clic en la categoría y se dejó caer en otra página, aparecerá un nuevo widget en la parte superior de todos los puestos de una misma serie para acceder rápidamente a cualquier otro mensaje en esa serie. Puede saltar a la entrada anterior o siguiente, o golpear "mostrar todos" para desplegar una lista de todas las entradas.

Screen Shot 01/11/2015 en 2.57.00 PM

Tabla de contenidos

La tabla de contenidos es ahora un elemento flotante discreto que se expande sólo cuando usted lo necesita. En lugar de pasar un rato en la parte superior del poste, que va a flotar por la página mientras se desplaza, con fácil acceso a cualquier sección del poste.

toc

Si estás navegando desde un dispositivo más pequeño, aunque - como un teléfono - AP2 ahorrará espacio al poner la tabla de contenido de vuelta en la parte superior de una etiqueta de colapsar.

Noticias de última hora

Noticias de última hora no sucede a menudo, pero cuando lo hace, AP2 está preparado. Cuando una historia se está rompiendo, una etiqueta de color rojo en la parte superior de la página le permitirá saber lo que está pasando, con un enlace rápido a la historia en cuestión.

Screen Shot 11/01/2015 al 03/08/19 AM

Imágenes

AP2 también ha introducido nuevas formas de mostrar las imágenes. Si hay un puñado de imágenes que necesitan ser exhibido juntos, AP2 puede hacer que eso suceda con el tamaño de imagen automática y agrupación. Por grupos de uno a cuatro fotos, las cosas se alinean en una fila o en un grupo, y por grupos de cinco o más, una pequeña galería de rejilla-diseño se mostrará. Las imágenes pueden ahora tener subtítulos también, por lo que ya no tendrá que depender de superíndice cursiva para hacer comentarios sarcásticos.

Si su pantalla tiene espacio para ello, incluso se puede ver una galería nueva marca de todas las imágenes con sólo hacer clic en uno. Creemos que esta galería es mucho más poderosa que la luz WP hemos utilizado antes. Inténtelo usted mismo a continuación.

Siguiente

Diseños de varias columnas

Hay momentos en los que tenemos que mostrar una larga lista, o de otros contenidos larga que normalmente hacer la página lastre para siempre. Para estos casos, ahora tenemos diseños de varias columnas. Ellos se pueden dividir en dos o tres columnas, o una combinación de anchuras.

Ampliando las citas largas

En los casos en los que tenemos larga contenido que no sería bastante pertenecer en un diseño de varias columnas (como cuando se incluye una nota de prensa con un post, por ejemplo) tenemos citas largas expandibles.

Presione liberar

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed no tempor eiusmod ut labore et dolore incididunt magna aliqua. Ut enim ad minim veniam, nostrud quis ullamco exercitation nisi ut commodo laboris aliquip ex ea consequat. Duis Aute Irure dolor en reprehenderit en voluptate velit esse cillum dolore eu nulla fugiat pariatur. Sint Excepteur occaecat cupidatat no proident, sunt en qui culpa deserunt officia mollit Identificación del anim est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed no tempor eiusmod ut labore et dolore incididunt magna aliqua. Ut enim ad minim veniam, nostrud quis ullamco exercitation nisi ut commodo laboris aliquip ex ea consequat. Duis Aute Irure dolor en reprehenderit en voluptate velit esse cillum dolore eu nulla fugiat pariatur. Sint Excepteur occaecat cupidatat no proident, sunt en qui culpa deserunt officia mollit Identificación del anim est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed no tempor eiusmod ut labore et dolore incididunt magna aliqua. Ut enim ad minim veniam, nostrud quis ullamco exercitation nisi ut commodo laboris aliquip ex ea consequat. Duis Aute Irure dolor en reprehenderit en voluptate velit esse cillum dolore eu nulla fugiat pariatur. Sint Excepteur occaecat cupidatat no proident, sunt en qui culpa deserunt officia mollit Identificación del anim est Laborum.

Tire de cotizaciones

Además de las cotizaciones en caja normales, también tenemos nuevas cotizaciones de tracción, que presentarán piezas clave de un mensaje en un bloque estilizado brillante.

Screen Shot 01/11/2015 al 04/15/36 PM

Cotizaciones bloque normal, no editoriales todavía se muestran de una manera dócil, discreto se muestra a continuación.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed no tempor eiusmod ut labore et dolore incididunt magna aliqua. Ut enim ad minim veniam, nostrud quis ullamco exercitation nisi ut commodo laboris aliquip ex ea consequat. Duis Aute Irure dolor en reprehenderit en voluptate velit esse cillum dolore eu nulla fugiat pariatur. Sint Excepteur occaecat cupidatat no proident, sunt en qui culpa deserunt officia mollit Identificación del anim est Laborum.

Cajas Nota

Tenemos una serie de "cajas" de la nota revisada y ampliada ahora también. Esas cajas de color rojo, azul o amarillo que a veces aparecerían en opiniones, desmontajes, o mensajes de fugas se han dado nueva vida y nueva iconografía, haciéndolos más fácil en los ojos y más relevante para el contenido que contienen. Tenemos cajas para notas, advertencias, consejos, artículos importantes y elementos de ayuda. Este párrafo está dentro de una caja de nota, y los otros se muestran abajo.

Roturas horizontales

Roturas horizontales son otro elemento que no solemos utilizar, pero que ha recibido cierta atención en el nuevo diseño. En lugar de la ruptura anterior (dos pequeñas caras bugdroid), ahora vamos a utilizar el nuevo logotipo de AP con una línea clara, como se ve a continuación.

Sourcing

También hemos hecho más fácil identificar rápidamente los vínculos de origen y para llamar a nuestros generosos pronosticadores. Fuente, Vía, y gracias a todos tienen sus propios estilos de ahora, con la misma paleta atrevida visto en todo el resto del sitio. Queremos asegurarnos de que, cuando lleguemos a la información de otros, es clara, fácil de leer y fácil de interactuar.

Screen Shot 01/31/2015 en 8.52.44 PM

Los nuevos tipos de correos

En AP1, mensajes llegaron en exactamente un sabor. No affordance se le dio a los puestos que estaban muy corto, opiniones confiado en palabras e imágenes, y no había manera de hacer realmente un impacto visual audaz de inmediato con las características o editoriales importantes. Usted probablemente puede adivinar lo que voy a decir a continuación: todo esto ha cambiado con la AP2. En primer lugar vamos a hablar acerca de las reseñas.

Críticas

Los comentarios pueden ser bastante largo. Nuevos conjuntos de imágenes de AP2 y pull cotizaciones ayudarán a romper el diseño un poco, pero también hemos añadido nuevas cajas específicamente para características, "lo bueno" y por supuesto "lo no tan bueno." Las nuevas cajas son más fáciles de leer, y son una mejor opción para revisiones que los cuadros anteriores, que estaban destinados originalmente para las notas, advertencias, consejos, etc.

Screen Shot 01/11/2015 al 04/28/05 PM

Pero ¿y si lo que desea es llegar a la conclusión general? Los comentarios tienen ahora un widget "metro" para acompañar a la conclusión. Mostrará anota para criterios como el hardware, diseño y software, junto con una puntuación media representada por un metro circular. A la derecha del widget, la conclusión de que el autor sea de fácil acceso.

Screen Shot 01/11/2015 al 04/21/14 PM

En breve

Algunos mensajes son más cortos que otros. Para dar cabida a estos, estamos introduciendo "en breve" un nuevo tipo de mensaje que mantiene mensajes muy breves o actualizaciones de estado de ocupar más espacio del que necesitan. Mensajes Breves tendrán una etiqueta especial en la página de inicio para designar a su brevedad, y no incluirán un fragmento del mensaje real. Sólo el titular.

Screen Shot 01/11/2015 en 8.53.44 PM

Imagen del héroe

En un esfuerzo para permitir fuerte impacto visual en puestos de características o de edición, también estamos introduciendo mensajes "imagen héroe" - otro nuevo diseño incluye una imagen de héroe encima de la tapa que se mostrará de ancho completo en la primera página y en el interior del propio puesto . Este diseño ayuda a mostrar una imagen grande para poner en marcha el puesto, sin distraer a los lectores con imágenes a toda página u otros trucos. El mensaje que está leyendo en este momento hace uso del formato de imagen de héroe.

Optimizaciones

Otra área bajo escrutinio con el rediseño AP2 era optimización. El nuevo sitio tiene algún lugar alrededor de la mitad de las peticiones web por página carga que AP1 tenía.

CSS también nos ha proporcionado una gran cantidad de optimizaciones - para empezar, tenemos una fuente icono que contiene muchos elementos de la interfaz que verá todo el sitio (incluyendo la categoría y los iconos sociales).

Screen Shot 01/11/2015 al 03/13/12 PM

Hablando de iconos sociales, los widgets sociales se cargan estáticamente con recuentos que reflejan la vez que la página fue cargada. Widgets sociales efectivas sólo se cargan cuando lo solicite el usuario. Esto reduce el tiempo de carga de la página.

socialq

Además, la textura diagonal usted ve salpicada por el sitio en las cabeceras es en realidad una hoja de sprites base64 y embebidos en el AP2 CSS.

¿Loco?

Si usted ve un error, no se preocupe! Es una característica no un defecto. Solo bromeo. Tenemos un bug tracker público que se puede utilizar para hablarnos de cosas que no funcione del todo bien. No hay especialistas Vashikaran, Por favor.

Conclusión

giphy (1)


» » Conozcamos Policía Android: AP2 Edición