>> JORDAN Jozwiak: Also heute werden wir über schlanke Android-Design sprechen Also, bevor wir loslegen, ich will nur qualifizieren, dass vor einem Jahr würde ich sagen, Ich hatte keine Erfahrung mit Design, und ich kümmerte sich um gutes Design, aber ich tat es nicht wirklich wissen, was das bedeutete Und ich würde versuchen, aber ich habe nicht immer wissen, was Sie suchen und was wäre machen ein gutes Produkt So, jetzt habe ich ein bisschen mehr gelernt und Ich möchte nur einige von denen zu teilen Erfahrungen mit Ihnen und vor allem im Rahmen Android Betriebssystem, wo es eine Menge Probleme mit der Fragmentierung, und einige neue Design-Muster, die im Entstehen sind Und wenn Sie daran interessiert, auf eine sind Android-App, die Sie auf diese Weise hoffentlich haben eine Perspektive auf, was die Benutzerfreundlichkeit und Benutzer Schnittstelle aussehen kann >> Auch vor nur Momente, die wir wünschte Joseph [? Ang?] seiner glücklichen 21. Geburtstag Also für alle von Ihnen, die hier waren heute, nur kurze Zusammenfassung Das ist also die wirklich detaillierte Erklärung dessen, was wir könnten gehen über heute eine ganze Reihe von guten und schlechten Beispiele für Design, hohe Übersicht, Fragen der Fragmentierung in Android, und dann eine ganze Reihe von verschiedene Entwurfsmuster, was wir reden Aber um wirklich brechen sie in Generell möchte ich reden erleben, Design, Vereinfachung der Benutzerschnittstelle, und tatsächlich unwiderstehlich durch die Benutzer und die Schaffung von etwas, das angenehm ist Also werden wir durch einige allgemeine gehen Design-Konzepte, die Einführung Android-ähnliche spezifischen Anliegen, einschließlich Fragmentierung, ein paar Beispiele, einige Android-Entwurfsmuster, und dann einige Tipps Schluss für das, was für, wenn Sie schauen Interesse an der Verbesserung der Gestaltung Ihrer Apps >> So fürchten Sie werden vielleicht nicht immer zuordnen Technologie mit Angst, aber für einige Personen kann es sein Ich weiß, dass meine Großmutter tatsächlich sich nicht an einen Computer zu verwenden, da es wäre überwältigend sein für sie Aber auch bei einer viel täglich es gibt eine Menge von uns, wenn wir mit eine App, wir nicht immer wissen, wo sie als nächstes gehen Sie wissen, was Sie tun möchten, aber Sie nicht finden können, dass Funktion oder die Taste >> Und wir haben alle schlechtes Design begegnet bei einen oder anderen Punkt, und manchmal Diese Frustration ist so etwas wie eine Angst vor dem Unbekannten Und wenn wir diese Angst zu haben, im Allgemeinen – wie Psychologie hat uns gesagt, dass wir Tiefenverarbeitung eher als Breiten Also, wenn Ihr Benutzer ist bereits mit einem schlechten frustriert Benutzererfahrung, sind sie gerade dabei, konzentrieren sich mehr und mehr auf, was sie wollen zu tun und wie sie es nicht tun Based auf das, was sie suchen Also wir wirklich auf den Versuch konzentrieren wollen eine gute Erfahrung für das erstellen Benutzer, denn das werden sie mehr machen in der Lage, in einer positiven Art und Weise interagieren >> Also auf der anderen Seite haben wir Freude Und es gibt eine Psychologie-Studie – und einige dieser allgemeinen Design-Konzepte dass ich über sind im Gespräch basierend auf einem Vortrag von Dan Harmon Ted Talk auf Design Und er über Alice Isen, der gesprochen hatte diese zwei String-Experiment, bei dem Menschen würden in einem Labor zu kommen, und es wurden zwei Saiten hängen, und es gab keine Möglichkeit, dass sie erreichen konnte sowohl der Saiten gleichzeitig >> Also für einige der Teilnehmer, die waren kommen in, sagte er, ist dies ein IQ Test, und wir werden, um herauszufinden, ob oder nicht, können beide erreichen die Saiten So viele von ihnen wäre ein zu packen und versuchen, auf die andere eine bis zu erreichen, und sie würden nicht in der Lage, es zu machen Und so viele Leute gescheitert Dieser Test, der IQ-Test Aber wenn sie ins Labor kam und wurden sie mit einer Schüssel präsentiert Süßigkeiten, nur zu sagen, hey, wir haben einige zusätzliche Süßigkeiten, wollen Sie etwas? Und dann mit der Prüfung gingen sie und es war nur eine Art von Spaß, glücklich, Begegnung, waren viel mehr Menschen in der Lage auf, kreativ, denken an den Füßen und sagen, na ja vielleicht, wenn ich schwingen Diese Saite, dann kann ich fangen die anderen >> Ich denke, der Punkt ist, dass, wenn Sie eine positive Erfahrung, und Ihre Benutzer, die Spaß, sind sie wahrscheinlich in der Lage, weiterhin werden Interaktion in einer positiven Art und Weise Ich habe eine andere Version davon gehört wo man Menschen mit prime sehen eine Art von String-Schwing vor sie ins Labor kommen oder in einem anderen Kontext Und das ist eine andere Sache zu prüfen, auf einer weniger emotionalen Ebene, dass Sie irgendwie lösen die Benutzer haben eine bestimmte Reaktion oder führen sie unten ein Pfad, den Sie ihnen folgen soll >> Dies ist nicht die beste Grafik für das, was ich bin immer an, aber es ist eine andere Idee dass innerhalb von Design, können Sie ein inhärente, Viszeral-, oder Low-Level-

