>> JORDAN Jozwiak: Així que avui anem per parlar sobre el disseny d'Android elegant.
Així que abans de començar, només vull Qualifico que fa un any jo diria
No tenia cap experiència amb el disseny, i jo preocupava pel bon disseny, però no ho vaig fer
realment saben el que això significava.
I m'agradaria provar, però no ho vaig fer sempre saber el que ha de buscar i el que faria
fer un bon producte.
Així que ara, he après una mica més, i Només vull compartir alguns dels
experiències amb vosaltres, i especialment en el context d'androide
sistema operatiu en el qual hi ha una gran quantitat de problemes amb la fragmentació, i alguns
nous patrons de disseny que estan sorgint.
I si vostè està interessat en prendre en una Aplicació per Android, d'aquesta manera espere
tenir una mica de perspectiva sobre el que l'experiència de l'usuari i l'usuari
interfície pot ser similar.
>> També fa uns moments, ens volgut Joseph [? Ang?]
seva 21 aniversari feliç.
Així que per a tots els que van estar aquí avui en dia, només breu recapitulació.
Així que aquesta és la realitat detallada explicació del que podríem repassar
avui en dia, un munt de bons i dolents exemples de disseny, alt nivell
vista general, les preguntes de la fragmentació en Android, i després un munt de
diferents patrons de disseny, que parlarem.
Però per realment trencar cap avall, en en general, jo volia parlar de
disseny d'experimentar, el que simplifica la interfície d'usuari, i en realitat
delectant a l'usuari i crear cosa que és agradable.
Així que anem a anar a través d'alguns generals conceptes de disseny, introduir
Preocupacions específiques Android-com, incloent la fragmentació, un parell
exemples, alguns patrons de disseny d'Android, i després alguns consells de tancament
per la qual cosa ha de buscar si estàs interessats en la millora de la
disseny de les seves aplicacions.
>> Així, la por.
Potser no sempre associar tecnologia de por, però per alguna
persones que poden ser.
Jo sé que la meva àvia en realitat decideix no utilitzar un ordinador, ja que
Seria aclaparador per a ella.
Però fins i tot sobre una base molt més al dia, hi ha molts de nosaltres que quan estem
utilitzant una aplicació, no sempre ho fem saber on anar.
Saps el que vols fer, però no es pot trobar que
característica o aquest botó.
>> I tots ens hem trobat malament disseny en un moment o altre, i de vegades
aquesta frustració és com la por al desconegut.
I quan tenim aquesta por, en general - com la psicologia ens ha dit
que tenim el processament primer en profunditat en lloc de primer en amplitud Així que si el seu
usuari ja està frustrat amb una mala experiència de l'usuari, només ho van a
centrar-se cada vegada més en el que volen fer i com no poden fer basar
en el que ells estan buscant.
Així que realment volem centrar-nos en intentar per crear una bona experiència per al
usuari, ja que farà d'ells més capaç d'interactuar d'una manera positiva.
>> Així que per l'altre costat tenim delit.
I no és un estudi de la psicologia - i alguns d'aquests conceptes generals de disseny
que estic parlant són basat en una xerrada de Dan
De Harmon Ted Talk al disseny.
I ell va parlar d'Alice Isen, que tenia aquest experiment en el qual dues cordes
la gent venia en un laboratori, i hi ha van ser dues cadenes penjant, i
no hi havia manera que poguessin arribar a tant de les cordes a la vegada.
>> Així que per a alguns dels participants que eren entrant, li va dir: aquest és un CI
prova, i anem a esbrinar si o no es pot arribar als dos
les cordes.
Així que molts d'ells agafava un i intentar per arribar a l'altra,
i que no seria capaç de fer-ho.
I pel que una gran quantitat de persones no aquesta prova, la prova de CI.
Però quan van entrar al laboratori i que es van presentar amb un plat de
dolços, només dic, hey, tenim algunes caramels extra, vols una mica?
I a continuació, es va procedir amb l'examen i era només una mena de diversió, feliç,
trobada, molta més gent podia que, de manera creativa, pensar en els seus peus
i dic, bé potser si el swing aquesta cadena, llavors jo puc
agafar l'altra.
>> Suposo que el punt aquí és que si vostè tenir una experiència positiva, i la seva
usuari és divertir-se, són més probable que sigui capaç de continuar
interactuar d'una manera positiva.
He sentit una altra versió d'aquest on es pot veure a la gent de primera línia amb
una mena de balanceig cadena abans de arriben al laboratori o
en algun altre context.
I això és una altra cosa a considerar en un nivell menys emocional, que
d'alguna manera podria provocar que l'usuari tingui una certa reacció o conduir per una
camí que vostè vol que ells segueixin.
>> Aquesta no és la millor gràfica pel que estic anar a parar, però és una altra idea
que dins de disseny, vostè pot tenir una inherent, visceral o de baix nivell
reacció a les coses.
Així que Jurassic Park aquí, aquí hi ha el il · lustracions per al cartell de la pel · lícula.
I hi ha alguns simples coses que succeeixen.
Igual que el vermell i el groc, són colors d'advertència prudent que podia
alertar de perill, i trobar una mica de por.
Alhora, les lletres és una espècie de medieval,
i sembla sense refinar.
Així que en aquests sentits bàsics, podem tenen baix nivell i primal
reaccions de dissenyar.
>> També hi ha disseny reflexiu.
Aquest és el Chevy Volt.
I es veu en molts aspectes com una normal, cotxe, vull dir que aquest és un bon
gràfic de la mateixa.
Sembla una mena de fresc, el vermell i el llums blaus són realment sobresurten,
però en la seva major part no hi ha res massa espectacular sobre aquest disseny.
D'altra banda, es és un cotxe elèctric.
Va a conduir les primeres 40 milles de tot el electricitat i després, eventualment iniciar
amb el vostre motor de gas.
I aquest és el tipus de disseny en el qual potser quan vostè ho està utilitzant no ho fa
sentir-se molt emocionada per això, però quan es pensa en això en un nivell superior
i el que podríem anomenar el superjò, et sents molt positiva al respecte, i
que és una bona experiència.
>> Una vegada més, es tracta principalment de diapositives Dan De Harmon Ted Talk, i aquests últims
2 són realment convincents.
Aquest és un exemple d'una tetera que a inclinar cap a un costat,
originalment -
això és quan es posa el te en - pel que si partim de la dreta, anem
per posar el te en aquest compartiment superior a l'extrem dret, i llavors va a empinada
amb l'aigua al llarg de la part inferior de la mateixa.
I després, després que ha estat preparant per a un mentre, podem angle fins a la meitat i
que seguirà una mica empinada, perquè algunes de les fulles de te es
encara estar tocant l'aigua, sinó que va a definitivament s'alentirà el procés.
>> I llavors estem completament preparats, ens inclinem és completament vertical, i l'aigua de
a la part inferior i les fulles de te són a la part superior, i que ja no és
remull, ja està llest per servir.
I això és una bonica i tan senzilla exemple de gran disseny que és -
en aquest cas, només estem pensant sobre l'ús de la tetera a més
dimensions, realitat que gira, i és al seu costat, i com podríem utilitzar
això al nostre favor.
És realment meravellós i divertit.
>> I l'última part és, vostè pot explicar una història en el disseny.
Aquesta cadira en la qual sens dubte podria seure, però també és particularment divertit
només per mirar.
La pilota no està ancorada a res, però et donen -
Òbviament vostè té aquesta sensació de com cadira està interactuant i desapareguts
l'última part de la seva cama, tractant per arribar i aconseguir-ho.
I dins de les seves pròpies aplicacions és -
quan es parla de la creació d'usuari l'experiència i la marca, es tracta de
explicar una història i un despreniment d'un general ambient perquè l'usuari sap a sentir
de certa manera, i se senten bé per sentir-se d'aquesta manera.
>> I sorpresa.
Així que això es pren de part de Google de I / O parlo des de l'estiu passat.
Estaven parlant de com, al llarg d'aquests mateixa línia, volen encantar
usuari i que, de nou, van entrar en la psicologia de tot això.
I ells van dir: tots els dies experimentem al voltant de 20 mil moments de positiu i
emocions negatives, i que, en general, es triga aproximadament tres
emocions positives que superen o per equilibrar una negativa.
>> I així, en el context de tecnologia, aquí estan
parlant de com -
que van crear Google Now, que és la seva nova interfície de cerca en Android.
I aquesta part superior aquí que a l' moment té una muntanya i diu Google,
en realitat canviar depenent de la seva ubicació i l'hora del dia.
Així que no importa on es trobi, muntanya, finalment, tindrà una nit
tema quan és de nit.
>> I la primera vegada que vaig volar de tornada a Boston de ser la llar a Michigan, es
canviat a la Boston Horitzó per un temps.
I de nou, la ciutat de Boston durant la dia, de nit, de vegades era un
imatge real, i de vegades era només una espècie d'art gràfic.
I és sorprenent i encantador.
Ells fan el mateix tipus de cosa amb la seva -
Google fa - amb la forma en què escriuen la paraula Google a la seva pàgina principal i
tenir algun tipus de joc o un altre obres d'art que celebra una
cert dia de l'any.
>> Acceptar, pel que es mou ara en endavant per Android específica qüestions.
Hi ha una gran quantitat d'obstacles que cal fer front a l'hora de dissenyar per Android.
El primer que de vegades la gent tractar de descartar com no molt d'un
problema, però definitivament és una cosa vostè ha de considerar, és la fragmentació
en Android.
Òbviament, si vostè està dissenyant per iOS, vostè està dissenyant
per als iPhones i iPads.
I hi ha alguna variació ara, sobretot després de tots els anys entre
els diferents dispositius i el diferent resolucions, però per a la
major part, vostè sap què esperar.
I definitivament es pot obtenir alguns diferents dispositius i de prova en què,
i vostè sap que vostè està cobrint la major part del mercat.
>> Amb Android, que són sens dubte els telèfons més populars.
Això no és un gràfic recent, però és que representa la distribució de tots els
els diferents telèfons d'Android.
Hi ha alguns principals que vostè pot dissenyar per i espero que vostè és
capturant la major part -
no la majoria, però una gran part de seu públic, i pel qual
Vull dir potser un 20%.
Però sens dubte cal considerar sobre tots aquests diferents pantalla
, Hi ha tres mides Android polzades telèfons, i hi ha cinc polzades
Els telèfons Android.
I hi ha un munt de diferents densitats de píxels, i hi ha
hi ha un munt de diferents versions d'Android.
>> Així que hem de dissenyar les coses perquè que estan ben abstracta i que
tenen un disseny sensible.
No vol dissenyar una cosa tan es tracta d'utilitzar tota la pantalla en un cinc
polzades de pantalla i, a continuació, quan es canvia l'escala es redueix a una pantalla de tres polzades,
De sobte tot el text es talla i les caixes són mesures dels estranys.
Així que definitivament hem de tenir això en la ment i pensar en la creació d'un disseny
que pot escalar fàcilment.
>> Així que de nou, parlant de els diferents dispositius.
Aquests són alguns dels diferents mides de pantalla i densitats.
Així que la mida mínima de la pantalla aquí -
aquest és el gràfic de sectors de l'esquerra -
Suposo que no cal molta variació, diem, en general, són
tot la mida de pantalla normal, el que cau a baix Android
directrius.
No obstant això, per a les densitats de píxels, de nou, pot veure que hi ha una àmplia gamma
a partir de més píxels d'alta densitat a les pantalles dels píxels de baixa densitat.
>> I el que això significa és que els gràfics que utilitzi, vostè ha de fer
Segur que estàs pensant en el que són anar a l'escala, perquè van a prendre
fins a diferents quantitats d'espai si no ajust en conseqüència.
En un nivell més tècnic, això significa que si està desenvolupant per
Android, que sens dubte ha de pensar sobre l'ús d'imatges de 9 de pegat, que
vol dir que volem determinats aspectes de la aquest botó o imatge per mostrar i una altra
parts escalaran, només per aquesta color es redueix l'escala tan gran
ja que hem d'anar.
I, en general, que vol assegurar-se que vostè està dissenyant amb el píxel
independència en ment.
>> I, de nou, en termes de l'API versió, aquesta realitat ha millorat
molt en el transcurs dels anys, la últim any o dos, sobretot.
Solia ser que una quarta part de les persones tingut la nova versió d'Android,
que era una espècie de gelat Sandwich o 4.0 iteració, i hi ha
eren la majoria de la gent amb un any vell sistema operatiu que té un
completament diferent interfície d'usuari.
Ara bé, com es pot veure, al voltant del 75% té algun versió de la línia 4.0, que
bàsicament vol dir que tots ells tenen la mateixa interfície d'usuari tot i una lleugera
canvis en el curs de la últim any i mig més o menys.
Però encara cal quart de les persones que estan utilitzant Gingerbread,
que és Android 2.3, i volem disseny de manera que no són completament
va deixar enrere, i sobretot des que és No és tan difícil per a nosaltres fer una mica de
modificacions de disseny perquè puguin tenir la mateixa experiència d'usuari a tots
més pot tenir.
>> Així que és bo per a nosaltres com a desenvolupadors d'aplicacions i dissenyadors, i llavors també és bo per
l'usuari, ja que obtenir alguna cosa que hi ha de nou, encara que
tenir un telèfon més.
Així que per anar a través d'un exemple aquí, això és un exemple de la iteratiu Android
dissenyar el canal de YouTube -
o el seu [? introduir?] disseny Canal de YouTube -
i aquesta va ser una d'aquestes converses a partir d'una setmana durant l'estiu.
I podem brisa a través d'aquests.
Òbviament, aquest punt de partida no és un gran exemple de disseny.
Es pot veure que -
si esteu familiaritzats amb Android -
que hauria de tenir aquesta barra d'acció en el A dalt, alguns colors agradables, i es pot veure
les miniatures són diferents mides, el text és una espècie d'estranya
formatat, i simplement no ho fa sent bé, no ho fa
delectar o sentir la diversió.
>> Així que el primer que podem fer és, de nou, tenint en compte que aquest és un vell
versió d'Android, hi ha una realitat manera fàcil de posar-se al dia amb
nous patrons de disseny.
I això significa que només incloem la Biblioteca d'ajuda que allibera Android
de la barra d'acció.
El que això significa és que si vostè és a partir d'una aplicació, que acaba d'incloure aquesta
i de realitzar tots aquells disseny necessari
Consideracions al principi.
Si vostè tracta d'integrar aquesta tarda vostè encara pot fer-ho, i fer-ho
bastant fàcil, però només serà un poc més d'una molèstia.
Llavors només ha d'anar en el pensament sobre com ets donarà suport bàsicament 100%
dels usuaris d'Android en lloc de només el 75% que tenen els nous telèfons.
>> Així que si sumem aquesta barra d'acció en el part superior, es pot veure que vam ser d'aquest
línia grisa a una línia agradable que té diferents elements d'acció i els botons que
pot prémer per fer coses diferents en el pàgina i un logo, en diuen XYZ
Reader, i ja se sent una mica més modern.
Podem continuar amb aquest estil, fent es marca amb una combinació de colors, de manera que en
aquest cas, només ho va fer de taronja.
I ja que estem donant a la APP una mica més d'identitat.
Té el seu propi caràcter, i se sent com que no només està utilitzant algun
plantilla genèrica, sinó que està utilitzant una aplicació que té algun tipus de veu.
>> Així que va d'aquests dos és una mica diferència més subtil, però el espaiament,
espai en blanc, és una cosa molt simple que crec que és fàcil passar per alt per
les persones que estan rebent en el disseny.
L'espai en blanc, blanc sobretot coherent espai al voltant de la frontera, el que pot
Fer que les coses se senten molt menys claustrofòbica.
Només que el farcit al voltant de la cara, es fa les coses més fàcils de llegir i
tot encaixa millor, especialment si vostè ha alineat coses
dreta al llarg del costat esquerre.
Llavors és especialment difícil d' de vegades fins i tot llegir aquests caràcters
dreta al llarg de la línia.
>> I llavors també podem canviar el miniatures per fer-les més
consistent en aquest cas.
Les vistes de llistes que ja són una mica molest per fullejar, i tenir
fotografies o imatges en miniatura d'un munt de diferents mides només poden fer
coses pitjors.
Així que el millor que podem fer és simplement prendre totes les miniatures de la mateixa.
I en termes de la codificació real aquí, de nou, això és molt fàcil.
Vostè acaba d'afegir aquest atribut extra anomenat android: scaleType = "centerCrop",
i significa que vostè dóna la imatge de certa dimensions, i va només un
escalar pel que cap tota la grandària, tota l'àrea, sense
distorsionar la imatge.
>> I la tipografia.
Així que aquest és, sobretot si ets familiaritzats amb iOS7, un gran canvi
passant a, sobretot en l'últim any més o menys amb el disseny de CS.
Hi ha un moviment cap a la fonts primes i, definitivament, un
variació en les fonts.
I Android té aquesta gran font construïda en, Roboto, i té un munt
de diferents estils.
Òbviament, tens negreta i cursiva, però també tens prima i una espècie
de text ultra prim.
I hi ha maneres de crear una varietat d'estils i donar-li una mica de
context dels diferents significats del text sense l'ús d'algun
fonts discontínua.
>> Així que una bona idea en general, és que vostè pot utilitzar fonts primes per a grans capçaleres,
i després potser si vostè té un munt de text, es pot utilitzar una condensada
font, la qual cosa significa que és el mateixa mida verticalment, però una mica
més curta horitzontalment, cada personatge.
Així que vostè pot cabre més paraules en una menor quantitat d'espai.
Això és especialment útil en aquest cas, per a la vista de llista, perquè si
el que desitja és un fragment, o la vista prèvia, del text, en aquest cas vostè està
probablement no la lectura de la totalitat cosa, pel que els seus ulls no són
va a cansar.
Però tu què vols tant informació en com
poc espai com sigui possible.
>> I després una altra vegada altre disseny consideració és que, quan fem clic en un
d'aquests articles aquí a la vista de llista i obrim aquesta altra pàgina, no ho fem
vull dir, OK, he acabat de llegir això, vaig a tornar i vaig a
feu clic a una cosa nova.
Què passa si només vull llegir tot els articles per al dia?
A continuació, un molt millor disseny molt, és per ser capaç de lliscar entre les coses al
mateixa jerarquia horitzontal.
I això probablement no és intuïtiu en la primera, però una vegada que la gent comença a
adonar-se'n, no té gaire sentit, especialment que vostè està lliscant
esquerra i dreta.
Perquè encara que no estan pensant sobre l'estructura de l'aplicació com un
jerarquia, té sentit lògic, si vostè comença a un nivell superior
vista de llista i després es desplaça a un pàgina de detall que té algun tipus de
article, que ho faria lliscar entre ells.
>> I així al llarg de tots aquests diferents canvis, veure com aquests
van ser els canvis de disseny només estètiques, i no obstant això, ara al final de la mateixa,
això sembla com una aplicació per al Que potser voleu utilitzar.
Sobretot a partir del camí de tornada aquí Quan semblava vell i maldestre i li agrada
ningú realment es preocupava per ella.
I amb no massa canvis, només començant per la barra d'acció, llavors el
combinació de colors i espais en blanc, miniatures, tipografia, i poder
de passar el dit entre els punts de vista, que és de sobte una experiència molt immersiva.
I fins i tot per a alguna cosa tan simple com això.
>> Però encara hi ha alguna altra consideracions, i això és pastilles.
Això també seria la consideració a la iOS, però hi ha encara més forma
factors sobre Android.
Vostè té les seves pastilles de deu polzades, i la seva 07:00 comprimits polzades, i alguns
per tot arreu allà.
I en aquest cas, no vol realment tenir el mateix tipus de llista
veure i experiència de la lectura de l'article, perquè hi ha molt més espai,
i volem utilitzar un molt més eficient.
Així que el millor que pot fer per una tauleta interfície és tenir aquest punt de vista principal
o mestre detall establert, on s'ha la llista en un costat, i després
article sobre l'altra part de la pantalla.
>> I això és una cosa que, de nou, que és molt important a considerar en
vas a començar l'aplicació des del principi.
Perquè en cas contrari, hauràs tota aquesta estructura implementat,
i llavors vostè va a voler tirar és aquí, i que serà
bastant difícil.
Així que el millor és pensar en aquestes coses quan vas a començar l'aplicació.
I un cop més, és increïble el que un diferència una mica d'espai en blanc
pot fer que, en passar d'això a això.
És molt més bonic, afegint una mica encoixinat addicional en pastilles.
>> Així que això va ser pas a pas iteratiu disseny en una aplicació exemple.
Ara, jo et vaig a mostrar una aplicació que Que he fet i ha canviat una mica
poc, i després una aplicació que crec que és molt millor que ell, i aquells de disseny
consideracions.
Així que aquí hi ha una aplicació que he fet, aquest Convertidor d'aplicació, i això és bàsicament
el que semblava, no fa gaire, però sens dubte que va ser fa un any.
>> I es pot veure que en realitat no hi ha marges a l'esquerra ia la dreta
banda, no hi ha cap marca o el tema a que, a la part superior que és només el valor predeterminat,
Estil Android.
Aquestes pestanyes probablement de l'època, tenia sentit per a mi que ells
es farà -
tot seria més simple, però si va a convertir entre
diferents tipus d'unitats, la distància, massa, volum, i llavors qualsevol
això no és un fàcil -
no sempre és intuïtiva.
Sobretot perquè, què passa si sóc usuari que vol convertir a algun tipus de
unitat de distància, i la distància és tant sota qualsevol i la distància?
Em sento com, és una millor que l'altre?
És confús i no és genial.
>> Així que una simple millora que he fet des de llavors, però certament es podria
millorat més, és només per tirar una gran quantitat d'aquesta brossa.
I això és en molts sentits, una vegada més, molt similar al disseny de
aquesta diapositiva anterior.
Però aquí només hi ha una pàgina, es va desfer de totes aquestes diferents pestanyes, això
és just on vostè té tot aquestes diferents opcions.
I els marges i el farciment en el costat són una mica millor.
I és que, en general, més net.
I després hi ha aquest blau branding de la barra d'acció en la part superior, i
a continuació, un calaix de navegació, que anem a parlar una mica, al lateral.
>> I es pot veure com això és només una senzill pas cap endavant, però al mateix
temps, no s'ocupa d'una gran part del consideracions de disseny que vam estar
parlant abans.
Se sent com que no m'està sorprenent, no m'està encantant, i és només
fent el que ha de fer d'una manera que, almenys en aquest cas, és
lleugerament menys confús.
>> Ara bé, aquesta és una altra aplicació de convertidor que Em vaig trobar a la botiga d'Android que jo
pensar és molt, molt gran.
És. -
No recordo el seu nom - però té que la marca amb els dos diferents
fletxes, que la fletxa blava que puja i l'altre a la baixa.
Però la pàgina d'inici, aquí, vostè té quina unitat que vol fer la conversió,
i després hi ha aquests -
té més sentit quan el fas servir, al principi és una mica confús.
>> Però són coses simples com el de unitat, hi ha un botó de cerca
just al costat d'ella, que és el mateix tipus del que estava a la meva aplicació, però
en la meva aplicació, es va obrir un altre diàleg que caldria buscar entre i
llavors et tornes a l'altra part.
Aquest només substitueix la ruleta, o al menú desplegable, amb un
quadre de cerca, i vostè acaba de començar a escriure i després seleccioneu
alguna cosa bé.
>> Així que vostè no ha d'anar enlloc una altra cosa, totes les cerques
que passa en el mateix lloc.
I té molt més sentit d'aquesta manera, perquè fins i tot si per un moment que ets
redireccionat a un altre lloc, vostè qüestionar, per què?
Per què em vaig?
I llavors, on vaig a tornar?
I això manté tot molt organitzat.
>> I després hi ha altres característiques com en aquesta diapositiva anterior he mostrat.
Aquí, igual que diferents llocs de la conversió entre dues unitats diferents
i després convertir entre aquesta unitat i qualsevol altra possible
unitat en aquesta categoria.
En aquest cas, només hi ha aquesta petita fletxa, que és un dels tres botons de la
costat dret.
És una fletxa que decidirà si o no voleu convertir entre dues
unitats o tot.
Una vegada més, es tracta d'utilitzar l'espai molt més eficient.
>> I podria portar a l'usuari una mica temps per aprendre el que significa aquest fletxes,
el que potser no és molt gran, però tan aviat com ho fan, s'adonen que poden
fer molt allà.
I poden canviar fàcilment entre diferents tipus de tasques.
I el que més m'agrada de això, de moment, és que si fa clic a
aquest botó de cerca a la part superior, és una recerca global per a qualsevol tipus de
unitat a la que voleu cercar.
Obre el calaix de la navegació en el a l'esquerra i vostè pot començar a buscar
en aquest quadre de text, i que va a començar a recollir qualsevol unitat
de qualsevol tipus d'unitat.
>> I és un principi que mostra tota la diferents tipus d'unitats amb bon
gràfics al costat d'ells i, a continuació, com buscar, el vaig a mostrar bon
sagnia per, com aquests són la zona unitats que vostè està buscant,
i tot el que es troba encara en una jerarquia que vostè busca.
Així que és molt intuïtiu, i molt ben organitzat.
I sempre es pot lliscar entre aquests diferents punts de vista en la pàgina.
També té un gran tauleta optimització, de manera que valdria la pena
fer-li un cop d'ull.
>> Saltant de nou a la marca i el color intrigant, de manera que aquest és un treball que vaig fer
durant l'estiu amb aquesta empresa anomenada V1 Sports.
I no he canviat molt en aquesta pàgina, En realitat l'única cosa que he canviat és
la barra d'acció.
I aquesta és la pantalla de casa, i eren bastant inflexibles en mantenir
la forma en què va ser, però originalment tot les barres d'acció eren negre.
Era només el valor per defecte Estil Android.
>> I realment hi havia, a banda de la imatge principal en aquesta pantalla d'inici,
no hi ha manera de dir les aplicacions a part.
I això significava que, si ho ha fet en el navegació o la jerarquia més endavant en
l'aplicació, especialment pel que un desenvolupador que és provar les diferents aplicacions, I
personalment, es va confondre i es va oblidar l'aplicació que estava usant.
Però amb només col · locar una mica de color a la barra d'accions, es crea de sobte
algun tipus de marca i estil per a aquesta aplicació que va ser contínua
al llarg de l'experiència de l'usuari.
>> De manera que la barra d'acció que segueixo parlant tracta, aquí, de nou, pot tenir
diferents colors.
Això no ho fa.
Però té el botó d'inici, i això és molt bonic.
Bàsicament a la part superior esquerra de qualsevol lloc web, en general pot fer clic
aquesta icona i tornar a casa.
La mateixa classe de cosa és veritat aquí, tenir la icona de l'aplicació, sempre pot
feu clic en això.
I llavors vostè pot tenir un munt de diferents punts d'acció en aquest sobre
fluir part de la barra d'accions, que són els elements segon i tercer aquí.
I els punts d'acció són les coses que a vostè li vull fer sobre la base de la pàgina, que són
No prendrà qualsevol altre lloc, no ho són la navegació, però ho faran
servir algun tipus de propòsit per seleccionar potser les coses o
la recerca i així successivament.
>> I llavors aquest altre -
Acceptar el que ara estem parlant d'aquests Consideracions de disseny d'Android reals
i els diferents patrons.
El calaix de navegació és una que Android acaba de llançar la seva pròpia
biblioteca perquè durant l'estiu, tot i s'ha utilitzat per probablement 01:00
anys o més ara.
Però la idea és que feu clic al mateix botó d'inici a la part superior esquerra, però
Ara es pot veure tots els llocs als quals podria anar, o els llocs que vostè està
més probabilitats d'anar.
>> I de sobte, és bàsicament com el Amazon o molts d'aquests llocs web
on vostè ha de barra lateral que li permet ves en qualsevol lloc en qualsevol moment.
Va ser molt difícil amb el mòbil aplicacions, ja que no teníem
l'espai per això.
Però ara, si s'utilitza l'espai diferent d'on vostè està, bàsicament,
de passar el dit pel costat, vostè pot aconseguir molt més -
és més fàcil d'aconseguir que l'usuari on volen anar, més ràpid.
Així que només poden fer clic en això, triar on volen anar, i després anar
en algun lloc totalment diferent en l'aplicació.
>> I heus aquí alguns exemples que amb diferents aplicacions, algunes de pantalla
tirs que vaig prendre.
Amb Amazon, bé amb Kindle, aquí pot veure vostè pot buscar i després anar
a un munt de diferents llocs de l'aplicació.
Amb l'aplicació de YouTube, mateix tipus de cosa, veig al meu perfil i em puc anar
als canals subscric, o puc buscar coses noves.
Em porta als llocs que probablement sóc més probabilitats d'anar com un usuari de YouTube.
>> I amb Evernote, que tenen un pren interessant en aquest on es veu
vostè no ha de només tenen elements de la llista aquí al calaix de navegació.
S'obrirà, i puc optar per fer un nova nota de diferents tipus amb un
càmera o gravació d'alguna cosa, i que em pot donar un munt de
interacció.
Vostè pot veure que hi ha miniatures en alguns d'aquests i els números amb la
Llista de punts de vista que li permet saber quants les coses estan en cada un d'aquests llocs.
I realment és una d'aquestes coses on el que estem fent amb aquest tipus
de patró de disseny és que ens estem adonant on està, i
el que espera l'usuari.
Però també és important tractar de fer alguna cosa nova i es ramifiquen des
fent les vistes de llista per a una navegació senzilla i potser posar el seu propi
personatge en ella.
>> Així que una última cosa Android és que, de nou, estem parlant d'assegurar
no mantenim els usuaris en la foscor, per la menys els vells usuaris que tinguin anterior
versions d'Android.
Així que si estan utilitzant Gingerbread, quan hem afegit el suport de la barra d'acció
biblioteca i el calaix de navegació Biblioteca d'ajuda, llavors poden obtenir
aquestes característiques en l'aplicació, simplement com qualsevol altre usuari ho faria.
Però si afegim també aquesta tercera part biblioteca diu un HoloEverywhere després
que és una bona manera de, una vegada més, assegureu-vos que els usuaris tenen la mateixa
experiència a través de tots versions d'Android.
Això només significa que estem prenent aquesta moderna Android usuari 4.0 i superior
interfície i estem aplicant amb caràcter general a tots els
aplicacions que usen aquesta.
>> I potser aquest no és tant d'un preocupació, que sens dubte va a prendre una mica de
més la implementació, però és una cosa tenir en compte que si vostè
realment que vostè ha de buscar la mateixa tot el temps, potser consideri això.
O bé, sempre pot crear la seva pròpia botons d'encàrrec i camps d'entrada personalitzats
i tot.
I llavors, d'aquesta manera, tenir la mateixa experiència d'usuari.
>> Així que de nou, parlant només de la marca, que això és una cosa que Google
ho fa en termes del seu -
com aquí és el seu Google Play Store, i coses simples com tenir un
color associat amb una certa aplicació.
I ho han fet un treball realment bo la creació d'aquest tipus de continuïtat.
I crec que, ara, gairebé he associat música amb el color groc
causa de Google Play música, o el sento, el color taronja.
Però les coses tan simples com colors poden donar una gran quantitat d'aplicacions d'identitat.
>> Així consells per al disseny en general, i en concret, el disseny d'aplicacions mòbils.
En realitat, això no és Android, però es tracta d'una aplicació mòbil.
I la idea és només això -
això és una cosa que vaig venir a través d'Internet.
I és una presa molt interessant en una pantalla d'inici de sessió, no és terriblement
diferent, i podria dir-se que potser una mica massa auster però és diferent.
>> Així que suposo que el consell que tinc per al pensament sobre el disseny, i quan vostè està creant
una cosa tan simple com una pàgina d'accés o Realment qualsevol part de la seva aplicació, és només
sortir i mirar un munt de diferents aplicacions per aquí, prendre la pantalla
fotos d'ells, i crear una carpeta completa en el seu equip que pugui
simplement desplaçar-s'hi i mirar tot el diferents versions de exactament el
vostè està tractant de fer.
Mireu el que s'ha fet, veure el que com i no els agrada, i després pensar
sobre com es pot utilitzar la personalitat si la seva pròpia aplicació i el que està
decisions i tractar d'integrar aquests.
>> Amb això, l'objectiu és veure el que és bo dissenyar i deconstruir en
components que podem parlar.
Així que en aquest exemple, oa les pantalles d'inici de sessió en general, es tracta de prendre aquest
nou enfocament, donant la imatge de marca de l'aplicació d'una mica de caràcter més.
És normalment aquest tipus de com smiley cara blava i després quan arribi el
contrasenya incorrecta, el que realment canvia la logotip de l'aplicació, o que les grans
imatge, i fa una cara enutjada que és vermell.
>> I és només coses simples com això, en aquest cas, suposo que podria
definitivament els dos diferents costats que sorprenent i divertit.
I d'aquesta forma, no se sent tan malament sobre com obtenir la contrasenya d'inici incorrecta, o
almenys és com, sóc gairebé feliç d'haver té una contrasenya incorrecta perquè llavors
vaig veure aquest divertit ou de Pasqua.
Encara és una mica de vermell i potser té una reacció visceral que em sento
com l'aplicació m'està amenaçant, però és sens dubte un enfocament diferent.
I és aquest tipus de coses que val la pena considerar,
pensar fora de la caixa.
>> Com que en una pàgina d'inici de sessió, hi ha un munt de coses a considerar.
Aquí està el teu nom d'usuari, contrasenya, però llavors, com vas a posar el
Heu oblidat la contrasenya a la pàgina de d'una manera que no és -
que és el tipus de coses que la gent fa servir de vegades, potser un munt de gent utilitza
tot el temps, i ho estan passant realment comptar amb aquest botó, però no ho fem
vull que ocupa espai i distreure del flux que volem que la gent
passar.
I el mateix tipus de coses amb iniciar sessió, i
crear un nou compte.
Aquestes són totes les coses que vostè ha de tenir en compte en
la creació d'una pàgina com aquesta.
>> I llavors, com fer realitat aconseguir pràctica amb això?
I aquest és, de nou, només un parell captures de pantalla del que vaig fer al
estiu que en algun moment, en la ploma i paper, que acabo d'escriure el que jo pensava
un bon disseny seria que podríem fer.
I després, en algun moment, he creat una maqueta en Android.
>> Aquests són només els dissenys, i aquests estan utilitzant el mínim indispensable
del que puc fer.
Hi ha molt poc de lògica en l'esquena, aquí, això no és en realitat un
implementat aplicació, però jo només volia tenir una idea del que podria semblar.
I si vostè està fent la seva pròpia aplicació, que havia Veritablement recomano que separa els
parts de la mateixa, la lògica i el backend frontal visual, i provar alguns
diferents coses i pensar en el que que funciona i el que no funciona i
realment com desitja l'usuari per sentir, i el que vol que facin.
Tracta d'ajudar amb això i que sigui una bona experiència.
>> OK, així que això és bàsicament el per el meu concepte de disseny.
Un cop més, sóc nou en això, i crec que aquest és el camí que vaig seguir.
I espero que per a les persones que estan intentant, especialment als nostres desenvolupadors
que estan tractant de pensar en formes puguin millorar la seva pròpia
disseny, aquests són definitivament alguns bons punts de partida.
>> I ara, en general, si vol començar amb aplicacions d'Android, seguiu aquest
vincular, o simplement buscar Android començar.
Hi ha una gran quantitat de documentació en línia i un munt de codi d'exemple.
És molt, senzilla.
I és d'esperar que serà molt agradable.
Així que això és tot per a mi.
Espero que vostè pot seguir endavant i fer una mica de codi Android, i mentre estàs
fent que el desenvolupament, també pot pensar en el que fa a un bon disseny i
el que fa bones aplicacions agradable per a l'usuari.
>> Gràcies.