JORDAN Jozwiak: Dus vandaag gaan we om te praten over slanke Android design. Dus voordat we beginnen, ik wil gewoon aanmerking dat een jaar geleden zou ik zeggen Ik had geen ervaring met het ontwerp, en ik verzorgd over een goed ontwerp, maar ik deed het niet echt weten wat dat betekende. En ik zou proberen, maar ik heb niet altijd weten wat te zoeken en wat zou maken een goed product. Dus nu heb ik een beetje meer geleerd, en Ik wil gewoon wat van die delen ervaringen met u, en vooral binnen de context van Android besturingssysteem waar er een heleboel van problemen met fragmentatie, en sommige nieuwe design patterns die zijn ontstaan. En als je geïnteresseerd bent in het nemen van een bent Android app, op deze manier hopelijk wat perspectief op wat de gebruikerservaring en gebruiker interface kan uitzien. 

Ook slechts enkele momenten geleden, we wenste Joseph [? Ang?] zijn gelukkige 21ste verjaardag. Dus voor ieder van jullie die hier waren vandaag, maar korte samenvatting. Dus dit is de echt gedetailleerde uitleg van wat we dan kunnen gaan vandaag, een hele hoop goede en slechte voorbeelden van design, hoge niveau overzicht vragen van fragmentatie in Android, en dan een hele hoop verschillende design patterns, waarin we praten over. Maar om echt af te breken, in algemeen, ik wil het hebben over ervaren ontwerp, de vereenvoudiging van de gebruikersinterface, en eigenlijk tot vreugde van de gebruiker en het creëren van iets dat is plezierig. Dus we gaan door een aantal algemene ontwerpconcepten, introduceren Android-achtige specifieke zorgen, waaronder versnippering, een paar voorbeelden, sommige Android design patterns, en vervolgens een aantal afsluitende tips voor wat te zoeken als je geïnteresseerd in het verbeteren van de ontwerp van uw apps. 

Dus, vrezen. Je ziet niet altijd associëren technologie met angst, maar voor sommige mensen het kan zijn. Ik weet dat mijn oma eigenlijk kiest niet een computer te gebruiken, omdat het zou te overweldigend voor haar. Maar zelfs op een veel dagelijks, er zijn een heleboel van ons die als we met behulp van een app, doen we niet altijd weet waar je heen moet. Je weet wat je wilt doen, maar je kunt niet vinden dat functie of die knop. 

En we hebben allemaal ondervonden slecht ontwerp op een punt of een ander, en soms deze frustratie is een soort een angst voor het onbekende. En als we deze angst, in het algemeen - zoals de psychologie ons heeft gezegd dat we diepte-eerste bewerking in plaats van breedte-eerst Dus als je gebruiker is al gefrustreerd met een slechte gebruikerservaring, zijn ze gewoon gaan meer en meer richten op wat ze willen te doen en hoe ze het niet gebaseerd kan doen op wat ze zoekt. Zodat we echt willen richten op het proberen een goede ervaring voor de te creëren gebruiker, want dat zal ze meer te maken staat om te communiceren op een positieve manier. 

Dus aan de andere kant hebben we genot. En er is een studie psychologie - en sommige van deze algemene ontwerpconcepten dat heb ik het over zijn gebaseerd op een lezing van Dan Harmon's Ted Talk op design. En hij sprak over Alice Isen, die had deze twee snaar experiment waarbij mensen in een lab zou komen, en er werden twee strings opknoping, en er was geen manier dat ze konden bereiken beide snaren tegelijk. 

Dus voor een aantal van de deelnemers die waren komen, zei hij, dit is een IQ test, en we gaan uitzoeken of u kunt bereiken beide de snaren. Dus veel van hen zou grijpen een en probeer om op te komen voor de andere, en zij zouden niet in staat zijn om het te maken. En dus een heleboel mensen niet deze test, de IQ-test. Maar toen zij kwamen in het lab en ze werden gepresenteerd met een kom snoep, gewoon te zeggen, hey, hebben we een aantal extra snoep, wil je wat? En toen gingen ze verder met het examen en het was gewoon een soort van een leuke, vrolijke, ontmoeting, veel meer mensen konden aan, creatief, denk aan hun voeten en zeggen, nou misschien als ik zwaai deze string, dan kan ik vangen de andere. 

Ik denk dat het punt hier is dat als je hebben een positieve ervaring, en uw gebruiker is plezier hebben, zijn ze meer waarschijnlijk kunnen blijven interactie op een positieve manier. Ik heb een andere versie van dit gehoord waar u kunt prime mensen met het zien een soort van touw slingeren voordat ze naar het lab komen of op een andere context. En dat is een ander ding om te overwegen op een minder emotioneel niveau, dat je kon een of andere manier leiden de gebruiker naar een bepaalde reactie of leiden ze op een pad dat je wilt dat ze volgen. 