Reaktion auf die Dinge So Jurassic Park hier, hier ist der Artwork für das Filmplakat Und es gibt einige einfache Dinge geht Wie die rot und gelb, sie sind vorsichtig Warnfarben Das könnte warnen vor Gefahr, und Streik ein wenig Angst Zur gleichen Zeit wird die Beschriftung ist eine Art mittelalterliche, und es scheint, nicht raffiniert Also in diesen grundlegenden Sinne, können wir haben Low-Level-und Ur- Reaktionen zu entwerfen >> Es gibt auch reflektierende Design Dies ist der Chevy Volt Und es sieht in vielerlei Hinsicht wie ein normaler Auto, das ist ein schöner meine ich Grafik von ihm Es sieht irgendwie cool, der rote und der Blaulichter sind wirklich herausragen, aber in den meisten Fällen gibt es nichts zu spektakulär über diesen Entwurf Auf der anderen Seite ist es ein Elektroauto Es werden die ersten 40 Meilen fahren alle auf Strom und dann schließlich beginnen mit seinen Gasmotor Und das ist die Art von Design, wo vielleicht, wenn Sie es sind Sie nicht fühlen sich sehr aufgeregt, aber wenn Sie es auf einer höheren Ebene zu denken und was Sie vielleicht die Super-Ego nennen, Sie fühlen sich sehr positiv darüber, und es ist eine gute Erfahrung >> Auch diese Folien hauptsächlich von Dan Harmon Ted Talk, und diese letzte zwei sind wirklich überzeugend Dies ist ein Beispiel einer Teekanne, dass wenn man es auf die Seite zu kippen, ursprünglich – das ist, wenn man den Tee in – so, wenn wir beginnen auf der rechten, wir gehen um den Tee in diesem oberen Fach gebracht auf der rechten Seite, und dann steil werde mit dem Wasser entlang der Bodenteil davon Und dann, nachdem es seit ein Einweichen während, können wir es auf halbem Weg Winkel, und es wird zu steil ein wenig weiter, weil einige der Teeblätter immer noch das Wasser berühren, aber es wird auf jeden Fall verlangsamen den Prozess >> Und dann sind wir völlig fertig, wir kippen sie vollständig aufrecht, und das Wasser ist in der unteren und die Teeblätter in der Spitze, und es ist nicht mehr Einweichen, es ist bereit zu dienen Und das ist so eine schöne und einfache Beispiel für tolles Design, das ist – in diesem Fall sind wir nur denken über die Verwendung der Teekanne in mehr Abmessungen, eigentlich dreht, und es ist auf seiner Seite, und wie wir sie verwenden könnte dies zu unserem Vorteil Es ist wirklich wunderbar und macht Spaß >> Und der letzte Teil ist, können Sie erzählen eine Geschichte im Design Dieser Stuhl konnte man auf jeden Fall sitzen, aber es ist auch besonders amüsant nur zu betrachten Der Ball nicht verankert nichts, aber Sie bekommen – offensichtlich haben Sie das Gefühl haben, wie der Stuhl Interaktion und fehlende der letzte Teil sein Bein und versuchte, zu erreichen, und bekommen es Und in den eigenen Apps Es ist – wenn wir über das Erstellen von Benutzer sprechen Erfahrung und Branding geht es darum, eine Geschichte zu erzählen und verbreiten einen allgemeinen Stimmung, damit der Benutzer weiß, zu fühlen, eine bestimmte Weise, und sie sich wohl fühlen über das Gefühl auf diese Weise >> Und Überraschung Das ist so von einem Teil der von Google übernommen I / O sprechen von diesem letzten Sommer Sie wurden über das reden, entlang dieser gleiche Richtung, zu verzaubern wollen sie Benutzer-und sie wieder, ging in die Psychologie von all dem Und sie sagte, jeden Tag erleben wir rund 20.000 Momente der positiven und negativen Emotionen, und dass im Allgemeinen es dauert etwa drei positive Emotionen zu überwiegen oder zum Ausgleich eine negative >> Und so im Rahmen Technik, hier sind sie reden, wie – dass sie Google nun erstellt, was ihre neue Suchoberfläche auf Android Und das Oberteil hier, dass bei der Moment, hat einen Berg und sagt Google, tatsächlich je ändern Ort und die Tageszeit Also egal, wo Sie sind, diese Berg wird schließlich eine Nacht Thema, wenn es Nacht >> Und als ich zum ersten Mal flog zurück in Boston von zu Hause in Michigan, es zum Boston geändert Skyline für eine Weile Und wieder die Skyline von Boston während der Tag, Nacht, manchmal war es ein eigentliche Bild, und manchmal war es nur eine Art von Grafik Und es ist überraschend und wunderbar Sie machen die gleiche Art von was mit ihren – Google tut – mit der Art, wie sie schreiben das Wort Google auf ihrer Homepage und haben eine Art von Spiel oder andere Kunstwerk feiert ein bestimmten Tag des Jahres

