Përmbajtje
Kur fillova karrierën time, isha një krijues uebi. Kam punuar në krijimin e faqeve në internet për katër vjet, duke filluar me faqet e biznesit të vogël dhe përfundimisht duke kaluar tek klientët më të mëdhenj. Zbulova se nuk ishte dizajni grafik që më interesonte, as që punoja për emra më të mëdhenj të markave. Më interesonin më shumë modelet e faqeve, mënyra se si njerëzit ndërvepronin me format dhe gjëra të tilla si performanca e perceptuar, sesa dizenjimi vizual i një faqe në internet.
Kur shikoja filma shkencor-shkencor, shikoja ndërfaqet. Dhe kur luaja video lojëra, unë do të vëzhgoja mënyrën se si ishin paraqitur menutë. Nëse ndonjë nga këto tipare tingëllon e njohur për ju, ju gjithashtu mund të jeni një krijues UI në zemër.
Unë lashë punën time të agjensisë dhe fillova kompaninë time. Në faqen time në LinkedIn, u përpoqa të përmbledh qëllimin tim të ri në karrierë: të bëj softuerin më të mirë të mundshëm. Kanë kaluar katër vjet që kur fillova si profesionist i pavarur dhe udhëtimi im nuk është ndalur. Këto ditë unë ndihmoj në drejtimin e një kompanie të vogël të dizajnit UI të quajtur Mono. Ne së fundmi e mirëpritëm anëtarin tonë të katërt të ekipit.
Në këtë artikull dua të përshkruaj se si është të jesh një stilist UI, duke përfshirë atë që përfshin saktësisht puna, ku të gjesh burimet më të mira të të mësuarit dhe si të bëhesh më mirë në zanatin tënd.
Çfarë bën një dizajner UI?
Zbuloj që përgjithësisht mund ta ndani punën e një krijuesi të ndërfaqes së përdoruesit në katër kategori. Ju komunikoni me klientin, ju hulumtoni, hartoni dhe prototiponi dhe komunikoni me zhvilluesit. Le të hedhim një vështrim në secilën nga këto faza në më shumë detaje.
Komunikimi me klientin
Komunikimi i klientit ka të bëjë me të kuptuarit e problemit të klientit. Qëllimi është të kapeni me biznesin e klientit tuaj, kështu që fillimi i një projekti zakonisht përbën shumë biseda. Fineshtë mirë të mos dini shumë për domenin e klientit tuaj kur filloni - ju mund të shikoni në biznesin e tyre në një mënyrë të freskët ndërsa parashikoni zgjidhje të mundshme të dizajnit.
Për të qenë një dizajner i mirë i ndërfaqes së ndërhyrjes, duhet të jeni në gjendje të mendoni përfundimisht së bashku me biznesin e klientit tuaj. Për shembull, klienti juaj mund të jetë në aviacion. Puna për ta përfundimisht do t'ju bëjë mjaft të ditur për atë industri. Pra, një këshillë për lumturinë tuaj vetjake është të zgjidhni industritë për të cilat punoni me mençuri, në mënyrë që të mos përfundoni të jeni ekspert në diçka që nuk ju intereson ose nuk keni interes.
Gjatë një projekti, komunikimi nuk ndalet. Si dizajner, ju do të prezantoni punën tuaj vazhdimisht. Në kompaninë tonë ne jemi një ekip i largët, kështu që nuk kemi shumë takime personalisht. Në vend të kësaj, ne përdorim shumë ndarjen e ekranit përmes video konferencave. Mjetet e komunikimit si Skype dhe Slack përdoren çdo ditë.
Usefulshtë e dobishme të kombinohen metodat e komunikimit sinkron dhe asinkron. Një telefonatë është e shkëlqyeshme nëse keni nevojë për shumë informacion shpejt, por duhet të jeni në të njëjtën kohë. Ne mendojmë për Slack si 'ftohësin tonë virtual të ujit' dhe përdorim Basecamp për të menaxhuar projekte komplekse të dizajnit. Kur dizenjojmë prototipa duke përdorur HTML dhe CSS, ne përdorim GitHub Issues për të diskutuar drejtpërdrejt kodin.
Kërkime
Si dhe komunikimi me klientin, ju do të bëni shumë kërkime. Kjo mund të përfshijë studime në terren, seminare me klientin, analizimin e konkurrencës ose përcaktimin e një strategjie - në thelb, pothuajse për gjithçka që ju ndihmon të kuptoni problemin në fjalë.
Kërkimi është ai që informon zgjedhjet tuaja të dizajnit. Shtë një artikull që keni lexuar një herë, ose ajo gjë e re që Apple sapo ka lëshuar. Kur është koha të shpjegoni pse keni bërë një zgjedhje të veçantë të dizajnit, hulumtimi juaj ju mbështet.
Kërkimi mund të jetë shumë i gjerë. Unë shpesh testoj pajisje të reja për qëllime kërkimore ose regjistrohem në një aplikacion të ri në internet për të studiuar ndërfaqen e tij të përdoruesit.
Projektimi dhe prototipizimi
Si dizajner, ju me siguri do të kaloni shumicën e kohës duke bërë dizajn dhe punë prototip. Një projekt i dizajnit të ndërfaqes mund të ecë përpara në çdo numër mënyrash, nga skica, te dizajni i hollësishëm, te kodimi.
Metoda që përdorni kryesisht varet nga lloji i projektit. Çfarë jeni duke dizajnuar? A është një faqe në internet, apo më shumë do ta quanim një aplikacion? A përdor teknologji vendase? Itshtë një rikonceptim apo po filloni nga e para?
Në kompaninë tonë nuk ka ndonjë proces fiks, por shumica e projekteve ndjekin të njëjtin rend të përafërt: ato fillojnë me skica dhe korniza tel, vazhdojnë me projektin e detajuar vizual dhe ndërveprues dhe përfundojnë me një prototip.
Si dizajnerë, ne kalojmë shumë kohë duke menduar për mjetet tona. Ndërsa mjetet e shkëlqyera janë të rëndësishme, ato nuk janë gjëja më e rëndësishme. Të jesh në gjendje të përdorësh Adobe Creative Suite dhe aplikacione si Sketch me aftësi është ekuivalente me të qenurit në gjendje të përdorësh një laps për të vizatuar ose një furçë për të pikturuar. Ju ende keni nevojë për të bërë pikturën.
Thënë kjo, një interes i shëndetshëm për mjetet është një gjë e mirë. Më pëlqen të provoj mjete të reja që mund të më ndihmojnë të jem më produktive. Mjeti im i preferuar për redaktimin e vektorëve është Illustrator, por shumica e punës sime për dizajnin vizual është bërë në Sketch këto ditë. Anëtarët e tjerë të ekipit kanë kaluar në mjete më të reja si Affinity Designer.
Mjetet janë një zgjedhje shumë personale. Për sa kohë që ne mund të punojmë lehtë së bashku, të gjithë janë të lirë të zgjedhin të tyret. Për ta bërë më të thjeshtë të flasim për modelet tona me klientët, ne bëjmë prototipa me InVision. Megjithatë, për prototip më të përparuar, ne përdorim HTML dhe CSS. Mjeti që ju nevojitet të gjitha varet nga puna që dëshironi të bëni me të.
Komunikimi i zhvilluesit
Një pjesë e harruar shpesh e punës së një projektuesi UI është komunikimi i zhvilluesit. Këto ditë nuk mund të shpëtoni vetëm duke dërguar planet tuaja në devs dhe duke shpresuar që ato të zbatohen në mënyrë korrekte. Projektuesit më të mirë e dinë që sfida nuk është në krijimin e modelit, por në komunikimin e tij - jo vetëm palëve të interesuara që duhet të japin miratimin e tyre, por edhe zhvilluesve që duhet ta zbatojnë atë.
Komunikimi i një modeli vjen në shumë forma: specifikime të hollësishme, sigurimi i aseteve, rishikimi i dizajnit së bashku. Ajo që ka kuptim të dorëzohet në secilën rast varet kryesisht nëse projekti është vendas ose një aplikacion në internet.
Qasja tradicionale është të dorëzosh asete pranë dizenjove të ekranit. Projektimet e ekranit mund të përdoren për të parë se si do të duket dizajni si një e tërë, ndërsa pasuritë janë gati për përdorim të PNG-ve dhe SVG-ve të ikonave, kështu që zhvilluesit nuk kanë pse të merren me një redaktues grafik.
Në kompaninë tonë ne jemi ithtarët e ofrimit të më shumë se kaq. Ne përdorim udhëzues të stilit përbërës për të ndihmuar në ruajtjen e qëndrueshmërisë në modelet tona. Kur kemi të bëjmë me një projekt në internet, ne ofrojmë grupe të hollësishme të HTML dhe CSS, të dokumentuara pjesë-pjesë, gati për zbatim. Unë besoj se të kesh një sy dizajni në çdo fazë të zhvillimit të softuerit është mënyra e vetme për të arritur qëllimin tim për krijimin e softuerit të klasit botëror.
Ueb vs aplikacione vendase
Kur krijoni një aplikacion vendas për një platformë (p.sh. iOS ose Android), ju prireni t'i përmbaheni udhëzimeve të caktuara. Kur krijoni për ueb, nuk ka aq shumë udhëzime. Ajo që ndodh zakonisht është se klienti juaj ka një sërë udhëzimesh grafike për markën e tyre që përcakton se si duhet të duken gjërat.
Sidoqoftë, këto udhëzime kanë tendencë të jenë të përshtatura drejt faqeve në internet të marketingut dhe ato që gjenden atje nuk çojnë gjithmonë në vendime të mira për ndërfaqen e përdoruesit. Shkronjat kanë tendencë të zgjidhen për arsye marketingu, jo për arsye lexueshmërie. Ngjyrat mund të jenë të guximshme dhe të habitshme, gjë që funksionon në një fushatë reklamash, por jo në një aplikacion që përdorni çdo ditë. Këto udhëzues duhet të interpretohen.
Ka pak udhëzime për ndërfaqen e përdoruesit për ueb. Ju mund të argumentoni se rrjeti është një vazo e shkrirjes së stileve të ndryshme. Nëse po bëni ndonjë gjë që ndihet më shumë si një aplikacion sesa një faqe në internet, duhet të dini rreth kornizave të përdorura gjerësisht si Bootstrap dhe Fondacioni ZURB. Kuadri fillon të përcaktojë se si duhet të duken gjërat, sepse nuk doni të rishpikni timonin. Dhe kjo është ndoshta një gjë e mirë.
Në kompaninë tonë, ne na pëlqen të përdorim Bootstrap. Ai siguron madhësi të ndjeshme të parazgjedhur për elementet e zakonshme të ndërfaqes së ndërfaqes si butonat, tabelat e të dhënave dhe modalet.
Në krijimin e faqeve në internet, ju jeni më të kufizuar nga kapacitetet teknike të internetit. Dikur ishte që do të ishte e vështirë të zbatoheshin lulëzime të thjeshta vizuale si kënde të rrumbullakosura në një faqe në internet. Këto ditë janë zhdukur - tani jeni të lirë të vizatoni ndërfaqe përdoruesi me shumë hije, kalime, animacione dhe madje 3D.
Si një dizajner, është mënyra më reale për të marrë kontrollin mbi procesin dhe dizajnin në shfletues. Unë nuk kam parë shumë dizajnerë të ndërfaqeve të ndërmarrin programimin UI të një aplikacioni vendas, por një dizajner që bën HTML dhe CSS të një aplikacioni në internet është një dukuri e zakonshme. Nëse mund të kodifikoni vetë dizajnet tuaja, do të keni një avantazh ndaj kolegëve tuaj jo-kodues dhe për mua është mënyra e vetme për të kuptuar me të vërtetë se si funksionon interneti.
Kufizimet në internet
Së shpejti do të zbuloni se jo të gjitha truket e këndshme që mësoni mbështeten në çdo shfletues dhe ky është realiteti i dizajnimit për ueb. Goodshtë mirë të ndjekësh parime të njohura si përmirësimi progresiv, ku ngarkon përmbajtje të zgjeruar sa herë që është e mundur, por gjithashtu mendon se si përmbajtja degradon.
Kohët e fundit, 'prerja e sinapit' është bërë e njohur. Kampionuar nga ekipi i ueb-it i BBC, kjo përfshin dallimin midis shfletuesve 'të mirë' dhe 'të këqij', dhe sigurimin e një eksperience të kufizuar në shfletuesit 'e këqij'. Sidoqoftë, funksionon vetëm për faqet e përmbajtjes.
Kur bëhet fjalë për përvoja të ngjashme me aplikacionin, shumë njerëz po kufizojnë mbështetjen vetëm për disa shfletues kryesorë, për ta bërë më të lehtë zhvillimin. Mjerisht, kjo na kthen në situatën e vitit 1996 ku keni nevojë për një shfletues të caktuar për të parë përmbajtjen.
Përmirësimi i aftësive tuaja
Pra, si i mbani të azhurnuara me industrinë e shpejtë të internetit dhe për të përmirësuar aftësitë tuaja? Le të shohim disa metoda të ndryshme për rritjen e aftësive tuaja ...
Njohuri të platformës
Një pjesë kryesore e arsenalit të një projektuesi është njohuria e platformës. Ju duhet të dini për sistemet e ndryshme operative dhe mënyrën se si njerëzit i përdorin ato. Si dizajnerë, ne priremi të përdorim Mac, por atëherë është e lehtë të harrosh se shumica e njerëzve atje përdorin kuti Windows për të kryer punën e tyre.
Ndjej se diçka mund ta kuptoni me të vërtetë nëse e përdorni vetë. Unë preferoj të përdor Mac-in tim për të hartuar, por kaloj shumë kohë duke arritur zhvillimin e platformave të ndryshme të tjera. Unë kam disa kopje të Windows të instaluara në Mac tim si makina virtuale. Unë kam qenë i zënë me testimin e ndërtimeve të reja të Windows 10 duke përdorur Programin Insider të Microsoft për të parë ndryshimet e ndryshme në UI.
Unë gjithashtu rregullisht blej pajisje të reja për të provuar se si funksionon. Bleva një Apple Watch vetëm për të provuar platformën. Më pas e shita sepse ndjeva se nuk po i shtonte aq shumë jetës time.
Për më tepër, uebi mund të shihet si sistemi i tij operativ. Po zhvillohet vazhdimisht, me veçori të reja që i shtohen çdo shitësi të shfletuesit çdo javë. Extremelyshtë jashtëzakonisht e vlefshme të dini për aspektet teknike të shfletuesve, veçanërisht në lidhje me aftësitë CSS dhe grafikë. Duhet të dini se çfarë janë SVG dhe WebGL dhe si mund të përdorni Web Animations API.
Çdo platformë evoluon me kalimin e kohës dhe si një dizajner i ndërfaqes së përdoruesit është detyra juaj të qëndroni të azhurnuar. Mbi të gjitha, çfarëdo që jeni duke modeluar nuk jeton në izolim, por është pjesë e një ekosistemi më të madh të softuerit.
Kthehuni te gjërat themelore
Ajo me të cilën po luftojmë sot nuk është aq e ndryshme nga ajo me të cilën po luftonim 20 vjet më parë. Ka një mori këshillash të mira në libra. Provoni Dizajn Mbrojtës për Ueb nga Jason Fried dhe Matthew Linderman dhe Don’t Make Me Think nga Steve Krug për fillestarët.
Nëse nuk dini për koncepte si modaliteti dhe përballueshmëria, duhet të lexoni. Ju duhet të jeni në gjendje të shpjegoni se cili është ligji i Fitts. Ligji i afërsisë Gestalt? Kjo është buka dhe gjalpi i dizajnit UI.
Frymëzohuni nga lojërat dhe filmat
Si një krijues i ndërfaqeve të përdorimit, unë kërkoj nga burime të tjera frymëzimi për të bërë punën time. Unë gjej shumë frymëzim në lojëra. Disa lojëra janë shumë komplekse, dhe dizenjuesit e UI-së u është dashur të zgjidhin të njëjtat probleme ndërlikuese të ndërfaqes, si krijuesi i ndërfaqes që punon në projekte biznesi.
Lojërat gjithashtu mund të nënkuptojnë trendet. Minimalizmi i gjetur në menutë e Colin McRae Rally më kujton drejtimin e iOS7. Në një farë mënyre, dizajni i animacionit UI që tani është në modë po shfaqej në lojëra vite dhe vite më parë. Kalimi nga skeuomorphism në ndërfaqe të zhveshura, funksionale dhe 'dizajn i sheshtë' ka qenë i dukshëm edhe në lojëra. Krahasoni Oblivion 2006 me Skyrim 2011. Të dy lojërat janë RPG në të njëjtën seri, por ndryshimi është i jashtëzakonshëm.
Ndërfaqet futuristike në filmat e Marvel si Iron Man kanë qenë gjithashtu një frymëzim për mua. Ata nuk janë ekzaktësisht shembuj të përdorshëm, por më bëjnë të mendoj më shumë për informatikën në tërësi. A duam një të ardhme të ekraneve, apo duam që ekranet të zhduken? Kjo është ndoshta një pyetje e mirë për t'u paraqitur në një pijetore plot me dizajnerë.
Ju rriteni si një stilist përmes punës së palodhur, këmbënguljes, bisedës me kolegët tuaj dhe duke lexuar shumë tmerrshëm. Rreth një vit më parë lexova një pjesë në New York Times për njerëzit rreth të 80-ave që vazhdojnë të grijnë zanatin e tyre. Ndihem sikur vetëm po filloj. Po ti