Dit is niet de beste grafische voor wat ik ben naar toe, maar het is een ander idee dat binnen de vormgeving, kunt u een inherente, viscerale of low-level reactie op dingen. Dus Jurassic Park hier, hier is het artwork voor de filmposter. En er is een aantal eenvoudige dingen aan de hand. Net als de rode en gele, ze zijn voorzichtige waarschuwing kleuren die konden waarschuwen u voor gevaar, en staking een beetje angst. Tegelijkertijd, de letters is een soort van middeleeuwse, en het lijkt ongeraffineerd. Dus in deze fundamentele zintuigen, we kunnen hebben een laag niveau en oer reacties te ontwerpen. 

Er is ook reflecterend design. Dit is de Chevy Volt. En het ziet er in veel opzichten als een normaal auto, ik bedoel dit is een mooi grafische ervan. Het ziet er wel cool, de rode en de blauwe lichten zijn echt uit te steken, maar voor het grootste deel is er niets spectaculairs over dit ontwerp. Aan de andere kant is een elektrische auto. Hij rijdt de eerste 40 mijl allemaal op elektriciteit en dan uiteindelijk beginnen met behulp van de gasmotor. En dit is het soort ontwerp waar misschien als je hem gebruikt u niet voel me echt enthousiast over, maar wanneer u denkt over het op een hoger niveau en wat je zou het super ego noemen, je voelt echt positief over, en het is een goede ervaring. 

Nogmaals, dit zijn dia's voornamelijk van Dan Harmon's Ted Talk, en deze laatste twee zijn echt overtuigend. Dit is een voorbeeld van een theepot die als je het kantelen naar de kant, oorspronkelijk - dit is wanneer je de thee in - dus als we beginnen aan de rechterkant, we gaan om de thee in die bovenste compartiment zetten uiterst rechts, en dan zult steil met het water langs de onderkant ervan. En dan nadat het is inweken voor een terwijl, kunnen we hoek het halverwege, en het zal blijven steil een beetje, omdat sommige van de theeblaadjes zal nog steeds aanraken van het water, maar het zal zeker vertragen het proces. 

En dan zijn we helemaal klaar, we kantelen volledig rechtop, en het water in de bodem en de theebladeren in de top, en het is niet meer het weken, het is klaar om te serveren. En dat is zo'n mooie en eenvoudige voorbeeld van een groot ontwerp dat is - in dit geval, we zijn net te denken over het gebruik van de theepot in meer afmetingen eigenlijk draaien en het op zijn kant, en hoe we kunnen gebruiken dit in ons voordeel. Het is echt geweldig en leuk. 

En het laatste deel is, kunt u vertellen een verhaal in het ontwerp. Deze stoel kon je zeker zitten, maar het is ook bijzonder amusant gewoon om naar te kijken. De bal wordt niet verankerd aan even wat, maar je krijgt - Natuurlijk moet je dit gevoel van hoe de stoel is interactie en ontbrekende het laatste deel van haar been, in een poging om uit te reiken en te krijgen. En binnen je eigen apps it's - als we praten over het maken van gebruikersaccounts ervaring en branding, het gaat over het vertellen van een verhaal en geven een algemene vibe zodat de gebruiker weet te voelen een bepaalde manier, en ze zich goed voelen over het gevoel op die manier. 

En verrassing. Dus dit is ontleend aan een van de Google I / O-praat van de afgelopen zomer. Ze hadden het over hoe, volgens deze dezelfde lijn, ze willen betoveren gebruiker en ze weer, ging de psychologie van dit alles. En zij zeiden, ervaren we elke dag ongeveer 20.000 momenten van positieve en negatieve emoties, en dat in het algemeen, duurt ongeveer drie positieve emoties om opwegen tegen of als tegenwicht van een negatieve. 

En dus in het kader van technologie, hier zijn ze praten over hoe - dat ze geschapen Google Nu, dat is hun nieuwe zoekinterface op Android. En dit bovenste deel hier dat bij de Momenteel heeft een berg en zegt Google, daadwerkelijk zal veranderen afhankelijk van uw locatie en de tijd van de dag. Dus het maakt niet uit waar je bent, dit berg zal uiteindelijk een nacht thema wanneer het 's nachts. 