>> OK, so bewegt sich jetzt auf Android-spezifischen Fragen Es gibt viele Hürden muss man beschäftigen sich mit bei der Gestaltung für Android Das erste, was die Leute manchmal versuchen, so dass nicht viel von einer entlassen Problem, aber es ist definitiv etwas, Sie haben zu prüfen, ist die Fragmentierung in Android Selbstverständlich, wenn Sie entwerfen für iOS, Sie entwerfen für iPhones und iPads Und es gibt einige Unterschiede jetzt, vor allem nach all den Jahren unter die verschiedenen Geräte und die verschiedenen Resolutionen, aber für die größten Teil, wissen Sie, was Sie erwartet Und Sie können auf jeden Fall ein paar unterschiedlichen Geräten und Test auf diejenigen, und Sie wissen, dass Sie für die meisten auf dem Markt >> Mit Android, sind sie auf jeden Fall Die beliebtesten Handys Dies ist keine neue Grafik, aber es ist die die Verteilung aller die verschiedenen Handys im Android Es gibt einige Haupt diejenigen, die Sie entwickelt für und hoffen, dass Sie Erfassung meisten – nicht die meisten, aber ein großer Teil der Ihr Publikum, und damit Ich meine, vielleicht 20% Aber man muss auf jeden Fall zu prüfen, über all diese verschiedenen Bildschirm Größen gibt es drei Zoll Android Telefone, und es gibt fünf Zoll Android-Handys Und es gibt eine ganze Reihe von verschiedenen Pixeldichten, und eine Menge verschiedener Android-Versionen >> Also müssen wir die Dinge so zu gestalten, dass sie sind gut abstrahiert und dass wir haben ansprechende Design Sie wollen nicht, etwas so zu gestalten, es ist auf dem gesamten Bildschirm auf einer fünf Zoll-Display, und dann, wenn Sie skalieren es auf eine Drei-Zoll-Anzeige, plötzlich der gesamte Text wird abgeschnitten und die Boxen sind seltsame Größen So haben wir auf jeden Fall halten, dies in Geist und denke über die Schaffung eines Design- die leicht zu skalieren >> Also noch einmal, darüber zu reden die verschiedenen Geräte Hier sind einige der verschiedenen Bildschirmgrößen und-dichten So zumindest die Bildschirmgrößen hier – das ist das Kreisdiagramm auf der linken Seite – Ich denke, es ist nicht so viel Variation, wir sagen, in der Regel, sie sind alle normalen Bildschirmgröße, was auch immer das fällt auf unter Android Richtlinien Aber für die Pixeldichten, wiederum, können Sie kann sehen, dass es eine breite Palette von Extra-High-Density Pixel Low-Density-Pixel-Bildschirme >> Und was das bedeutet, ist, dass die Grafik Sie verwenden, müssen Sie sicherstellen, Sie sicher, dass Sie darüber, wie sie denken werde Maßstab, denn sie nehme bis andere Menge von Raum, wenn Sie sie nicht entsprechend anpassen Auf technischer Ebene bedeutet dies, , dass, wenn Sie die Entwicklung für Android, sollten Sie unbedingt denken über die Verwendung von 9-Patch-Bilder, die bedeutet, dass wir bestimmte Aspekte wollen diese Taste oder ein Bild zu zeigen, und andere Teile werden maßstabsgetreu, nur dieses eine Farbe wird es als großen Maßstab wie wir gehen müssen Und überhaupt, um sicherzustellen, dass Sie wollen Sie sind mit Pixel-Gestaltung Unabhängigkeit im Auge >> Und dann wieder, in Bezug auf die API Diese Version hat tatsächlich verbessert hat ein Menge im Laufe der Jahre, letzten Jahr oder zwei, vor allem Früher war es so, dass ein Viertel der Menschen, hatte die neueste Version von Android, welche eine Art von Eis war Sandwich oder 4.0 Iteration, und es waren die Mehrheit der Menschen mit einem Jahr altes Betriebssystem hat, das ein ganz andere Benutzeroberfläche Nun, wie Sie sehen können, etwa 75% haben einige Version der 4.0-Linie, die im Grunde bedeutet, dass sie alle die trotz leichter gleiche Benutzeroberfläche Veränderungen im Laufe der letzten Jahr und eine Hälfte oder so Aber es gibt immer noch, dass Viertel der Menschen die verwendeten Lebkuchen, die Android ist 2.3, und wir wollen Design, so dass sie vollständig sind nicht hinter sich gelassen, und vor allem, da es nicht so schwer für uns, einige machen Design-Modifikationen, so dass sie haben die gleiche Benutzererfahrung jeder sonst haben kann >> Da ist es gut für uns als App-Entwickler und Designer, und dann auch noch schön für der Benutzer, weil sie etwas bekommen das ist neu, auch wenn sie eine ältere Telefon So, um hier durch ein Beispiel zu gehen, diese ist ein Beispiel aus Android iterative entwerfen YouTube-Kanal – oder deren [? intro?] Design YouTube-Kanal – und dies war einer dieser Gespräche von einer Woche über den Sommer Und wir können durch diese Brise Offensichtlich ist dies der Ausgangspunkt nicht ein gutes Beispiel für Design Sie können sehen, dass – wenn Sie mit Android vertraut – sollte es diese Aktion an der Bar haben oben, ein paar schöne Farben, und Sie können sehen die Miniaturen sind alle in verschiedenen Größen, der Text ist irgendwie seltsam formatiert und es funktioniert einfach nicht fühlen sich schön, das tut es nicht begeistern mich oder fühlen Spaß >> Das erste, was wir tun können, ist, wieder, bedenkt, dass dies eine alte Version von Android, es ist ein wirklich einfache Möglichkeit, es auf den neuesten Stand zu bringen mit neue Design-Muster

