Efni.
Þegar ég hóf feril minn var ég vefhönnuður. Ég vann við vefsíðuhönnun í fjögur ár, byrjaði á litlum viðskiptasíðum og fór að lokum til stærri viðskiptavina. Ég komst að því að það var ekki grafísk hönnun sem hafði áhuga á mér, né að vinna að stærri vörumerkjum. Ég hafði meiri áhuga á pagination mynstri, því hvernig fólk hafði samskipti við form og hluti eins og skynja frammistöðu, en sjónræna hönnun vefsíðu.
Þegar ég horfði á vísindamyndir myndi ég skoða viðmótin. Og þegar ég spilaði tölvuleiki myndi ég fylgjast með því hvernig matseðlarnir voru settir upp. Ef eitthvað af þessum eiginleikum hljómar kunnuglega fyrir þig gætirðu líka verið hönnuður HÍ.
Ég hætti í umboðsskrifstofunni og stofnaði mitt eigið fyrirtæki. Á LinkedIn síðunni minni reyndi ég að draga saman nýtt starfsferilmarkmið mitt: að gera sem best hugbúnað. Það eru fjögur ár síðan ég byrjaði sem sjálfstæðismaður og ferð mín hefur ekki stöðvast. Þessa dagana hjálpa ég við að stjórna litlu hönnunarfyrirtæki HÍ sem heitir Mónó. Við tókum nýlega á móti fjórða liðsmanni okkar.
Í þessari grein vil ég lýsa því hvernig það er að vera hönnuður HÍ, þar á meðal hvað felst nákvæmlega í starfinu, hvar á að finna bestu námsgögnin og hvernig á að verða betri í iðninni.
Hvað gerir Hönnuður HÍ?
Mér finnst að almennt er hægt að skipta vinnu notendaviðmótshönnuðar í fjóra flokka. Þú átt samskipti við viðskiptavininn, þú rannsakar, hannar og frumgerð og átt samskipti við verktakana. Við skulum skoða nánar hvern þessara áfanga.
Samskipti viðskiptavina
Samskipti viðskiptavina snúast um að skilja vandamál viðskiptavinarins. Markmiðið er að ná tökum á viðskiptum viðskiptavinar þíns, þannig að upphaf verkefnis felur venjulega í sér mikið tal. Það er fínt að vita ekki of mikið um lén viðskiptavinar þíns þegar þú byrjar - þú getur skoðað viðskipti þeirra á ferskan hátt á meðan þú sérð fyrir þér mögulegar hönnunarlausnir.
Til að vera góður Hönnuður HÍ þarftu að geta hugsað með í för með viðskiptum viðskiptavinar þíns. Til dæmis gæti viðskiptavinur þinn verið í flugi. Að vinna fyrir þá mun að lokum gera þig nokkuð fróðan um þá atvinnugrein. Svo, ráð fyrir þína eigin hamingju er að velja skynsamlega þær atvinnugreinar sem þú vinnur hjá, svo að þú verðir ekki sérfræðingur í einhverju sem þér er sama um eða hefur engan áhuga á.
Meðan á verkefni stendur hætta samskiptin ekki. Sem hönnuður verður þú að kynna verk þín stöðugt. Hjá fyrirtækinu okkar erum við afskekkt teymi og því höfum við ekki marga fundi í eigin persónu. Í staðinn nýtum við skjádeilingu í gegnum myndfund. Samskiptatæki eins og Skype og Slack eru notuð á hverjum degi.
Það er gagnlegt að sameina samstilltar og ósamstilltar samskiptaaðferðir. Símtal er frábært ef þú þarft mikið af upplýsingum fljótt, en þú verður að vera til á sama tíma. Við hugsum um Slack sem „sýndarvatnskælirinn“ okkar og notum Basecamp til að stjórna flóknum hönnunarverkefnum. Þegar við hannum frumgerðir með HTML og CSS notum við GitHub Issues til að ræða kóða beint.
Rannsóknir
Sem og samskipti viðskiptavina muntu rannsaka mikið. Þetta gæti falið í sér vettvangsrannsóknir, vinnustofur með viðskiptavininum, greiningu á samkeppni eða skilgreiningu á stefnu - í meginatriðum, nánast allt sem hjálpar þér að skilja vandamálið sem er að finna.
Rannsóknir eru það sem upplýsir hönnunarval þitt. Það er grein sem þú hefur lesið einu sinni, eða það nýja sem Apple gaf út. Þegar tími er kominn til að útskýra hvers vegna þú tókst ákveðið hönnunarval, styðja rannsóknir þínar þig.
Rannsóknir geta verið mjög víðtækar. Ég prófa oft ný tæki í rannsóknarskyni eða skrái mig í nýtt vefforrit til að kanna notendaviðmót þess.
Hönnun og frumgerð
Sem hönnuður muntu líklega eyða mestum tíma þínum í að vinna hönnun og frumgerð. Hönnunarverkefni HÍ getur haldið áfram á nokkurn hátt, allt frá skissum til nákvæmrar hönnunar og til kóðunar.
Aðferðin sem þú notar fer að miklu leyti eftir tegund verkefna. Hvað ertu að hanna? Er það vefsíða eða viltu frekar kalla hana app? Notar það innfædda tækni? Er það endurhönnun eða ertu að byrja frá grunni?
Hjá fyrirtækinu okkar er ekkert fast ferli en flest verkefni fylgja sömu grófri röð: þau byrja á skissum og vírramma, fara í nákvæma sjón- og samspilshönnun og enda með frumgerð.
Sem hönnuðir verjum við miklum tíma í að hugsa um verkfærin okkar. Þótt frábær verkfæri séu mikilvæg eru þau ekki það mikilvægasta. Að geta notað Adobe Creative Suite og forrit eins og Sketch á hæfilegan hátt jafngildir því að geta notað blýant til að teikna eða pensil til að mála. Þú þarft samt að gera málverkið.
Sem sagt, heilbrigður áhugi á tækjum er af hinu góða. Ég elska að prófa ný tæki sem geta hjálpað mér að verða afkastameiri. Uppáhalds vektor klippitækið mitt er Illustrator, en flest sjónræn hönnunarvinna mín er unnin í Sketch þessa dagana. Aðrir liðsmenn hafa skipt yfir í nýrri verkfæri eins og Affinity Designer.
Verkfæri eru mjög persónulegt val. Svo lengi sem við getum auðveldlega unnið saman er öllum frjálst að velja sitt. Til að gera það einfaldara að tala um hönnun okkar við viðskiptavini gerum við frumgerðir með InVision. Fyrir lengra komna frumgerð notum við hins vegar HTML og CSS. Tólið sem þú þarft allt fer eftir því starfi sem þú vilt vinna við það.
Samskipti verktaka
Oft gleymdur hluti af starfi hönnuðar HÍ eru samskipti verktaka. Þessa dagana geturðu ekki komist hjá því að senda hönnunina þína til devs og vona að þau verði framkvæmd rétt. Bestu hönnuðirnir vita að áskorunin felst ekki í því að búa til hönnunina, heldur að koma henni á framfæri - ekki aðeins til hagsmunaaðila sem þurfa að veita samþykki sitt heldur einnig til verktakanna sem verða að framkvæma hana.
Að miðla hönnun er í mörgum myndum: nákvæmar upplýsingar, útvega eignir, fara yfir hönnunina saman. Hvað það er skynsamlegt að skila hverju sinni veltur að miklu leyti á því hvort verkefnið er innfæddur eða vefforrit.
Hefðbundin nálgun er að skila eignum við hlið skjáhönnunar. Hægt er að nota skjáhönnunina til að sjá hvernig hönnunin mun líta út í heild sinni, á meðan eignirnar eru tilbúnar til notkunar PNG og SVG af táknum, svo verktaki þarf ekki að takast á við grafíkritstjóra.
Hjá fyrirtækinu erum við talsmenn þess að skila meira en því. Við notum leiðbeiningar um íhlutastíl til að viðhalda samræmi í hönnun okkar. Þegar við erum að fást við vefverkefni afhendum við ítarleg sett af HTML og CSS, skjalfest stykki fyrir stykki, tilbúin til framkvæmdar. Ég tel að það að hafa hönnunarauga í öllum stigum hugbúnaðarþróunar sé eina leiðin til að ná markmiði mínu um að búa til heimsklassa hugbúnað.
Vefur vs innfæddur forrit
Þegar þú hannar móðurmálsforrit fyrir vettvang (t.d. iOS eða Android) hefur þú tilhneigingu til að fylgja ákveðnum leiðbeiningum. Þegar þú hannar fyrir vefinn er ekki svo mikil leiðsögn. Það sem gerist venjulega er að viðskiptavinur þinn hefur sett af myndrænum leiðbeiningum fyrir vörumerki sitt sem ákvarðar hvernig hlutirnir eiga að líta út.
Þessar leiðbeiningar hafa þó tilhneigingu til að vera sniðnar að markaðssíðu og það sem þar er ekki alltaf leiðir til góðs ákvörðunar notendaviðmóts. Skírnarfontur eru gjarnan valdir af markaðsástæðum, ekki af læsileikum. Litir geta verið feitletraðir og sláandi sem virkar í auglýsingaherferð en ekki í forriti sem þú notar daglega. Þessar leiðbeiningar verða að túlka.
Það eru fáar leiðbeiningar HÍ fyrir vefinn. Þú gætir haldið því fram að vefurinn sé bræðslupottur af mismunandi stíl. Ef þú ert að búa til eitthvað sem líður meira eins og app en vefsíðu þarftu að vita um víða notaða ramma eins og Bootstrap og ZURB Foundation. Ramminn byrjar að ákvarða hvernig hlutirnir eiga að líta út, vegna þess að þú vilt ekki finna upp hjólið að nýju. Og það er líklega af hinu góða.
Hjá fyrirtækinu okkar langar okkur að nota Bootstrap. Það veitir skynsamlegar sjálfgefnar stærðir fyrir algengar UI-þætti eins og hnappa, gagnatöflur og módel.
Í vefhönnun ertu heftari af tæknilegri getu vefsins. Það var áður þannig að það væri erfitt að innleiða einfaldar sjónrænar blómstra eins og ávöl horn á vefsíðu. Þessir dagar eru löngu liðnir - þér er nú frjálst að teikna notendaviðmót með nóg af skuggum, umbreytingum, hreyfimyndum og jafnvel þrívídd.
Sem hönnuður er það raunhæfara að taka stjórn á ferlinu og hönnuninni í vafranum. Ég hef ekki séð marga hönnuði HÍ taka við forritun HÍ á innfæddu forriti, en hönnuður sem gerir HTML og CSS í vefforriti er algengt. Ef þú getur kóðað eigin hönnun muntu hafa forskot á jafnaldra þína sem ekki eru kóðaðir og fyrir mér er það eina leiðin til að skilja raunverulega hvernig vefurinn virkar.
Hömlur á vefnum
Þú munt fljótlega uppgötva að ekki eru öll flott tögl sem þú lærir studd í hverjum vafra og það er raunveruleiki þess að hanna fyrir vefinn. Það er gott að fylgja þekktum meginreglum eins og framsækinni aukningu, þar sem þú hleður endurbætt efni þegar mögulegt er, en hugsaðu einnig um hvernig efnið brotnar niður.
Nýlega hefur „skorið sinnep“ orðið vinsælt. Meistari af vefteymi BBC felur þetta í sér að gera greinarmun á „góðum“ og „slæmum“ vöfrum og veita „slæmum“ vöfrum takmarkaða reynslu. Hins vegar virkar það í raun aðeins fyrir innihaldssíður.
Þegar kemur að reynslu af forritum eru margir að takmarka stuðning við aðeins nokkra leiðandi vafra til að auðvelda þróun. Því miður færir þetta okkur aftur að 1996 ástandinu þar sem þú þarft ákveðinn vafra til að skoða efni.
Að bæta hæfileika þína
Svo, hvernig fylgist þú með hraðfara vefiðnaði og bætir hæfileika þína? Við skulum skoða nokkrar mismunandi aðferðir til að auka færni þína ...
Pallþekking
Stór hluti af vopnabúri hönnuðar er þekking á vettvangi. Þú ættir að vita um hin ýmsu stýrikerfi og hvernig fólk notar þau. Sem hönnuðir höfum við tilhneigingu til að nota Mac-tölvur, en þá er auðvelt að gleyma því að meirihluti fólks þarna úti notar Windows kassa til að vinna verk sín.
Mér finnst að þú getir aðeins skilið eitthvað ef þú notar það sjálfur. Ég vil frekar nota Mac minn til að hanna, en eyði miklum tíma í að ná í þróun ýmissa annarra vettvanga. Ég er með nokkur eintök af Windows uppsett á Mac-tölvunni minni sem sýndarvélar. Ég hef verið önnum kafinn við að prófa nýsmíði af Windows 10 með því að nota Insider Program Microsoft til að skoða ýmsar breytingar á HÍ.
Ég kaupi líka reglulega nýjan vélbúnað til að prófa hvernig hann virkar. Ég keypti Apple Watch bara til að prófa pallinn. Ég seldi það síðan vegna þess að mér fannst það ekki bæta svo miklu við líf mitt.
Í framhaldi af þessu má líta á vefinn sem sitt eigið stýrikerfi. Það er í stöðugri þróun og nýjum eiginleikum er bætt við alla söluaðila vafra í hverri viku. Það er ákaflega þess virði að vita um tæknilegu atriði vafra, sérstaklega varðandi CSS og grafík hæfileika. Þú verður að vita hvað SVG og WebGL eru og hvernig þú getur notað API for Web Animations.
Sérhver vettvangur þróast með tímanum og sem notendaviðmótshönnuður er það þitt verkefni að vera uppfærður. Þegar öllu er á botninn hvolft lifir það sem þú ert að hanna ekki í einangrun heldur er hluti af stærra vistkerfi hugbúnaðar.
Farðu aftur í grunnatriðin
Það sem við glímum við í dag er ekki svo ólíkt því sem við glímdum við fyrir 20 árum. Það er tonn af góðum ráðum í bókum. Prófaðu Defensive Design for the Web eftir Jason Fried og Matthew Linderman og Don't Make Me Think eftir Steve Krug í byrjun.
Ef þú veist ekki um hugtök eins og venja og efni, þá þarftu að lesa þér til. Þú ættir að geta útskýrt hver lög Fitts eru. Gestalt lögmál nálægðarinnar? Þetta er brauðið og smjörið í hönnun HÍ.
Vertu innblásin af leikjum og kvikmyndum
Sem hönnuður HÍ sæki ég í aðra innblástur til að vinna verkin mín. Ég finn mikinn innblástur í leikjum. Sumir leikir eru mjög flóknir og Hönnuðir HÍ hafa þurft að leysa sömu flóknu viðmótsvandamálin og Hönnuður HÍ sem vinnur að viðskiptaverkefnum.
Leikir geta einnig táknað þróun. Naumhyggjan sem er að finna í valmyndum Colin McRae Rally minnir mig á stefnu iOS7. Að vissu leyti birtist fjörhönnun HÍ sem er nú töff í leikjum fyrir árum og árum. Færslan frá skeuomorphism yfir í ber, hagnýt viðmót og „flata hönnun“ hefur einnig komið fram í leikjum. Bera saman Oblivion frá 2006 og Skyrim frá 2011. Báðir leikirnir eru RPG í sömu seríu en munurinn er sláandi.
Framúrstefnulegt viðmót í Marvel myndum eins og Iron Man hefur líka verið mér innblástur. Þau eru ekki nákvæmlega nothæf dæmi, en fá mig til að hugsa meira um tölvu í heild. Viljum við framtíð skjáa, eða viljum við að skjárnir hverfi? Þetta er líklega góð spurning til að sitja fyrir á krá fullum af hönnuðum.
Þú vex sem hönnuður með mikilli vinnu, þrautseigju, að tala við jafnaldra þína og lesa afskaplega mikið. Fyrir um það bil ári las ég verk í New York Times um fólk langt um áttrætt sem heldur áfram að fínpússa iðn sína. Mér líður eins og ég sé aðeins að byrja. Hvað með þig?