En toen ik voor het eerst vloog terug naar Boston uit zijn huis in Michigan, het gewijzigd in Boston skyline voor een tijdje. En nogmaals, de skyline van Boston tijdens de dag, bij nacht, soms was een werkelijke beeld, en soms was het gewoon een soort van grafische kunst. En het is verrassend en heerlijk. Ze doen hetzelfde soort ding met hun - Google doet - met de manier waarop ze schrijven het woord Google op hun homepage en hebben een soort van spel of andere kunstwerk vieren van een bepaalde dag van het jaar. 

OK, zo ontroerend nu op Android-specifieke kwesties. Er zijn een heleboel hindernissen moet je omgaan met bij het ontwerpen voor Android. Het eerste ding dat mensen soms proberen om zo niet dat veel van een ontslag probleem, maar het is zeker iets je moet overwegen, is fragmentatie in Android. Uiteraard, als je het ontwerpen voor iOS, bent u het ontwerpen van voor iPhones en iPads. En er is wat variatie nu, vooral na al die jaren onder de verschillende apparaten en de verschillende resoluties, maar de grootste deel, je weet wat te verwachten. En je kan zeker een paar te krijgen verschillende apparaten en testen op die, en je weet dat je die het grootste deel van de markt. 

Met Android, ze zijn zeker de meest populaire telefoons. Dit is geen recente grafisch, maar het is die de verdeling van de verschillende telefoons in Android. Er zijn enkele belangrijke degenen die u kunt ontwerpen voor en hopen dat u bent het vastleggen van de meeste - niet de meeste, maar een groot deel van uw publiek, en door die Ik bedoel, misschien 20%. Maar je moet zeker overwegen over al deze verschillende schermformaten formaten er drie inch Android telefoons, en er zijn vijf centimeter Android-telefoons. En er zijn een heleboel verschillende pixel dichtheid, en er zijn een heleboel verschillende versies Android. 

Dus moeten we de dingen zo te ontwerpen dat ze zijn goed geabstraheerde en dat we hebben responsive design. Je wilt niet iets zo te ontwerpen het is in het volledige scherm op een vijf inch scherm, en vervolgens bij het schalen het neer op een drie inch display, plotseling alle tekst wordt afgesneden en de dozen zijn vreemde maten. Dus we moeten zeker deze in te houden geest en na te denken over het maken van een ontwerp die gemakkelijk schaalbaar. 

Dus nogmaals, het over de verschillende apparaten. Hier zijn enkele van de verschillende schermformaten en dichtheden. Dus in ieder geval de schermformaten hier - dat is het cirkeldiagram aan de linkerkant - Ik denk dat er niet veel variatie, we zeggen, in het algemeen, ze zijn alle normale grootte van het scherm, wat dat valt op onder Android richtlijnen. Maar voor de pixel dichtheid, nogmaals, u kan zien dat er een breed scala van extra hoge dichtheid pixels een lage densiteit pixel-schermen. 

En wat dit betekent is dat de graphics u gebruikt, moet u ervoor zeker dat je denkt over hoe ze gaat schaal, omdat ze zullen nemen up verschillende hoeveelheid ruimte als je deze niet aanpassen. Op een meer technisch niveau, betekent dit dat als je de ontwikkeling voor Android, moet u zeker denken over het gebruik van 9-patch beelden, die betekent dat we bepaalde aspecten van dit beeld De knoop of om te laten zien en andere onderdelen zal schaal, alleen deze ene kleur zal het schalen zo groot als we moeten gaan. En in het algemeen, wilt u ervoor zorgen dat je het ontwerpen met pixel onafhankelijkheid in het achterhoofd. 

En dan weer, wat de API versie, dit ook daadwerkelijk is verbeterd veel in de loop van de jaren, de vorig jaar of twee, in het bijzonder. Vroeger was het zo dat een kwart van de mensen had de nieuwste versie van Android, die een soort van ijs was Broodje of 4.0 iteratie, en er waren de meeste mensen een jaar oude besturingssysteem dat een heeft geheel andere gebruikersinterface. Nu, zoals je kunt zien, ongeveer 75% wat versie van de 4.0 lijn, die betekent in feite dat ze hebben allemaal dezelfde gebruikersinterface, ondanks een lichte veranderingen in de loop van de vorig jaar en een half of zo. Maar er is nog steeds dat kwart van de mensen die gebruik maken van ontbijtkoek, dat is Android 2.3, en we willen ontwerp zodat ze niet volledig achtergelaten, en vooral omdat het niet zo moeilijk voor ons om wat te maken wijzigingen in het ontwerp, zodat ze kunnen hebben dezelfde gebruikerservaring iedereen anders kan hebben. 