Und das bedeutet, wir sind nur die Support-Bibliothek, die Android veröffentlicht für die Aktionsleiste Also, was bedeutet, dass, wenn Sie Starten einer App, die Sie gerade sind diese und Sie alle jene notwendigen Design machen Überlegungen zu Beginn Wenn Sie versuchen, diese später zu integrieren Sie können es immer noch tun, und sie machen es recht einfach, aber es wird nur ein etwas mehr ein Streit Also einfach in Gedanken darüber, wie Sie gehen werde grundsätzlich unterstützt 100% der Android-Nutzer nicht nur die 75%, die neueren Handys haben >> Also, wenn wir hinzufügen, diese Aktion bar bei der oben können Sie sehen, wir daraus ging graue Linie auf eine schöne Linie, hat verschiedene Aktionspunkte und Schaltflächen wir können, um verschiedene Dinge zu tun, die drücken Seite, und dann ein Logo, nennen es XYZ Leser, und es fühlt sich schon ein wenig moderner Wir können diesen Styling, indem sie weiterhin es mit einem Farbschema der Marke, so dass in In diesem Fall haben wir es gerade noch Orange Und schon geben wir die eintragen, ein wenig mehr Identität Es hat seinen eigenen Charakter, und Sie fühlen sich wie Sie nicht nur mit einigen generische Vorlage, aber Sie verwenden ein App, die eine Art von Stimme hat >> So geht aus diesen beiden ist es ein wenig subtiler Unterschied, aber Abstand, Leerraum, ist eine wirklich einfache Sache Ich denke, dass ist einfach zu übersehen, für Menschen, die gerade erst in Design Weiß Raum, vor allem im Einklang weiß Raum um die Grenze, kann es Die Dinge fühlen sich viel weniger klaustrophobisch Nur, dass Polsterung rund um die Seite, es macht die Dinge einfacher zu lesen und zu alles passt besser zusammen, vor allem, wenn man die Dinge ausgerichtet haben rechts entlang der linken Seite Dann ist es besonders schwierig, manchmal sogar diese Zeichen lesen auf der ganzen Linie >> Und dann können wir auch ändern Vorschaubilder, um sie mehr zu machen konsistent in diesem Fall Listenansichten sind bereits Art von lästigen durchzublättern, und mit Bilder oder Thumbnails der eine ganze Reihe in verschiedenen Größen können nur machen schlimmer So ist die beste Sache, die wir tun können, ist nur machen alle Vorschaubilder die gleiche Und in Bezug auf die eigentliche Codierung hier wieder, das ist wirklich einfach Sie haben dieses zusätzliche Attribut namens hinzufügen Android: scaleType = “centerCrop” und es bedeutet, dass Sie das Bild bestimmte geben Abmessungen, und es wird nur eine skalieren, damit es die gesamte Größe passt, der gesamte Bereich, ohne das Bild zu verzerren >> Und Typografie Also das ist, vor allem wenn Sie mit iOS7, eine große Veränderung vertraut los ist in, vor allem im letzten Jahr oder so mit CS-Design Es gibt diese Bewegung in Richtung dünne Schriften und auf jeden Fall ein Variation in Schriften Und Android hat diese große Schrift gebaut in, Roboto, und es hat eine ganze Reihe von verschiedenen Stilen Offensichtlich muß man fett und kursiv, aber Sie haben auch dünne und eine Art von ultradünnen Text Und es gibt Möglichkeiten, die Schaffung einer Vielzahl von Stilen und geben Ihnen einige Kontext der verschiedenen Bedeutungen der Text ohne einige diskontinuierliche Schriften >> So eine gute Idee im Allgemeinen, ist, dass Sie können dünne Schriften für große Überschriften zu verwenden, und dann vielleicht, wenn Sie eine ganze Reihe haben von Text, die Sie verwenden können, eine kondensierte Schriftart, die bedeutet nur, dass es die elbe Größe vertikal, aber ein wenig kürzer horizontal, jedes Zeichen So können Sie mehrere Worte in passen eine kleinere Menge an Speicherplatz Dies ist besonders nützlich in diesem Fall für die Listenansicht, denn wenn Sie wollen einfach nur einen Ausschnitt oder Vorschau, der Text, in diesem Fall sind Sie wahrscheinlich nicht das Lesen der ganzen Sache, so dass Ihre Augen nicht werde müde Aber Sie müssen Sie so viel wollen Informationen wie wenig Platz wie möglich >> Und dann wieder ein anderes Design Überlegung ist, wenn wir auf einen Klick dieser Artikel hier in der Listenansicht und wir diese andere Seite zu öffnen, wissen wir nicht will sagen, OK, ich bin fertig lesen Dazu werde ich wieder gehen und ich werde klicken Sie auf eine neue Sache Was ist, wenn ich alle lesen will nur die Artikel für den Tag? Dann ist ein viel, viel besseres Design zu sein in der Lage, zwischen den Dingen in die swipe gleichen horizontalen Hierarchie Und dies ist wahrscheinlich nicht intuitiv zu das erste, aber sobald die Leute anfangen Realisierung dieses, es macht sehr viel Sinn, vor allem, dass Sie klauen sind links und rechts Denn auch wenn sie nicht zu denken über die Struktur der App ein Hierarchie, macht es Sinn, logisch, wenn Sie bei einem Top-Level starten Listenansicht und dann navigieren Sie zu einem Detail-Seite, die eine Art hat Artikel, die Sie würde Streichen zwischen ihnen

