Apprendre à connaître police Android: AP2 édition

Okay, donc ce ne est pas GTKA post que vous avez été attendiez - que l'on est toujours en cours. Ce poste, Apprendre à connaître Android Police, vous fera découvrir quelque chose que vous êtes déjà à la recherche - notre pleine refonte, rendu après ce qui a semblé comme une éternité de teasing, laissant entendre, et le travail derrière les coulisses. AP2 est vraiment juste le début. Nous avons encore plus génial bits, pièces, et des optimisations prévues, mais il ya déjà beaucoup de nouvelles choses à voir ici, alors nous avons pensé un poste comme celui-ci pourrait aider nos lecteurs à se familiariser avec le nouveau site. Obtenez vos itshappening.jpgs prêt.

Un AP sensibles

Peut-être le changement le plus évident fonctionnelle sur le site est que l'AP est enfin, vraiment, réellement sensible. La conception du site adapte un tracé à travers tout dispositif vous naviguez à partir, sans aucun sous-domaines mobiles ou mises iOS 6-teintées. Que vous soyez sur un téléphone, une tablette, un ordinateur ou un autre dispositif, AP aura l'air bien et vous serez en mesure de trouver toutes les informations que vous cherchez.

Si vous êtes sur le bureau, il suffit de redimensionner la fenêtre pour obtenir un avant-goût de ce que les autres tailles d'écran vont ressembler.

Voir ce qui est important

L'un des principaux principes de notre nouveau design rend la tâche facile de voir ce qui est important. Messages seront toujours apparaître chronologiquement, mais nous avons une poignée de nouvelles fonctionnalités pour mettre en évidence les messages nouveaux et intéressants.

Nouvelles en bref

Le premier de ceux-ci, vous remarquerez est Nouvelles en bref. Ce widget vous permet de savoir ce qui se passe à l'AP depuis votre dernière visite, y compris les filtres pour 8, 24 ou 72 heures, et la possibilité de trier par dernière, le plus chaud, ou les plus commentés.

Si la liste et les totaux ne sont pas assez détaillées, vous pouvez également survolez les graphiques linéaires minuscules en haut pour voir ce qui est arrivé sur une base plus fine. Si vous naviguez sur les 8 dernières heures par exemple, cela signifie que vous pouvez voir le total commentaires et articles ajoutés horaire.

Ne manquez pas ces

Ne pas manquer ces est un autre widget qui feront surface des postes importants. Le widget affiche les derniers messages de nos principales catégories.

Hotness

Hotness, pour nos fins, est une mesure qui indique comment chaud ou populaire un poste est basé sur l'engagement (y compris les pages vues, les commentaires et l'action sociale). Chaque poste aura un «compteur Hotness" près du titre, et les messages les plus chaudes feront leur chemin dans votre Hotness filtré NAAG, ou pour le bas de la page, qui donne un aperçu des messages les plus chaudes de la journée écoulée, la semaine , et le mois.

Poster un temps

Auparavant, les temps de poste étaient une énigme. Messages ont été organisées par date et basées sur l'ordre de la page d'accueil, vous pourriez être en mesure de comprendre un temps de poste relative, mais AP2 vous montrer l'heure exacte d'un poste a été publié, soit en vous disant combien de minutes / heures ont passé, ou en affichant une heure exacte. Il suffit de passer sur le texte sous le nom d'un auteur pour voir l'heure de départ exacte.

Nouveau navigation

La barre de navigation a également subi quelques modifications. Plutôt que de diriger les utilisateurs vers les pages de catégories pour chaque article, nous avons divisé les quatre premières catégories dans la barre de navigation supérieure, chacun avec leurs propres sous-menus en fonction de la plus récente et d'AP. En dessous se trouve une autre barre, avec les autres suspects habituels, y compris les fuites, d'exclusivités, téléchargements, offres, des cadeaux, des caractéristiques, des éditoriaux, et podcast.

Recherche unifiée

Dans le cas où vous avez déjà refoulé le souvenir de la conception AP1, l'ancien site avait une barre de recherche et un menu déroulant séparée qui a servi des entrées pour chaque périphérique (trié par le fabricant. Avec AP2, la recherche a été unifiée. Il suffit de commencer à taper et il proposera des catégories ou des appareils concernés. Cliquez sur celui que vous voulez et vous êtes hors. Sinon, continuez la saisie et appuyez sur Entrée.

Les contrôles clés

Nous avons effectivement eu des contrôles clés pour un petit moment, mais avec l'introduction de AP2, il est un sujet important de mentionner à nouveau. Lorsque vous naviguez sur la page d'accueil, essayez de frapper J pour faire défiler le prochain post, K pour faire défiler jusqu'à la précédente, et Enter (ou retourner) pour entrer dans un poste.

Contenu plus clair