Dus het is goed voor ons als app-ontwikkelaars en ontwerpers, en dan ook leuk voor de gebruiker omdat ze iets krijgen dat is nieuw, zelfs als ze een oudere telefoon. Dus om te gaan door middel van een voorbeeld hier, dit is een voorbeeld van Android's iteratieve ontwerpen YouTube-kanaal - of de [? intro?] ontwerp YouTube-kanaal - en dit was een van die gesprekken van een week in de zomer. En we kunnen wind door deze. Uiteraard is dit uitgangspunt niet een goed voorbeeld van design. Je kunt zien dat - als je bekend bent met Android - moet deze actie bar bij de boven, een aantal leuke kleuren, en je kunt zien de miniaturen zijn allemaal verschillende maten, de tekst is een beetje vreemd geformatteerd en het doet gewoon niet voelt lekker, is het niet verrukking mij of voelen plezier. 

Dus het eerste wat we kunnen doen is, opnieuw, gezien het feit dat dit een oude versie van Android, is er een echt gemakkelijke manier om het up-to-date te brengen met nieuwe design patterns. En dat betekent dat we net onder de support bibliotheek dat Android releases voor de actiebalk. Dus wat dit betekent is dat als je het starten van een app, je deze ook en je al die noodzakelijke ontwerp maken overwegingen bij het begin. Als u probeert om deze later op te integreren je kunt nog steeds doen, en ze maken het vrij eenvoudig, maar het zal gewoon een beetje meer een gedoe. Dus gewoon gaan in het denken over de manier waarop u bent zal ondersteunen principe 100% van Android-gebruikers in plaats van alleen de 75% die nieuwere telefoons. 

Dus als we voegen deze actiebalk top, kunt u zien gingen we uit deze grijze lijn om een ​​mooie lijn die heeft verschillende actie-items en knoppen we kunt op drukken om verschillende dingen op het doen pagina, en dan een logo, noem het XYZ Lezer, en het voelt al een beetje meer modern. We kunnen dit styling blijven door het maken van het merk met een kleurenschema, dus in dit geval hebben we net het oranje. En al geven we de app een beetje meer identiteit. Het heeft een eigen karakter, en je voelt alsof je niet alleen met behulp van een aantal generiek sjabloon, maar u gebruikt een app die een soort van stem heeft. 

Dus gaan van deze twee is het een beetje meer subtiel verschil, maar afstand, witte ruimte, is een heel simpel ding dat ik denk dat is gemakkelijk te kijken voor mensen die net in het ontwerp. Witte ruimte, vooral consistente wit ruimte rond de grens, kan Knutselen voel me een stuk minder claustrofobisch. Alleen dat padding rond de kant, het maakt het wat makkelijker te lezen en alles in elkaar past beter, vooral als je dingen hebt uitgelijnd rechts langs de linkerkant. Dan is het bijzonder moeilijk om soms zelfs lezen die personages rechts langs de lijn. 

En dan kunnen we ook veranderen de miniaturen om ze te maken consequent in dit geval. Uitzicht lijst zijn al een beetje vervelend om door te spiegelen, en met afbeeldingen of miniaturen van een hele hoop van verschillende grootte kan gewoon erger. Dus het beste wat we kunnen doen is gewoon maken alle miniaturen hetzelfde. En in termen van de feitelijke codering hier nogmaals, dit is echt makkelijk. Je voegt alleen deze extra attribuut Android: scaleType = "centerCrop", en het betekent dat je het beeld geven bepaalde dimensies, en het zal slechts een schalen zodat het de volledige grootte past, het hele gebied, zonder het beeld te vervormen. 

En typografie. Dus dit is, vooral als je vertrouwd zijn met iOS7, een enorme verandering er in, vooral in de laatste jaar of zo met CS ontwerp. Er is een beweging in de richting dunne lettertypen en zeker een variatie lettertypen. En Android heeft dit grote lettertype gebouwd in, Roboto, en het heeft een hele hoop van verschillende stijlen. Uiteraard moet je vet en cursief zijn, maar je hebt ook dun en een soort van ultra dunne tekst. En er zijn manieren van het creëren van een verscheidenheid van stijlen en geven u een aantal context van de verschillende betekenissen van de tekst zonder enige discontinue fonts. 

Dus een goed idee in het algemeen, is dat je kan dunne lettertypen gebruiken voor grote koppen, en dan misschien als je een hele hoop van tekst kunt u gebruik maken van een verkorte lettertype, dat betekent gewoon dat het de dezelfde grootte verticaal, maar een beetje kortere horizontaal elk personage is. Zodat u meer woorden passen in een kleinere ruimte. Dit is vooral nuttig in dit geval voor de lijstweergave, want als je wil gewoon een fragment, of voorbeeld, van de tekst, in dat geval ben je waarschijnlijk niet de hele lezing ding, zodat je ogen niet gaan moe. Maar je hoeft je zoveel wilt informatie in als weinig mogelijk ruimte. 