>> Und so im Verlauf all dieser verschiedene Veränderungen, wie diese sehen Sie waren nur ästhetischen Layout-Änderungen, und noch jetzt ganz am Ende, dies scheint wie eine App Ich möchte vielleicht zu bedienen Vor allem ab dem Rückweg hier wenn es sah alt und klobig und gerne niemand wirklich etwas über sie Und nicht zu viele Änderungen, nur beginnend mit der Aktionsleiste, dann die Farbschema und Leerraum, Thumbnails, Typografie, und in der Lage zwischen den Ansichten streichen, ist es plötzlich ein sehr intensives Erlebnis Und auch für etwas so einfach wie dieser >> Aber es gibt noch einige andere Überlegungen, und das ist Tabletten Dies würde auch Rücksicht auf die sein iOS, aber es gibt noch mehr Form Faktoren auf Android Sie haben Ihre zehn-Zoll-Tabletten, und Ihre Sieben-Zoll-Tablets, und einige Einsen überall dazwischen Und in diesem Fall, Sie nicht wirklich wollen um die gleiche Art von Liste haben Artikel anzeigen und Leseerlebnis, denn es gibt so viel mehr Platz, und wir wollen sie einen verwenden wollen viel effizienter So ist die beste Sache, um für eine Tablette tun Schnittstelle ist es, diesen Masteransicht haben oder Master-Detail eingerichtet, wo Sie die Liste auf der einen Seite, und dann Artikel über die anderen Teil des Bildschirms >> Und das ist etwas, wieder, dass es sehr wichtig zu beachten, wenn Sie beginnen die App von vorn Weil sonst, Sie gehen zu müssen, sind diese ganze Struktur umgesetzt werden, und dann sind Sie gehen zu wollen, um zu werfen sind dies dort, und es wird sein ziemlich schwierig So ist es am besten, um über diese Dinge nachdenken wenn man dem Start der App Und wieder ist es erstaunlich, was für eine Unterschied ein wenig Weißraum machen kann, geht von dieser zu diesem Es ist, indem einige viel schöner Pfund extra auf Tabletten >> Das war also die Schritt-für-Schritt-iterative Design auf dem Beispiel-App Nun, ich werde Ihnen eine Anwendung, um zu zeigen, dass Ich habe getan, und hat sich ein wenig verändert bit, und dann eine App, die ich denke, ist viel besser als es, und diejenigen, Design Überlegungen Also hier ist eine App, die ich gemacht habe, diese Konverter-App, und das ist im Grunde wie es aussah, nicht lange her, aber auf jeden Fall wie vor einem Jahr >> Und Sie können sehen, dass es nicht wirklich Ränder an der linken und rechten Seite, es gibt keine Branding oder das Thema auf es, an der Spitze ist es nur die standardmäßig Android-Stil Diese Registerkarten wohl an der Zeit, Sinn für mich, dass sie würden machen – alles lief einfacher zu sein, aber wenn man zwischen konvertierenden verschiedenen Gerätetypen, Entfernung, Masse, Volumen, und dann ist jede das ist nicht einfach – es ist nicht immer intuitiv Vor allem, weil, was ist, wenn ich Benutzer , die eine Art von konvertieren will Längeneinheit, der Abstand sowohl unter einem und Distanz? Habe ich das Gefühl, ist man besser als die anderen? Es ist verwirrend und nicht groß >> So eine einfache Verbesserung, die ich gemacht habe seit damals, konnte aber sicherlich mehr verbessert, ist nur zu ziehen eine Menge, die Junk-out Und dies ist in vielerlei Hinsicht wiederum sehr ähnlich wie die Gestaltung der dass vorherigen Folie Aber hier müssen Sie nur eine Seite, losgeworden von all den verschiedenen Tabs, diese ist nur, wo Sie alle haben diese verschiedenen Optionen Und die Margen und die Polster an der Seite sind ein wenig besser Und es ist einfach insgesamt sauberer Und dann gibt es die blau-Branding für die Aktionsleiste an der Spitze, und dann ein Navigations Schublade, auf die wir sprechen über etwas, auf der Seite >> Und Sie können sehen, wie das ist nur ein einfachen Schritt, aber gleichzeitig Zeit, ist es nicht viel die Adresse nicht Design-Überlegungen, die wir waren bevor wir über Es fühlt sich an wie es mich nicht überraschen, es ist mir nicht begeistern, und es ist nur tun, was sie in einer Weise tun muss dass zumindest in diesem Fall ist etwas weniger verwirrend >> Nun, das ist eine andere App, die Konverter Ich in der Android Store fand, dass ich denken, ist wirklich, wirklich großartig Es ist – Ich glaube nicht an den Namen erinnern – aber es hat dass Branding der zwei Pfeile, die blaue Pfeil nach oben und die andere hinunter Aber die Startseite, hier haben Sie welche Einheit, die Sie konvertieren möchten, aus, und dann gibt es diese – macht es mehr Sinn, wenn man es benutzt, es ist am Anfang ein wenig verwirrend >> Aber sie sind einfache Dinge, wie die von Einheit, gibt es eine Suchtaste rechts daneben, die die gleiche Art ist von Dingen, die in meiner Anwendung war, aber in meiner app, ein weiterer Dialog geöffnet, es dass Sie möchten, um von zu suchen, und

