Inhalt
Wéi ech meng Karriär ugefaang hunn, war ech e Webdesigner. Ech hunn am Webdesign fir véier Joer geschafft, ugefaang mat klenge Geschäftssiten a schliisslech op méi grouss Clienten weiderginn. Ech hunn erausfonnt datt et net Grafikdesign war dat mech interesséiert, an och net fir méi grouss Markennimm ze schaffen. Ech war méi interesséiert u Paginatiounsmuster, de Wee wéi Leit mat Formen interagéieren, a Saache wéi ugesi Leeschtung, wéi de visuellen Design vun enger Websäit.
Wann ech Sci-Fi Filmer kucken, géif ech d'Interfaces kucken. A wann ech Videospiller gespillt hunn, géif ech de Wee beobachten wéi d'Menuen ugeluecht goufen. Wann eng vun dësen Eegeschaften Iech vertraut kléngt, kënnt Dir och en UI Designer am Häerz sinn.
Ech hunn meng Agence Aarbecht opgehalen a meng eege Firma gegrënnt. Op menger LinkedIn Säit hunn ech probéiert dat neit Karriärsziel ze resuméieren: déi bescht Software méiglech ze maachen. Et si véier Joer zënter datt ech als Freelancer ugefaang hunn, a meng Rees huet net opgehalen. Dës Deeg hëllefen ech eng kleng UI Designfirma ze lafen genannt Mono. Mir hunn eise véierten Teammember viru kuerzem begréisst.
An dësem Artikel wëll ech beschreiwen wéi et ass en UI Designer ze sinn, abegraff wat genau d'Aarbecht bedeit, wou déi bescht Léierressourcen ze fannen a wéi besser bei Ärem Handwierk ze ginn.
Wat mécht en UI Designer?
Ech fannen datt allgemeng Dir d'Aarbecht vun engem User Interface Designer a véier Kategorien deele kënnt. Dir kommunizéiert mam Client, Dir fuerscht, Dir designt a Prototyp, an Dir kommunizéiert mat den Entwéckler. Loosst eis all eenzel vun dëse Phasen méi detailléiert kucken.
Client Kommunikatioun
Clientskommunikatioun ass alles ëm de Client säi Problem ze verstoen. D'Zil ass et mam Client vun Ärem Client an de Grëff ze kréien, sou datt den Ufank vun engem Projet normalerweis vill schwätzt. Et ass gutt net ze vill iwwer d'Domain vun Ärem Client ze wëssen wann Dir ufänkt - Dir kënnt hir Geschäfter op eng frësch Manéier kucken, während Dir méiglech Designlösungen virstellt.
Fir e gudden UI Designer ze sinn, musst Dir eventuell zesumme mat Ärem Client sengem Geschäft denken. Zum Beispill kann Äre Client an der Loftfaart sinn. Schaffe fir si wäert Iech eventuell zimmlech kompetent iwwer dës Industrie maachen. Also, en Tipp fir Äert eegent Gléck hei ass d'Industrien ze wielen, fir déi Dir schlau schafft, sou datt Dir net als Expert sidd an eppes wat Iech egal ass oder keen Interesse hutt.
Wärend engem Projet hält d'Kommunikatioun net op. Als Designer wäert Dir Är Aarbecht konstant presentéieren. Bei eiser Firma si mir e Remote Team, also hu mir net vill perséinlech Reuniounen. Amplaz maache mir vill Benotzung vum Bildschirmenaustausch duerch Videokonferenzen. Kommunikatiounsinstrumenter wéi Skype a Slack ginn all Dag benotzt.
Et ass nëtzlech fir synchron an asynchron Kommunikatiounsmethoden ze kombinéieren. En Uruff ass super wann Dir séier vill Informatioune braucht, awer Dir musst zur selwechter Zäit sinn. Mir denken un Slack als eise 'virtuelle Waasserkiller' a benotze Basecamp fir komplex Designprojeten ze managen. Wa mir Prototypen mat HTML an CSS designen, benotze mir GitHub Issues fir de Code direkt ze diskutéieren.
Fuerschung
Wéi och Clientskommunikatioun wäert Dir vill Fuerschung maachen. Dëst kéint Feldstudien, Workshops mam Client, Analyse vum Concours oder Definitioun vun enger Strategie enthalen - am Wesentlechen, just alles wat Iech hëlleft de Problem ze verstoen.
Fuerschung ass wat Är Designwahlen informéiert. Et ass en Artikel deen Dir eng Kéier gelies hutt, oder dat neit wat Apple just verëffentlecht huet. Wann et Zäit ass ze erklären firwat Dir e bestëmmten Design Wiel gemaach hutt, ënnerstëtzt Är Fuerschung Iech.
Fuerschung ka ganz breet sinn. Ech testen oft nei Geräter fir Fuerschungszwecker oder ënnerschreiwen Iech op eng nei Web App fir seng User Interface ze studéieren.
Design a Prototyping
Als Designer wäert Dir wahrscheinlech de gréissten Deel vun Ärer Zäit verbréngen fir Design a Prototyping Aarbecht ze maachen. En UI Designprojet kann op all Zuel vu Weeër viru goen, vu Skizzen, bis detailléiert Design, bis Kodéierung.
D'Method déi Dir benotzt hänkt gréisstendeels vun der Aart vum Projet of. Wat designt Dir? Ass et eng Websäit, oder géift Dir léiwer eng App nennen? Benotzt et natierlech Technologie? Ass et eng Neigestaltung oder fänkt Dir vun Ufank un?
Bei eiser Firma gëtt et kee feste Prozess, awer déi meescht Projeten verfollegen déiselwecht graff Uerdnung: si fänke mat Skizzen a Wireframes un, ginn op detailléiert visuellt an Interaktiounsdesign a schléissen mat engem Prototyp aus.
Als Designer verbrénge mir vill Zäit iwwer eis Tools ze denken. Wärend super Tools wichteg sinn, si sinn net déi wichtegst Saach. Kënnen d'Adobe Creative Suite an Apps wéi Sketch kompetent ze benotzen ass d'Äquivalent fir e Bleistift ze benotze fir ze molen oder e Pinsel fir ze molen. Dir musst nach ëmmer d'Bild maachen.
Wéi gesot, e gesonde Interesse an Tools ass eng gutt Saach. Ech hu gär nei Tools ze probéieren déi mir hëllefe méi produktiv ze sinn. Mäi Liiblingsvektor Editéierungsinstrument ass Illustrator, awer déi meescht vu menge visuellen Designaarbechte ginn hautdesdaags a Sketch gemaach. Aner Teammemberen sinn op méi nei Tools gewiesselt wéi Affinity Designer.
Tools sinn eng ganz perséinlech Wiel. Soulaang wéi mir einfach zesumme schaffen, ass jidderee fräi seng eege Wiel ze wielen. Fir et méi einfach ze maachen iwwer eis Motiver mat Clienten ze schwätzen, maache mir Prototype mat InVision. Fir méi fortgeschratt Prototyping benotze mir awer HTML an CSS. D'Instrument dat Dir alles braucht hänkt vun der Aarbecht of, déi Dir domat maache wëllt.
Entwéckler Kommunikatioun
En oft vergiessene Bestanddeel vun der Aarbecht vun engem UI Designer ass d'Entwéckler Kommunikatioun. Dës Deeg kënnt Dir net ewechkommen andeems Dir just Är Designs un d'Devs schéckt an hoffen datt se korrekt ëmgesat ginn. Déi bescht Designer wësse datt d'Erausfuerderung net beim Schafe vum Design ass, awer am Kommunikéieren - net nëmmen un déi Stakeholderen déi hir Zoustëmmung musse ginn, awer och un d'Entwéckler déi et mussen ëmsetzen.
En Design kommunizéieren kënnt a ville Formen: detailléiert Spezifikatiounen, Verméigen ubidden, den Design zesummen iwwerpréiwen. Wat et sënnvoll ass an all Instanz ze liwweren hänkt gréisstendeels dovun of ob de Projet eng gebierteg oder eng Webapplikatioun ass.
Déi traditionell Approche ass Verméigen niewent dem Bildschirmdesign ze liwweren. D'Screen Designs kënne benotzt gi fir ze kucken wéi den Design als Ganzt ausgesäit, wärend d'Verméigen prett fir ze benotzen PNGs an SVGs vun Ikonen sinn, sou datt d'Entwéckler net mat engem Grafikeditor ze dinn hunn.
Bei eiser Firma si mir Virdeeler fir méi wéi dat ze liwweren. Mir benotze Komponentstil Guiden fir ze hëllefen d'Konsistenz an eise Motiver z'erhalen. Wa mir mat engem Webprojet ze dinn hunn, liwweren mir detailléiert Sätz vun HTML an CSS, dokumentéiert Stéck fir Stéck, prett fir d'Ëmsetzung. Ech gleewen datt en Design A an all Phase vun der Softwareentwécklung ze hunn deen eenzege Wee ass fir mäi Zil ze erreeche fir Weltklass Software ze kreéieren.
Web vs native Apps
Wann Dir eng native App fir eng Plattform designt (z. B. iOS oder Android), da sidd Dir éischter u gewësse Richtlinnen ze halen. Wann Dir fir de Web designt, gëtt et net sou vill Guidance. Wat normalerweis geschitt ass datt Äre Client e Set vu grafesche Richtlinnen fir seng Mark huet déi bestëmmt wéi d'Saache sollten ausgesinn.
Wéi och ëmmer, dës Richtlinnen tendéieren op Marketing Websäiten ugepasst, a wat dran ass féiert net ëmmer zu gudde User Interface Entscheedungen. Schrëften éischter aus Marketinggrënn gewielt ze ginn, net fir liesbar Grënn. Faarwen kënne fett an opfälleg sinn, wat an enger Annoncekampagne funktionnéiert, awer net an enger App déi Dir alldeeglech benotzt. Dës Guiden mussen interpretéiert ginn.
Et gi wéineg UI Richtlinnen fir de Web. Dir kënnt argumentéieren datt de Web e Schmelzpot vu verschiddene Stiler ass. Wann Dir eppes maacht wat méi wéi eng App fillt wéi eng Websäit, musst Dir iwwer wäit benotzte Frameworks wéi Bootstrap an ZURB Foundation wëssen. De Kader fänkt un ze bestëmmen wéi d'Saache sollten ausgesinn, well Dir wëllt d'Rad net nei erfannen. An dat ass wahrscheinlech eng gutt Saach.
Bei eiser Firma benotze mir gär Bootstrap. Et bitt vernünfteg Standardgréissten fir allgemeng UI Elementer wéi Knäppercher, Daten Dëscher a Modaler.
Am Webdesign sidd Dir méi ageschränkt vun den technesche Kapazitéite vum Internet. Et war fréier datt et schwéier wier einfach visuell Bléi wéi ofgerënnt Ecken op enger Websäit ëmzesetzen. Dës Deeg si laang fort - Dir sidd elo fräi Userinterfaces mat vill Schatten, Iwwergäng, Animatiounen an och 3D ze molen.
Als Designer ass et méi realistesch d'Kontroll iwwer de Prozess an den Design am Browser ze huelen. Ech hunn net vill UI Designer gesinn d'UI Programméiere vun enger natierlecher App iwwerhuelen, awer en Designer deen den HTML an CSS vun enger Web App mécht ass en allgemengt Optriede. Wann Dir Är eegen Designs kodéiere kënnt, hutt Dir e Rand iwwer Är net kodéierend Kollegen, a fir mech ass et deen eenzege Wee fir wierklech ze verstoen wéi de Web funktionnéiert.
Web Contrainten
Dir wäert séier entdecken datt net all déi cool Tricks déi Dir léiert an all Browser ënnerstëtzt ginn, an dat ass d'Realitéit vum Design fir de Web. Et ass gutt bekannte Prinzipien ze follegen wéi progressiv Verbesserung, wou Dir verstäerkte Inhalter luede wa méiglech, awer och denkt drun wéi den Inhalt degradéiert.
Viru kuerzem ass 'Moschter schneiden' populär ginn. Championéiert vum BBC Webteam, geet et drëms z'ënnerscheeden tëscht 'gudde' a 'schlechten' Browser, an eng limitéiert Erfahrung fir 'schlecht' Browser ze bidden. Wéi och ëmmer, et funktionnéiert wierklech nëmme fir Inhaltssiten.
Wann et ëm applikatiounsähnlech Erfarunge geet, limitéiere vill Leit nëmmen Ënnerstëtzung fir e puer féierend Browser, fir d'Entwécklung méi einfach ze maachen. Leider bréngt eis eis zréck an d'Situatioun 1996 wou Dir e gewësse Browser brauch fir Inhalt ze gesinn.
Verbessert Ären Skillset
Also, wéi bleiwt Dir um neiste Stand mat der séier bewegender Webindustrie a verbessert Ären Skillset? Loosst eis e puer verschidde Methode kucken fir Är Fäegkeeten ze stäerken ...
Plattform Wëssen
E groussen Deel vum Arsenal vum Designer ass Plattformwëssen. Dir sollt wëssen iwwer déi verschidde Betribssystemer, a wéi d'Leit se benotzen. Als Designer si mir éischter Macs ze benotzen, awer dann ass et einfach ze vergiessen datt d'Majoritéit vun de Leit dobaussen Windows Boxen benotzt fir hir Aarbecht gemaach ze kréien.
Ech mengen Dir kënnt nëmme wierklech eppes verstoen wann Dir et selwer benotzt. Ech benotze léiwer mäi Mac fir ze designen, awer verbréngt vill Zäit d'Evolutioun vu verschiddenen anere Plattformen anzekommen. Ech hunn e puer Exemplare vu Windows op mengem Mac als virtuell Maschinnen installéiert. Ech war beschäftegt fir nei Builds vu Windows 10 ze testen mam Microsoft Insider Programm fir déi verschidde Verännerungen an der UI ze kontrolléieren.
Ech kaaft och regelméisseg nei Hardware fir ze testen wéi et funktionnéiert. Ech hunn en Apple Watch kaaft just fir d'Plattform ze testen. Ech hunn et dunn verkaf well ech gemengt hunn et géif net sou vill a mäi Liewe bäifügen.
Weider heirop kann de Web als eegent Betribssystem gesi ginn. Et entwéckelt sech konstant, mat neie Featuren déi all Woch all Browser Verkeefer bäifügen. Et ass extrem lount iwwer déi technesch Aspekter vu Browser ze wëssen, besonnesch wat CSS a Grafikfäegkeeten ugeet. Dir musst wëssen wat SVG a WebGL sinn, a wéi Dir d'Web Animations API benotze kënnt.
All Plattform entwéckelt sech mat der Zäit an als User Interface Designer ass et Är Aufgab um neiste Stand ze bleiwen. Nodeems alles wat Dir designt net an Isolatioun lieft, awer en Deel vun engem gréissere Software-Ökosystem ass.
Zréck op d'Basis
Wat mir haut kämpfen ass net sou anescht wéi mat deem mir virun 20 Joer gekämpft hunn. Et gëtt eng Tonne gutt Berodung a Bicher. Probéiert Defensive Design fir de Web vum Jason Fried a Matthew Linderman an Do Make Me Think vum Steve Krug fir Ufänger.
Wann Dir net iwwer Konzepter wéi Modalitéit a Bezuelbarkeet wësst, musst Dir liesen. Dir sollt fäeg sinn ze erkläre wat Fitts Gesetz ass. D'Gestalt Gesetz vun der Proximitéit? Dëst ass d'Brout a Botter vum UI Design.
Loosst Iech vu Spiller a Filmer inspiréieren
Als UI Designer zéien ech op aner Inspiratiounsquelle fir meng Aarbecht ze maachen. Ech fannen vill Inspiratioun a Spiller. E puer Spiller si ganz komplex, an d'UI Designer hu misse déiselwecht komplex Interface Probleemer léisen wéi den UI Designer dee fir Geschäftsprojete schafft.
Spiller kënnen och Trends bedeiten. De Minimalismus an de Menüe vum Colin McRae Rally fonnt erënnert mech un d'Richtung vum iOS7. Op eng Manéier ass den UI Animatiounsdesign deen elo trendy ass a Spiller viru Joeren a Jore erschéngen. D'Bewegung vu Skeuomorphismus op blo, funktionell Interfaces a 'flaach Design' ass och an de Spiller ze gesinn. Vergläicht 2006 Oblivion mam Skyrim vun 2011. Béid Spiller si RPGs an der selwechter Serie, awer den Ënnerscheed ass opfälleg.
Déi futuristesch Interfaces a Marvel Filmer wéi Iron Man waren och eng Inspiratioun fir mech. Si sinn net genau benotzbar Beispiller, awer se maachen mech méi iwwer Computing als Ganzt nozedenken. Wëlle mir eng Zukunft vu Bildschirmer, oder wëlle mir datt d'Bildschirmer verschwannen? Dëst ass wahrscheinlech eng gutt Fro an enger Pub voller Designer ze stellen.
Dir wuesse als Designer duerch haart Aarbecht, Persistenz, mat Äre Kollegen ze schwätzen, a liest schrecklech vill. Virun ongeféier engem Joer liesen ech e Stéck an der New York Times iwwer Leit bis an hir 80er Joren, déi hir Handwierk weiderhiewen. Ech fille mech wéi ech eréischt ufänken. Wat ass mat dir?