Un autre objectif de la refonte était de clarifier le contenu, et établir des moyens solides et familiers de montrer aux lecteurs ce qui se passe dans un poste. Après tout, les choses peuvent changer à la notification d'un moment sur un blog. Auparavant, les mises à jour ont été seulement noté par certains texte en gras ou peut-être une boîte de note. La table des matières a pris un gros morceau de l'espace au début de chaque poste, il n'y avait aucun moyen de communiquer des histoires de rupture à part un poste régulière, séries ont été uniquement identifiés par un titre, et les sources viens de recevoir un lien plaine.

Toutes ces choses et plus sont corrigées dans AP2 avec un ensemble de conceptions audacieuses, intentionnels qui va rendre les choses claires sans les rendre laid.

Mises à jour

Lorsqu'une mise à jour post-modification est nécessaire, il sera évident pour les lecteurs. Au sommet de la poste, il y aura une étiquette jaune avec une brève Snipped de la mise à jour. Cliquez, et vous serez redirigé vers la mise à jour complète, qui est lui-même entouré dans les balises jaunes.

Série

Les messages de série sera plus facile à naviguer maintenant, aussi. Au lieu de cliquer la catégorie et d'être tombé dans une autre page, un nouveau widget apparaît en haut de tous les messages d'une même série pour un accès rapide à un autre poste dans cette série. Vous pouvez sauter au poste précédent ou suivant, ou appuyez sur "Show all" pour descendre une liste de toutes les entrées.

Table des matières

La table des matières est maintenant un élément flottant discret qui se développe seulement lorsque vous en avez besoin. Plutôt que de traîner au sommet de la poste, il va flotter en bas de la page que vous faites défiler, offrant un accès facile à un article de la poste.

Si vous naviguez à partir d'un appareil plus petit, même si - comme un téléphone - AP2 permettra d'économiser l'espace en mettant la table des matières de retour au sommet dans une balise effondrement.

Dernières nouvelles

Dernières nouvelles ne se produit pas souvent, mais quand il le fait, AP2 est prêt. Quand une histoire se brise, une étiquette rouge en haut du site vous permettra de savoir ce qui se passe, avec un accès rapide à l'histoire en question.

Des images

AP2 a également introduit de nouvelles façons d'afficher les images. Si il ya une poignée d'images qui doivent être affichés ensemble, AP2 peut faire que cela se produise avec dimensionnement automatique de l'image et le regroupement. Pour les ensembles de une à quatre photos, les choses vont aligner dans une ligne ou dans un cluster, et pour des ensembles de cinq ou plus, une petite galerie grille-layout apparaîtront. Les images peuvent maintenant avoir légendes aussi, donc nous avons besoin de plus de compter sur l'exposant de faire des remarques en italique déficient.

Si votre écran a de la place pour cela, vous pouvez même voir une marque nouvelle galerie de toutes les images en cliquant simplement sur un. Nous pensons que cette galerie est beaucoup plus puissante que la visionneuse de WP nous utilisions auparavant. Essayez vous-même ci-dessous.

Suivant

Mises en page multi-colonnes

Il ya des moments où nous avons besoin pour afficher une longue liste, ou tout autre contenu de longue haleine qui devrait normalement faire la page éterniser. Pour ces cas, nous avons maintenant mises en page multi-colonnes. Ils peuvent être divisés en deux ou trois colonnes, ou une combinaison des largeurs.

Expansion de longues citations

Dans les cas où nous avons une longue contenu qui ne serait pas tout à fait appartenir à une mise en page multi-colonne (comme lorsque nous incluons un communiqué de presse avec un poste, par exemple), nous avons de longues citations extensibles.

Communiqué de presse

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed ne tempor eiusmod ut labore et dolore incididunt magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor dans reprehenderit dans voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sint Excepteur occaecat cupidatat non proident, sunt dans culpa Qui office deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed ne tempor eiusmod ut labore et dolore incididunt magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor dans reprehenderit dans voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sint Excepteur occaecat cupidatat non proident, sunt dans culpa Qui office deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed ne tempor eiusmod ut labore et dolore incididunt magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor dans reprehenderit dans voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sint Excepteur occaecat cupidatat non proident, sunt dans culpa Qui office deserunt mollit anim id est Laborum.

Tirez citations

Outre citations encadrées normales, nous avons aussi de nouvelles citations de traction, qui présenteront des éléments clés d'un poste dans un bloc stylisés lumineux.

Bloc citations normales, non-rédactionnelles seront toujours affichés dans une manière discrète apprivoisé indiqué ci-dessous.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed ne tempor eiusmod ut labore et dolore incididunt magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor dans reprehenderit dans voluptate velit esse cillum dolore eu fugiat nulla pariatur. Sint Excepteur occaecat cupidatat non proident, sunt dans culpa Qui office deserunt mollit anim id est Laborum.