dann wird wieder auf den anderen Ort gehen würde Dieser ist nur ersetzt diesen Spinner, oder das Dropdown-Menü, mit einem Suchfeld ein und starten Sie einfach eingeben und dann wählen Sie etwas recht >> So müssen Sie nicht haben, irgendwohin zu gehen sonst alle Such geschieht in der gleichen Stelle Und macht viel mehr Sinn, dass Art und Weise, denn auch wenn für einen Moment bist du woanders umgeleitet, können Sie haben auf die Frage, warum? Warum habe ich mich verlassen? Und dann wohin gehe ich zurück zu? Und das hält alles wirklich organisiert >> Und dann gibt es andere Funktionen wie auf dieser vorherigen Folie zeigte ich Ihnen Hier, wie an verschiedenen Orten für Umwandlung zwischen zwei verschiedenen Einheiten und dann, dass die Konvertierung zwischen Einheit und jede andere mögliche Einheit in diese Kategorie Hier gibt es nur diese kleinen Pfeil, es ist einer der drei Tasten auf der rechten Seite Es ist ein Pfeil, ob wählen, wird oder nicht, zwischen zwei konvertieren möchten Einheiten oder alles Auch hier ist es mit dem Raum sehr viel effizienter >> Und es könnte dem Benutzer ein wenig dauern während das, was dass Pfeil Mittel zu erfahren, das ist vielleicht nicht groß, aber so bald wie sie es tun, erkennen sie, dass sie sich tun eine Menge recht Und sie können einfach zwischen schalten unterschiedliche Arten von Aufgaben Und die Sache, die ich am meisten mag diese, bei weitem, ist, dass wenn Sie auf dass Suchtaste an der Spitze, ist es eine globale Suche für jede Art von Einheit, die Sie suchen möchten Es öffnet sich die Navigation auf die Schublade links und Sie können einfach starten Sie die Suche in diesem Textfeld, und es werde beginnen Kommissionierung jede Einheit von jedem Gerätetyp >> Und es ursprünglich zeigt Ihnen alle verschiedene Gerätetypen mit schönen Grafiken neben ihnen, und dann als Sie suchen, es wird Ihnen zeigen, schön Einzug für, wie diese sind der Bereich Einheiten, die Sie suchen, und alles noch in einem Hierarchie, wie Sie suchen So ist es sehr intuitiv, und sehr gut organisiert Und Sie können immer zwischen diesen swipe verschiedene Ansichten auf der Seite Es hat auch eine wirklich große Tablet Optimierung, so dass es sich lohnen würde Check-out >> Rücksprung auf Branding und Farbe Intrigen, so ist dies einige Arbeit, die ich über den Sommer mit dieser Firma genannt V1 Sports Und ich habe auf dieser Seite nicht viel ändern, eigentlich das einzige, was ich geändert hat, ist die Aktionsleiste Und das ist ihr Home-Bildschirm, und sie waren ziemlich unerbittlich halten es die Art, wie es war, aber ursprünglich alle die Aktionsleisten waren schwarz Es war nur die Standard- Android-Styling >> Und es war wirklich, andere als die Hauptbild auf diesem Startbildschirm es gibt keine Möglichkeit, die Apps auseinander Und das bedeutete, wenn Sie es in die bekam Navigation oder die Hierarchie später in die App, vor allem als Entwickler, ist Testen Sie die verschiedenen Anwendungen, I persönlich habe verwirrt und vergessen welche app war ich mit Aber nur darum, ein wenig Farbe in die Aktionsleiste, ist es plötzlich erstellt eine Art von Branding und Styling für diese App, die eine kontinuierliche war in der gesamten User Experience >> So ist die Aktionsleiste, die ich reden immer über, hier, es wieder haben können verschiedenen Farben Dieser nicht Aber es hat die Home-Taste, und das ist wirklich schön Es ist im Grunde wie in der oberen linken Ecke eine Website, können Sie in der Regel auf dass Symbol und wieder nach Hause gehen Die gleiche Art der Sache ist hier richtig, Sie haben die App-Symbol, können Sie immer Klicken Sie auf die Und dann kann man eine ganze Reihe von haben andere Aktion Artikel in dieser über fließen Teil der Aktionsleiste, die sind Elemente, zwei und drei hier Und Aktionen sind die Dinge, die du auf der Seite der Basis wollen, sind sie will Sie nicht irgendwo anders zu nehmen, sie sind nicht die Navigation, aber sie werden dienen irgendeinen Zweck für vielleicht Auswählen Dinge oder Benutzer und so weiter >> Und dann diese anderen – OK, so jetzt sind wir über diese reden Ist Android Design-Überlegungen und die verschiedenen Muster Die Navigations-Schublade ist eine neue, die Nur ihre eigenen Android veröffentlicht Bibliothek für die es über den Sommer, obwohl es für wahrscheinlich benutzt worden Jahr oder mehr jetzt Aber die Idee, dass Sie dieselbe klicken Home-Button in der oberen linken, aber Jetzt können Sie alle Orte, die Sie sehen zu gehen, oder die Orte, sind Sie am ehesten zu gehen >> Und plötzlich, es ist im Grunde wie auf Amazon oder viele dieser Websites wo Sie diese Seitenleiste, lets have Sie gehen überall an jedem Punkt Es war wirklich schwierig mit mobilen Apps, weil wir nicht der Raum dafür Aber jetzt, wenn Sie den Raum nutzen anders, wo Sie sind im Grunde Wischen von der Seite, Sie können viel mehr bekommen – es ist einfacher, um den Benutzer zu bekommen, wo sie gehen wollen, schneller So können sie einfach auf, dass, wählen Sie wo sie gehen, und dann gehen wollen ganz woanders in der App >> Und hier einige Beispiele, dass mit verschiedene Apps, einige Bildschirm Aufnahmen, die ich gemacht habe Mit Amazon, gut mit Kindle, hier kann sehen, können Sie suchen und dann gehen auf eine ganze Reihe von verschiedenen Orte in der App Mit der YouTube-App, die gleiche Art von Sache, mein Profil sehen, ich und ich gehen kann zu den Kanälen abonniere ich, oder ich kann neue Dinge zu suchen Es nimmt mich an die Orte, die ich bin wahrscheinlich am ehesten als YouTube-Nutzer gehen