En dan weer een ander ontwerp overweging is, wanneer we op een van deze items hier in de lijstweergave en we deze andere pagina te openen, doen we niet willen zeggen, OK, ik ben klaar met het lezen van dit, ga ik terug en ik zal klik op een nieuw ding. Wat als ik wil gewoon alles te lezen de artikelen voor de dag? Dan is een veel, veel beter ontwerp te zijn kunnen vegen tussen de dingen in de hetzelfde horizontale hiërarchie. En dit is waarschijnlijk niet intuïtief op de eerste, maar zodra mensen beginnen het realiseren van dit, het maakt een veel zin, vooral dat je jatten links en rechts. Want zelfs als ze niet denken de structuur van de applicatie als hiërarchie, heeft het zin logisch is, als je begint op een top niveau lijstweergave en dan moet je navigeren naar een detailpagina dat een soort van heeft artikel, dat je zou swipe tussen hen. 

En de loop van al deze verschillende veranderingen, zie je hoe deze waren gewoon esthetische lay-out wijzigingen, en toch nu aan het einde ervan, dit lijkt een app Ik zou willen gebruiken. Vooral vanaf de weg terug hier toen het zag er oud en onhandig en graag niemand echt verzorgd over. En met niet te veel veranderingen, maar te beginnen met de action bar, dan is de kleurenschema en witte ruimte, miniaturen, typografie, en in staat te vegen tussen de standpunten, het is plotseling een zeer meeslepende ervaring. En zelfs iets zo simpel als dit. 

Maar er is nog een aantal andere overwegingen, en dat is tabletten. Dit zou ook aandacht aan het worden iOS, maar er zijn nog meer vorm factoren op Android. Je hebt je tien inch tablets, en uw zeven inch tablets, en sommige degenen overal tussen in. En in dit geval, je niet echt wilt dezelfde soort lijst bekijken en artikel leeservaring, want er is zo veel meer ruimte, en we willen het een te gebruiken veel efficiënter. Dus het beste wat te doen voor een tablet interface is deze meester uitzicht hebben of meester detail opgezet, waar je de lijst aan de ene kant, en vervolgens artikel anderzijds deel van het scherm. 

En dit is iets, nogmaals, dat het zeer belangrijk om te overwegen wanneer je begint de app vanaf het begin. Want anders, je gaat te hebben Deze hele structuur geïmplementeerd, en dan zul je wilt gooien dit in er, en het gaat worden vrij moeilijk. Dus het is best om na te denken over deze dingen wanneer je begint de app. En nogmaals, het is verbazingwekkend wat een verschil een beetje witte ruimte kunnen maken, gaande van deze bij. Het is veel mooier door toevoeging van een aantal extra vulling op tabletten. 

Dat werd stap voor stap iteratief ontwerp op een voorbeeld app. Nu, ik ga je laten zien een app die Ik heb gedaan en is een beetje veranderd beetje, en dan een app die ik denk is veel beter dan het, en die ontwerp overwegingen. Dus hier is een app die ik heb gemaakt, dit converter app, en dit is in principe hoe het eruit zag, niet lang geleden, maar zeker als een jaar geleden. 

En je kunt zien dat er niet echt marges links en rechts kant, er is geen branding of thema te het, op de top is het gewoon de standaard, Android stijl. Deze tabbladen waarschijnlijk op het moment, logisch om me dat ze gingen maken - alles zou eenvoudiger zijn, maar als je het converteren tussen verschillende typen eenheden, afstand, massa, volume, en dan is elke dat is geen gemakkelijke - het is niet altijd intuïtief. Vooral omdat, wat als ik ben gebruiker die wil een soort van zetten afstand eenheid, en de afstand is zowel onder elke en afstand? Voel ik me, is een betere dan de andere? Het is verwarrend en niet geweldig. 

Dus een eenvoudige verbetering die ik heb gemaakt sindsdien, maar kon zeker meer verbeterd, is gewoon te trekken veel van die troep uit. En dit is in veel opzichten, opnieuw, vergelijkbaar met de inrichting van dat vorige dia. Maar hier hoef je alleen maar een pagina, verlost van al die verschillende tabs, deze is gewoon waar u alle die verschillende opties. En de marges en de opvulling op de zijkant zijn een beetje beter. En het is gewoon het algemeen schoner. En dan is er dat blauw branding voor de actie balk aan de bovenkant, en dan een navigatie-lade, die we zullen praten over een beetje, aan de kant. 