Boîtes Note

Nous avons un ensemble révisé et élargi de «boîtes de notes" maintenant trop. Ces boîtes rouges, bleus, jaunes ou qui apparaissent parfois dans des avis, des démontages, ou des postes de fuite ont été donné une nouvelle vie et une nouvelle iconographie, les rendant plus facile sur les yeux et plus pertinent pour le contenu qu'ils contiennent. Nous avons des boîtes pour les notes, les avertissements, les conseils, les articles importants, et les éléments d'aide. Ce paragraphe est à l'intérieur d'une boîte de note, et les autres sont présentés ci-dessous.

Ruptures horizontales

Ruptures horizontales sont un autre élément que nous ne utilisons pas souvent, mais qui a reçu peu d'attention dans la refonte. Au lieu de la pause précédente (deux petits visages Bugdroid), nous allons maintenant utiliser le nouveau logo AP avec une ligne claire, comme on le voit ci-dessous.

Sourcing

Nous avons également fait plus facile à identifier rapidement des liens de source et pour appeler nos généreux pronostiqueurs. Source, Via, et Merci à tous ont leurs propres styles maintenant, avec la même palette audacieuse disséminés à travers le reste du site. Nous voulons nous assurer que, lorsque nous recevons des informations des autres, il est clair, facile à lire, et facile d'interagir avec.

Nouveaux types de poste

Sur AP1, les messages sont venus dans exactement une saveur. Aucune affordance a été donnée pour les messages qui ont été très courte, des critiques reposaient sur des mots et des images, et il n'y avait aucun moyen de vraiment faire un impact visuel fort tout de suite avec des caractéristiques importantes ou éditoriaux. Vous pouvez probablement deviner ce que je vais dire prochaine: tout cela a changé avec AP2. D'abord nous allons parler de commentaires.

Avis

Les examens peuvent être assez long. Nouveaux ensembles d'images de AP2 et pull citations aideront à briser la mise en page un peu, mais nous avons également ajouté de nouvelles boîtes spécifiquement pour les spécifications, "la bonne", et bien sûr "le pas très bon." Les nouvelles boîtes sont plus faciles à lire, et sont un meilleur ajustement pour avis que les cases précédentes, qui étaient initialement destinés à des notes, des avertissements, des conseils, etc.

Mais que faire si vous voulez juste pour arriver à la conclusion générale? Avis disposent désormais d'un "compteur" widget pour accompagner la conclusion. Il montrera scores pour les critères tels que le matériel, la conception et le logiciel, avec un score moyen représenté par un compteur circulaire. Pour le droit du widget, la conclusion de l'auteur sera facilement accessible.

Bref

Certains postes sont plus courtes que les autres. Pour répondre à cela, nous mettons en place "en bref,« un nouveau type de poste qui maintient messages super court ou mises à jour d'état de prendre plus de place que nécessaire. Brefs messages obtiendront une étiquette spéciale sur la page d'accueil pour désigner leur brièveté, et ne comprendra pas un extrait du poste réelle. Juste le titre.

Image Hero

Dans un effort pour permettre un impact visuel fort dans les longs ou éditoriales messages, nous vous présentons également les messages "d'image de héros" - une autre nouvelle disposition, y compris une image de héros jusqu'à supérieure qui apparaîtra pleine largeur sur la page de couverture et à l'intérieur du poste lui-même . Cette disposition permet de montrer une grande image pour lancer la poste, sans distraire les lecteurs avec des images pleine page ou d'autres astuces. Le poste que vous lisez en ce moment fait usage du format de l'image de héros.

Optimisations

Une autre zone sous contrôle avec la refonte AP2 était optimisation. Le nouveau site a quelque part autour de la moitié des requêtes Web par page charge qui avait AP1.

CSS nous a également donné beaucoup d'optimisations - pour commencer, nous avons une police d'icône qui contient de nombreux éléments de l'interface, vous verrez autour du site (y compris la catégorie et les icônes sociales).

Parlant d'icônes sociaux, widgets sociaux sont chargés statiquement à chiffres qui reflètent la fois que la page a été chargé. Widgets sociaux réels ne sont chargés à la demande de l'utilisateur. Cela réduit le temps de chargement de page.

En outre, la texture diagonale vous voyez poivré par le site sur les en-têtes est en fait une feuille de sprite base64 codé et intégré dans l'AP2 CSS.

Bogues?

Si vous voyez un bug, ne vous inquiétez pas! Il est une fonctionnalité pas un défaut. Je plaisante. Nous avons un bug tracker public que vous pouvez utiliser pour nous parler de choses qui pourrait ne pas fonctionner tout à fait raison. Aucun spécialistes de VaShiKaRaN, S'il vous plaît.

Conclusion