>> Und mit Evernote, sie haben eine interessante nehmen auf dieses, wo Sie sehen, Sie müssen nicht einfach nur Listenelemente hier in der Navigations Schublade Es wird geöffnet, und ich kann wählen, um eine neue Notiz von verschiedenen Arten mit einem Kamera oder Aufnahme etwas, und es kann mir eine ganze Reihe von geben Interaktion Sie können sehen, es gibt Miniaturen in einige von diesen und Zahlen mit der Listenansichten dass Sie wissen, wie viele Dinge sind in jedem dieser Orte Und es ist wirklich eines dieser Dinge wo das, was wir mit dieser Art tun von Design-Muster ist, dass wir realisieren, wo es ist, und was der Benutzer erwartet Aber es ist auch wichtig, um zu versuchen zu tun, etwas Neues und verzweigen sich aus Dabei Listenansichten für einfache Navigation und vielleicht die Umsetzung Ihrer eigenen Charakter hinein >> So eine letzte Sache ist, dass Android, wieder, wir darum, sicherzustellen, sprechen wir nicht halten Anwender in der Dunkelheit, bei dest die alten Benutzer, die vorherige haben Versionen von Android Also, wenn sie mit Lebkuchen, wenn wir die Aktionsleiste Unterstützung hinzugefügt Bibliothek und die Navigation Schublade Support-Bibliothek, dann sie bekommen können diese Funktionen in der App, nur wie alle anderen User würde Aber wenn wir auch diese dritte Partei hinzufügen Bibliothek genannt HoloEverywhere dann es ist ein guter Weg, um wieder sicher, dass dass die Benutzer das gleiche haben Erfahrung in allen Versionen von Android Dies bedeutet nur, wir nehmen, dass moderne Android 4.0 und höher Benutzer Schnittstelle und wir ihre Anwendung auf der ganzen Linie an alle Apps, die dieses verwenden >> Und vielleicht ist man nicht so viel von einem Sorge, es wird sicherlich ein wenig dauern weitere Umsetzung, aber es ist etwas zu bedenken, dass, wenn Sie wünschen Sie wirklich gleich aussehen müssen die ganze Zeit, vielleicht darüber nachzudenken Oder Sie könnten immer Ihre eigenen erstellen -Buttons und benutzerdefinierte Eingabefelder und alles Und dann, in dieser Weise haben das gleiche Benutzererfahrung >> Also noch einmal, nur darüber zu reden Branding, dass dies etwas ist, dass Google tut in ihrer – wie hier, ist ihr Google Play Store, und nur einfache Dinge wie mit einem Farbe mit einer bestimmten App verbunden Und sie haben einen wirklich guten Job gemacht Schaffung dieser Art von Kontinuität Und ich denke, jetzt habe ich fast verbunden Musik mit der Farbe Gelb weil der Google-Play-Musik, oder bedauern, die Farbe orange Aber die Dinge so einfach wie Farben kann Apps geben viel von Identität >> Also Tipps für Design im Allgemeinen und Insbesondere mobile App-Design Dies ist eigentlich kein Android, aber es ist eine mobile App Und die Idee ist hier nur, dass – das ist etwas, ich kam über online Und es ist eine wirklich interessante nehmen auf einem Login-Bildschirm, nicht schrecklich anders, und wohl vielleicht ein wenig zu streng, aber es ist anders >> Also ich denke, die Spitze habe ich für das Denken über Design, und wenn Sie erstellen etwas so einfaches wie eine Login-Seite oder wirklich ein Teil der App ist einfach gehen und sehen eine ganze Reihe von verschiedenen Anwendungen gibt, nehmen Bildschirm Aufnahmen von ihnen, und erstellen Sie einen ganzen Ordner auf Ihrem Computer, die Sie nur durch scrollen und schauen Sie sich alle verschiedene Versionen genau Sie versuchen, zu tun Sehen Sie, was getan worden ist, sehen, was Sie wie und mag sie nicht, und dann denken darüber, wie Sie die Persönlichkeit nutzen wenn die eigene App und was du bist machen, und versuchen, diese zu integrieren >> Also das Ziel ist, um zu sehen, was gut ist entwerfen und zu dekonstruieren sie in Komponenten, die wir reden können Also in diesem Beispiel, oder im Login-Bildschirme Im allgemeinen ist es unter dieser neuen Ansatz, indem sie dem Branding der App etwas mehr Charakter Es ist in der Regel diese Art von wie smiley blaues Gesicht und dann, wenn Sie die Passwort falsch, es tatsächlich ändert sich die Logo für die App oder dass große Bild, und es macht eine böse Gesicht, das rot ist >> Und es ist nur einfache Sachen wie, dass, in diesem Fall, nehme ich es könnte auf jeden Fall haben diese beiden unterschiedlichen Seiten, dass es überraschend und amüsant Und auf diese Weise, Sie fühlen sich nicht so schlecht darum, das Passwort falsch, bzw zumindest ist es wie, Ich bin fast froh, dass ich bekam das Passwort falsch, weil ich dann sah diesen Spaß Osterei Es ist immer noch ein wenig rot und vielleicht ist es hat eine viszerale Reaktion, bei der ich das Gefühl, wie die App droht mir, aber es ist auf jeden Fall einen anderen Ansatz Und es ist diese Art von Dingen , die eine Überlegung wert sind, Denken außerhalb der Box >> Denn auf eine Login-Seite, gibt es eine Menge Dinge zu beachten Es ist Ihr Benutzername, Passwort, aber dann, wie wollen Sie setzen die Passwort auf der Seite in einer Weise, dass es nicht –