En je kunt zien hoe dit is slechts een eenvoudige stap voorwaarts, maar op hetzelfde tijd, is het niet een groot deel van de aan te pakken overwegingen bij het ontwerp dat we praten over vroeger. Het voelt alsof het mij niet is verrassend, het is me niet behagen, en het is gewoon doet wat het moet doen op een manier dat, althans in dit geval is iets minder verwarrend. 

Nu is dit een andere converter app die Ik vond in de Android winkel die ik denk is echt, echt geweldig. Het is - Ik weet niet meer de naam - maar het heeft dat branding met de twee verschillende pijlen, die blauwe pijl omhoog en de andere naar beneden. Maar de startpagina, hier, je hebt wat eenheid die u wilt converteren van, en dan zijn er deze - is het zinvoller als je het gebruikt, in het begin is het een beetje verwarrend. 

Maar ze zijn simpele dingen zoals het uit eenheid, er is een zoekknop ernaast, wat hetzelfde soort ding dat was in mijn app, maar in mijn app, het een andere dialoog geopend dat je zou moeten zoeken uit, en dan zou je terug naar de andere plaats te gaan. Dit men het gewoon vervangt dat spinner, of het drop down menu, met een zoekvak, en je gewoon beginnen typen en dan selecteert iets daar. 

Dus je hoeft niet om overal mee naartoe anders alle zoeken gebeurt op dezelfde plaats. En maakt veel meer zin op die manier, want zelfs als voor een moment dat je bent omgeleid ergens anders, je hebben op de vraag, waarom? Waarom heb ik vertrekken? En dan waar ga ik terug aan het gaan? En dit houdt alles echt georganiseerd. 

En dan zijn er nog andere functies, zoals op die vorige dia ik je liet zien. Hier, net als verschillende plaatsen voor converteren tussen twee verschillende eenheden en vervolgens converteren tussen dat eenheid en andere mogelijke eenheid in die categorie. Hier, er is gewoon deze kleine pijl, het is een van de drie knoppen op de rechterzijde. Het is een pijl die zal kiezen of of als u niet wilt converteren tussen twee eenheden of alles. Nogmaals, het is het gebruik van de ruimte veel efficiënter. 

En het zou de gebruiker een beetje nemen terwijl wat die pijl betekent leren, die misschien niet geweldig, maar zodra als ze dat doen, ze beseffen dat ze kunnen doe heel veel daar. En ze kunnen gemakkelijk schakelen tussen verschillende soorten taken. En het ding dat ik het liefst over Dit, veruit, is dat als u klikt op dat zoekknop aan de top, het is een wereldwijde zoektocht naar een soort van apparaat dat u wilt zoeken. Het opent de navigatie-lade aan de links en je kunt gewoon beginnen met zoeken in dat tekstvak, en het zal beginnen uitzoeken van een eenheid van elk type toestel. 

En het oorspronkelijk toont u alle verschillende soorten unit met mooie graphics naast hen, en vervolgens als u zoekt, zal het je laten zien aardig inspringen voor, als deze zijn het gebied eenheden die u zoekt, en alles nog steeds in een hiërarchie als je zoekt. Dus het is zeer intuïtief en zeer goed georganiseerd. En je kunt altijd vegen tussen deze verschillende visies op de pagina. Het heeft ook echt een geweldige tablet optimalisatie, dus het zou de moeite waard zijn uitchecken. 

Springen terug naar branding en kleur sluwe, dus dit is wat werk ik deed tijdens de zomer met dit bedrijf genaamd V1 Sports. En ik heb niet veel veranderen op deze pagina, eigenlijk het enige wat ik veranderd is de actiebalk. En dit is hun home-scherm, en ze waren behoorlijk onvermurwbaar op het houden van het zoals het was, maar oorspronkelijk alle de actie bars waren zwart. Het was gewoon de standaard Android styling. 

En er was echt, anders dan de hoofdbeeld op dat startscherm er is geen manier om de apps apart te vertellen. En dat betekende dat, als je het hebt in de navigatie of de hiërarchie later in de app, vooral als een ontwikkelaar die is het testen van de verschillende apps, ik persoonlijk, raakt verward en vergat die app die ik gebruikte. Maar door zomaar een beetje kleur in de actiebalk, is het plotseling ontstaan een soort van branding en styling voor die app die continu was de gehele gebruikerservaring. 

Dus de actiebalk dat ik blijf praten over, hier, het weer, kan hebben verschillende kleuren. Deze niet. Maar het heeft de home-knop, en dat is echt leuk. Het is in principe net als in de linkerbovenhoek van een website, kunt u meestal op dat icoon en ga terug naar huis. Hetzelfde soort ding is waar hier, je hebben de app-pictogram, dan kunt u altijd klik op dat. En dan kun je een hele hoop van hebben verschillende actiepunten in dit over vloeien deel van de actie bar, die zijn items twee en drie hier. En actiepunten zijn dingen die je zou willen doen op basis van de pagina, ze zijn niet van plan om ergens anders te nemen, ze zijn niet de navigatie, maar ze zullen dienen een soort van doel misschien het selecteren van dingen of zoeken enzovoort. 

