Inhalt
- Eng Laascht CRAP
- Interessepunkten
- Konsequent Bezéiungen
- Gitt kloer Weeër
- Grupp Informatiounstypen
- Amplifizéiert de Message vun der Kaart
- Empowering Benotzer
- Visuellen Traffic
Google Maps gouf am Joer 2005 gestart an et war eng Revolutioun: Dir kënnt op Äre Desktop-Browser goen, klickt an eng Kaart mat enger Maus zéien a kucke wéi se glat a séier weiderginn. Virdru musst Dir normalerweis Pfeile um Rand vun enger Kaart klickt fir se ze panéieren, a waart bis se geluede gëtt.
Google Maps '' Fishbone 'Zoom Kontrollen hunn d'Kaart dominéiert; no all, Écran Resolutioune ware kleng, an duebelklickt op der Kaart géif se nei zentréieren anstatt an ze vergréisseren. Niewent der Kaart huet eng Kolonn vu virgeschloene Recherchen an Instruktiounen een Drëttel vun der Breet vum Bildschierm iwwerholl. Oh, an et huet nëmmen am Firefox an Explorer Browser geschafft.
Nëmmen aacht Joer méi spéit huet Google Maps verschidde Browser a Betribssystemer op Desktop, Handyen, Tableten an draisbare Geräter. Awer wéi ass seng lescht Reinkarnatioun an d'Spill komm?
Wéi ech kuerz an de fréie Deeg vum Ëmdenken an Ëmgestaltung vu Kaarten am Joer 2010 involvéiert war, huet eise Leaddesigner Jonah Jones eis inspiréiert wäit iwwer déi traditionell statesch Kaart vun Aufgaben ze denken an algoritmesch placéiert Donnéeën, a méi frech vu ville, personaliséierten, onendleche Variatiounen virzestellen. vu Kaarten déi net nëmme mat all Zoomniveau geännert hunn, awer mat all Klick.
Wéi och ëmmer, well mir zu deem Zäitpunkt net vun deklaréierten, detailléierte Designmantrae geschafft hunn, hate mir all Liiblingsdoktrinen oder perséinlech Inspiratiounen, déi eis Motiver ugedriwwen hunn.
Fir mech staamt ee vu menge Favoritten aus menge fréien Deeg als technesche Schrëftsteller, Illustrator an Usability Consultant. D'Buch war dem Robin Williams säin "The Non-Designer's Design Book" (vu Peachpit Press), deen ursprénglech véier Schlësselgrënnunge fir d'Typographie op enger Säit opgestallt huet. Awer fir mech hunn dës Prinzipie bewonnerbar fir all Typ vun Informatiounsdesign geschafft, a besonnesch fir d'Kaartentwurf.
Eng Laascht CRAP
D'Designprinzipie ware subtil, frech an ironesch bezeechent als CRAP, wat fir Kontrast, Widderhuelung, Ausriichtung a Proximitéit steet. Kontrast an eng Kaart ze bauen ass iwwer déi verschidden Informatiounstypen ënnerschiddlech anescht ze maachen.
Op eise Basiskaarten ënnerscheede sech déck orange Autobunnen effektiv géint manner giel Sekundärstroossen a sti méi wäit aus dënnem wäisse Fousswee. Dës Differenzen hëllefen de Benotzer Musteren ze erkennen, an hëllefen e mentale Modell ze bauen, wéi d'Kaarte gebaut ginn.
Et ass wichteg och typographesch ze benotzen; Stadetiketten ënnerscheede sech vu Stroossetiketten, déi ënnerscheede sech vu Markenzeechen, asw.
Interessepunkten
An de fréie Deeg vu Google Maps haten d'Kaarte selwer vill markéiert Stroossen, politesch Nimm a geographesch Features, awer wéineg, wann iwwerhaapt, Interessepunkten.
Iwwert d'Joren hu mir nëtzlech Interessepunkte bäigefüügt, Landmarken, Noperschaftsnimm, Foussofdrock bauen, Transitestopps, an esou vill méi. Fir d'Saache méi hëllefräich ze maachen, hu mir och nei Schichten derbäigesat, wéi Traffic, Biken, an Terrain.
Leider huet dëst bedeit datt zevill Informatiounstypen an Elementer op d'Kaart bäigefüügt ginn wéi mir probéiert hunn méi a méi Kontrast tëscht all de Konkurrenz Elementer bäizefügen.
Eise Leadprodukt Manager Bernhard Seefeld huet et onvergiesslech als "Chrëschtbeemche mat sou villen Ornamenten drop bezeechent, et wäert d'Branchen ofgewien an ëmfalen."
Hautdesdaags konnte mir dëse Kontrast reduzéieren andeems mir geziilt Informatioun ze weisen wann et richteg ass. Wann Dir op eng Plaz klickt, fale mir vill vun de klenge Stroossennimm erof a weisen nëmmen déi wichteg, déi an der Noperschaft zu Ärem Klick sinn. All Klick kreéiert eng aner Kaart déi dynamesch enthält an déi entspriechend Informatioun enthält.
Konsequent Bezéiungen
Widderhuelung ass enk mam Kontrast assoziéiert. No allem, wann Dir en eenzegaartege visuellen Stil fir all Informatiounstyp etabléiert, gitt Dir en universellen Stilguide, deen d'Representatioun vun all Duerf oder Stad um ganze Planéit regéiert.
Zum Beispill gesäit eng Autobunn zu Sydney aus wéi eng Autobunn zu San Diego. Déi virsiichteg a konsequent Widderhuelung vun dësen eenzegaartege Stiler verstäerkt e scheinbar onsichtbaren Stylguide. Dëst hëlleft de Benotzer hire mentale Modell vun der Kaart opzebauen, an erlaabt hinnen d'Kaart wäit méi effektiv ze scannen.
Zréck wéi ech op Maps ugefaang hunn, hat Google vill verschidde Motiver. Mir hunn esou vill Servicer mat ënnerschiddlechen Designmuster gestart, datt se all matenee gestëmmt hunn, sou datt e Benotzer vun engem Google Service an en anert plënnert ouni eng konsequent Erwaardung oder Erfahrung.
Am 2011 huet de Larry Page eng Erausfuerderung gesat fir eng "schéin, einfach an intuitiv Erfahrung" ze kreéieren onofhängeg vum Apparat. Et war e Gefier fir d'Konsequenz an d'Widderhuelung opzebauen, net nëmmen an eise Google Maps Servicer, mee iwwer déi ganz Organisatioun, d'Benotzererfarung ze verbesseren.
Gitt kloer Weeër
Kierperlech Makeups a raimlech Bezéiungen vun eisen natierlechen an urbanen Welten sinn total onberechenbar an dacks natierlech net ausgeriicht. Op enger Säit, als allgemeng Layoutregel, ass d'Ausrichtung fundamental fir e Benotzer fir se effektiv ze scannen, fir de visuellen Anker vun enger Säit ze erkennen an eng Säit vereenegt ze fillen.
Op enger Kaart erfuerderen déi eenzel Etikette vu Landmarken, Interessepunkten a Sichresultater konsequent a virsiichteg Ausriichtungsregelen. Et muss Flexibilitéit fir d'Etikettplacement sinn, awer och Prévisibilitéit fir de Benotzer. Also, fir sou Punkte op enger Kaart ze markéieren, vertikal markéiere mir d'Etikett mam Marker, an erlaben de Label vu lénks oder riets vum Marker auszesträichen.
An e puer Fäll wou Etiketten ze dicht sinn oder mat méi wichtegen Etiketten a Konflikt sinn, kënne mir de Label uewen oder ënner dem Marker positionéieren, awer probéiert seng lénks oder riets Ausriichtungslinn mam Perimeter vum Marker ze halen.
Grupp Informatiounstypen
Proximitéit kann eng vu menge Liiblingsfondatiounen sinn. Einfach ausgedréckt, Saachen déi visuell no beienee sinn, implizéieren eng Zort Relatioun. Op enger Kaart ass de Label dee säi Marker begleet besser méi no bei deem Marker wéi zu engem aneren Objet op der Kaart.
Dës Method fir ähnlech Informatiounstypen ze gruppéieren an déi aner z'ënnerscheeden organiséiert direkt eng Säit. Dëst ass am meeschten evident vun der Kaart, wou verschidde Informatiounstypen an Uriff un Handlung musse organiséiert gi fir effektiv Scannen a Konsuméieren.
Amplifizéiert de Message vun der Kaart
De kanadesche Philosoph Marshall McLuhan huet berühmt zitéiert datt "The medium is the message". Wann d'Kaart de Medium ass, an d'Kaart de Message ass, firwat schéngen esou vill Kaarten eng ze feelen?
Vill ze dacks, Kaarten enthalen sou vill detailléiert Daten datt hir raimlech orientéiert Basis net ze erkennen ass. Als gäeren Designer an Ingenieuren si mir dacks sou gär d'Daten ze deelen datt et heiansdo de Benotzer iwwerwältegt an aner wichteg Informatioun op der Kaart ofschléisst.
Dofir huet de leschte Kaartentwurf sou vill Effort involvéiert fir ze bestëmmen wat all Klick fir e Benotzer bedeit. All Klick op der Kaart huet dramatesch transforméiert wat gewise gouf, a wéi.
Empowering Benotzer
Zënter der Gebuert vu Google Maps gouf et eng staark Geschicht fir Benotzer z'erméiglechen d'Kraaft vu Google Maps an hir eege personaliséiert Kreatiounen an Datenvisualiséierung ze notzen.
Egal ob Dir eng personaliséiert Kaart erstellt, egal ob eng Sammlung vun Äre Liiblingscafés zu Cambridge oder eng raimlech Visualiséierung vum Kaffi Konsum zu Oxford, dee Message sollt déi prominentst an arrêtéierend Saach op der Kaart sinn.
Fir dëst ze maachen, benotzt de Prinzip vum Kontrast fir d'Plazen (visualiséiert mat Kaffiskichelcher, net manner) déi prominentst Saach op der Kaart ze maachen. Ënnerscheet d '"Thes" vun der Kaart vun der Basis vun der Kaart. Mute oder ënnerbannen d'Komponente vun der Kaart déi manner wichteg oder onnéideg sinn.
Sidd ufälleg iwwer wéi eng Donnéeën Dir wëllt weisen: just well Dir vill Daten hutt, heescht net datt Dir alles op eemol muss weisen.
Visuellen Traffic
Wann d'Botschaft vun der Kaart offensichtlech ass, ass se bal natierlech optimal fir ze scannen. Dee manner 'visuellen Trafic' et op enger Kaart ass, wat d'Leit méi einfach fäeg sinn ze konsuméieren an ze verdauen.
Zum Beispill, wann Dir d'Kaart am Google Fluchsichsinstrument gesitt, ass d'Standardkaart wesentlech vereinfacht fir näischt anescht wéi Är aktuell Positioun, national Grenzen an Ärem Kontinent, an d'Fluchpräisser vun e puer Destinatiounsstied auszedrécken.
Well d'Leit Kaarten scannen anstatt se ze liesen, wéi kënnt Dir soen ob dës Designfundamenter a Prinzipien funktionnéieren? Als éischt maacht en einfachen 'Blur' Test. Huelt Är Kaart oder Är Säit a schreift sou datt Dir se kaum gesinn. Wat stécht am meeschten eraus? Dat mannst?
Gesäit de Message vun Ärer Kaart prominent genuch aus? Ass seng 'Thes' de visuellen Fokus vun Ärer Opmierksamkeet? Wann net, da musst Dir d'Designentscheedung vun der Kaart upassen.
Maacht och en einfachen "Vokalisatiounstest": an der Uerdnung vun der Prominenz, wann all Element kéint schwätze fir sech z'identifizéieren, wat géif d'Kaart soen? Wéi "haart" wier d'Kaart? D'Vokaliséierung vun der Fluchkaart hei ënnendrënner géif mat "London, fléien op Frankfurt" ufänken, gefollegt vun enger sekundärer Diktatioun vu Fluchpräisser an nooste Stied.
Schlussendlech zwéngen dës Fundamenter, Prinzipien an Übungen eis ze froen: "Wat soll dës Kaart soen? Wéi wäerte d'Leit se benotzen? Wat ass dat ultimativt Resultat fir dës Kaart ze benotzen?"
An der Evolutioun vu Google Maps an de leschten aacht Joer wäerten dës Froen eis weider begeeschteren an erausfuerderen.
Wierder: Patrick Hofmann Illustratioun: James Oconnell
De Patrick ass e Senior User Experience Designer bei Google zu Sydney, Australien. Hien huet ugefaang op Google Maps am Joer 2007 ze schaffen. Dësen Artikel koum ursprénglech an der Net Magazin Ausgab 251.