es ist die Art der Sache, dass die Menschen manchmal, vielleicht eine Menge Leute nutzen die ganze Zeit, und sie sind wirklich um auf diese Schaltfläche zählen, aber wir tun nicht wollen, dass es Raum einnehmen und lenken von der Strömung, die wir wollen die Menschen durch zu gehen Und die gleiche Art der Sache mit der Anmeldung und Erstellen Sie ein neues Konto Das sind alles Dinge, die Sie haben, die bei der Erstellen einer Seite wie diese >> Und wie wollen Sie eigentlich Praxis bekommen mit diesem? Und das ist wieder nur ein paar Screenshots aus dem, was ich über die tat Sommer, dass irgendwann, auf Stift und Papier, ich schrieb, was ich dachte ein gutes Design wäre dass wir zu machen Und dann irgendwann, habe ich ein Mock-up auf Android >> Dies sind nur Layouts, und diese Die mit einem Minimum von dem, was ich tun kann Es gibt sehr wenig Logik in den Rücken, hier, das ist nicht wirklich eine App umgesetzt, aber ich wollte nur ein Gefühl dafür bekommen, was es aussehen könnte Und wenn Sie Ihre eigene App zu tun, würde ich wirklich empfehlen, die Trennung Teile davon, die Logik und Backend visuelle Frontend, und versuchen, ein paar verschiedene Dinge, und darüber nachzudenken, was funktioniert und was nicht und wirklich, wie Sie Benutzer fühlen wollen, und was Sie tun möchten Versuchen Sie, sie dabei zu helfen und machen es eine gute Erfahrung >> OK, das ist also im Grunde ist es für mein nehmen auf das Design Wieder bin ich neu in diesem, und ich denke, das ist der Weg, den ich gefolgt Und ich hoffe, dass für Menschen, die sind versuchen, vor allem unsere Entwickler , die versuchen, über die Möglichkeiten denken, sind dass sie ihre eigenen zu verbessern Design, sind diese auf jeden Fall einige gute Startplätze >> Und jetzt in der Regel, wenn Sie anfangen wollen, mit Android-Apps, folgen Sie dieser verlinken, oder einfach nur für die Suche Android loszulegen Es gibt eine Menge von Online-Dokumentation und eine Menge von Beispielcode Es ist wirklich, einfach Und hoffentlich werden es sehr angenehm Also das ist es für mich Ich hoffe, dass Sie vorwärts gehen und tun können einige Android-Programmierung und während Sie tun, dass die Entwicklung, können Sie auch darüber nachdenken, was macht gutes Design und was macht gute Apps angenehm für den Anwender >> Vielen Dank