En dan die andere - OK dus nu hebben we het over deze werkelijke Android ontwerpoverwegingen en verschillende patronen. De navigatie-lade is een nieuwe die Android zojuist hun eigen bibliotheek voor het over de zomer, hoewel het is gebruikt waarschijnlijk jaar nu of meer. Maar het idee is dat je diezelfde klik home-knop in de linkerbovenhoek, maar nu kun je alle plaatsen waar je kon zien gaan, of de plekken waar je bent meeste kans om te gaan. 

En plotseling, is het in principe als op Amazon of veel van die websites waar heb je dat sidebar waarmee je overal te gaan op elk punt. Het was echt moeilijk met mobiele apps, omdat we niet hebben de ruimte voor. Maar nu, als je de ruimte te gebruiken anders waar je eigenlijk bent vegen vanaf de zijkant, kun je veel meer te halen - is het makkelijker om de gebruiker te krijgen waar ze willen gaan, sneller. Zo kunnen ze gewoon klikken op dat, kiezen waar ze naartoe willen, en dan gaan ergens totaal anders in de app. 

En hier is een aantal voorbeelden van die met verschillende apps, sommige scherm shots die ik nam. Met Amazon, goed met Kindle, hier zie dat je kunt zoeken en dan gaan een hele hoop verschillende plaatsen in de app. Met de YouTube-app, zelfde soort ding, zie ik mijn profiel en ik kan gaan om de kanalen abonneer ik mij op, of kan ik nieuwe dingen te bladeren. Het neemt me mee naar de plaatsen waar ik ben waarschijnlijk meeste kans om te gaan als een YouTube-gebruiker. 

Met Evernote, ze een interessante kijk op deze, waar zie je je hoeft niet om gewoon lijstitems hier in de navigatie lade. Het zal openen, en ik kan ervoor kiezen om een nieuwe notitie van verschillende types met een camera of opname iets, en het kan me een hele hoop geven interactie. U kunt zien zijn er miniaturen in sommige van deze en nummers met de lijst uitzicht te laten weten hoeveel dingen zijn in elk van deze plaatsen. En het is echt een van die dingen waar wat we doen met dit soort van ontwerp patroon is dat we beseffen waar het is, en wat de gebruiker verwacht. Maar het is ook belangrijk om te proberen te doen iets nieuws en tak uit doet uitzicht lijst voor eenvoudige navigatie en misschien het zetten van uw eigen karakter in. 

Dus een laatste Android ding is dat, nogmaals, we hebben het over om ervoor te zorgen we geen gebruikers houden in het donker, bij minste de oude gebruikers die vorige hebben versies van Android. Dus als ze met behulp van Gingerbread, wanneer we de actiebalk ondersteuning toegevoegd bibliotheek en de navigatie lade support bibliotheek, dan kunnen ze krijgen deze functies in de app, net net als elke andere gebruiker zou doen. Maar als we voegen ook deze derde partij bibliotheek wel een HoloEverywhere dan het is een goede manier om, nogmaals, zorg ervoor dat dat de gebruikers dezelfde ervaring in alle versies van Android. Dit betekent gewoon dat we het nemen van die moderne Android 4.0 en hoger gebruiker interface en we zijn toe te passen over de hele linie voor alle apps die dit gebruiken. 

En misschien is dit een niet zo veel van een zorg, zal het zeker wel een beetje meer implementatie, maar het is iets aan te nemen dat als je echt wil moet je er hetzelfde uitzien de hele tijd, misschien overwegen dit. Of je kan altijd uw eigen aangepaste knoppen en aangepaste invoervelden en alles. En dan, op die manier, hebben dezelfde gebruikerservaring. 

Dus nogmaals, alleen maar praten over branding, dat dit iets is dat Google doet qua - zoals hier is hun Google Play Store, en gewoon simpele dingen zoals het hebben van een kleur geassocieerd met een bepaalde applicatie. En ze hebben echt goed werk gedaan creëren dergelijke continuïteit. En ik denk, nu, ik heb bijna geassocieerd muziek met de kleur geel omdat Google Play muziek, of sorry, de kleur oranje. Maar de dingen zo simpel als kleuren kan geven apps veel identiteit. 

Dus tips voor design in het algemeen, en specifiek, mobiele app ontwerp. Dit is eigenlijk niet Android, maar het is een mobiele app. En het idee hier is alleen dat - dit is iets wat ik kwam over online. En het is echt een interessante kijk op een login-scherm, niet erg anders, en misschien wel misschien een beetje Ook sobere maar het is anders. 

Dus ik denk dat de tip die ik heb voor het denken over design, en als je het creëren iets eenvoudigs als een login pagina of echt een deel van uw app, is gewoon uit te gaan en te kijken naar een hele hoop verschillende apps die er zijn, nemen scherm shots van hen, en een hele map te maken op uw computer die u kunt gewoon doorlopen en kijken naar alle verschillende versies van wat je probeert te doen. Zie wat er is gedaan, zien wat je zoals en niet willen, en dan denk over hoe je de persoonlijkheid kunt gebruiken als je eigen app en wat je bent maken, en proberen om die te integreren. 

Dus dan is het doel is om te zien wat goed is ontwerpen en te deconstrueren het in componenten die we kunnen praten. Dus in dit voorbeeld, of in het login-scherm in het algemeen, is het nemen van deze nieuwe aanpak door het geven van de branding van de app wat meer karakter. Het is normaal gesproken dit soort zoals smiley blauw gezicht en dan als je het wachtwoord verkeerd, het verandert in feite de logo voor de app, of dat grote beeld, en het maakt een boos gezicht dat is rood. 

En het is gewoon simpel dat soort dingen, in dit geval, ik veronderstel dat het kon zeker die twee verschillende kanten dat het verrassend en grappig. En op die manier, je voelt je niet zo slecht over het krijgen van het wachtwoord verkeerd is, of althans het is alsof, ik ben bijna blij dat ik kreeg het wachtwoord verkeerd, want dan heb ik zag deze leuke easter egg. Het is nog steeds een beetje rood en misschien heeft een viscerale reactie waar ik voel zoals de app bedreigt me, maar het is zeker een andere aanpak. En het is dit soort dingen die het overwegen waard zijn, denken buiten de doos. 

Omdat op een inlogpagina, zijn er een heleboel dingen te overwegen. Daar is je gebruikersnaam, wachtwoord, maar hoe ga je zet de wachtwoord op de pagina zodanig dat het niet - het is het soort dingen die mensen gebruiken soms, misschien een heleboel mensen gebruiken de hele tijd, en ze gaan echt rekenen op die knop, maar wij niet wil dat het nemen van de ruimte en af ​​te leiden uit de stroom die wij willen dat mensen doorlopen. En hetzelfde soort dingen met aanmelden, en het creëren van een nieuwe account. Dit zijn allemaal dingen die je moet overwegen bij het creëren van een pagina als deze. 

En hoe doe je eigenlijk krijgen de praktijk met deze? En dit is, nogmaals, slechts een paar screenshots van wat ik deed over de zomer, dat op een gegeven moment, op de pen en papier, Ik schreef net wat ik dacht een goed ontwerp zou zijn die we konden maken. En dan op een gegeven moment, ik heb gemaakt een mock-up op Android. 

Dit zijn slechts lay-outs, en deze zijn met behulp van het absolute minimum van wat ik kan doen. Er is heel weinig logica in de rug, Hier, is dit niet echt een geïmplementeerd app, maar ik wilde gewoon een gevoel te krijgen van hoe het eruit zou kunnen zien. En als je doet je eigen app, zou ik echt aanraden het scheiden van die delen daarvan, de logica en de backend visuele frontend, en proberen een paar verschillende dingen en denk na over wat werkt en wat niet werkt en echt hoe je de gebruiker wilt voelen, en wat je wilt dat ze doen. Probeer ze te helpen met dat en maken het een goede ervaring. 

OK, dus dat is eigenlijk het voor mijn visie op design. Nogmaals, ik ben nieuw op dit, en ik denk dat dat is de weg die ik volgde. En ik hoop dat voor mensen die proberen, vooral onze ontwikkelaars die proberen na te denken over manieren dat ze hun eigen kunnen verbeteren ontwerp, deze zijn zeker een aantal goede startplaatsen. 

En nu in het algemeen, als u wilt beginnen met Android apps, volg deze koppelen, of gewoon zoeken naar Android aan de slag. Er is veel documentatie online en veel voorbeeldcode. Het is echt, rechttoe rechtaan. En hopelijk zal heel plezierig. Dus dat is het voor mij. Ik hoop dat je vooruit kunt gaan en doen sommige Android-codering, en terwijl je dat te doen ontwikkelen, kunt u ook denken over wat maakt een goed ontwerp en wat maakt goede apps plezierige voor de gebruiker. 

Bedankt.