{"id":36673,"date":"2019-10-31T22:13:05","date_gmt":"2019-10-31T19:13:05","guid":{"rendered":"https:\/\/prohoster.info\/blog\/kak-iz-obychnogo-dizajnera-stat-produktovym\/"},"modified":"2019-10-31T22:13:05","modified_gmt":"2019-10-31T19:13:05","slug":"kak-iz-obychnogo-dizajnera-stat-produktovym","status":"publish","type":"post","link":"https:\/\/prohoster.info\/sv\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym","title":{"rendered":"Hur man blir en produktdesigner fr\u00e5n att vara en \"vanlig designer\"","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Hej!<\/p>\n<p>Jag heter Alexey Svirido, jag \u00e4r digital produktdesigner p\u00e5 Alfa-Bank. Idag vill jag ber\u00e4tta om hur man g\u00e5r fr\u00e5n \"vanlig designer\" till produktdesigner. Nedan hittar du svar p\u00e5 f\u00f6ljande fr\u00e5gor:<\/p>\n<ul>\n<li>Vem \u00e4r en produktdesigner och vad g\u00f6r han\/hon?<\/li>\n<li>Passar denna yrkesroll dig?<\/li>\n<li>Vad ska man g\u00f6ra f\u00f6r att bli produktdesigner?<\/li>\n<li>Hur skapar man sin f\u00f6rsta produktportf\u00f6lj?<\/li>\n<\/ul>\n<p>\nOch tillsammans med er kommer vi att rita en kompetenskarta f\u00f6r att f\u00f6rst\u00e5 vilka av era f\u00e4rdigheter som ni b\u00f6r f\u00f6rb\u00e4ttra och vad ni redan \u00e4r tillr\u00e4ckligt starka i. <\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/alfa\/blog\/461993\/\"><img decoding=\"async\" alt=\"Hur man blir en produktdesigner fr\u00e5n att vara en &quot;vanlig designer&quot;\" src=\"\/wp-content\/uploads\/2019\/07\/0bf51ac5952f23b4ee949bff160122c1.png\" style=\"display:block;margin: 0 auto;\" \/><\/a><\/noindex><br \/>\n<i>Exempel p\u00e5 kompetenskarta<\/i><\/p>\n<p>Som bonus kommer jag att rekommendera b\u00f6cker och artiklar i \u00e4mnet som kan hj\u00e4lpa er att utvecklas.<br \/>\n<noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><br \/>\nSom jag n\u00e4mnde tidigare, arbetar jag p\u00e5 Alfa-Bank d\u00e4r jag designar digitala produkter f\u00f6r f\u00f6retag, det vill s\u00e4ga f\u00f6r juridiska personer. Innan det hade jag olika frilansprojekt med kunder \u00f6ver hela v\u00e4rlden. Jag inledde min karri\u00e4r med grafisk design p\u00e5 Gazprom-Media-koncernen, inom radiostationerna. D\u00e4r arbetade jag med utomhusannonsering, trycksaker, design av banners, souvenirprodukter, skapande av branding, identitet osv. Jag har sj\u00e4lvst\u00e4ndigt tagit steget fr\u00e5n grafisk design till produktdesign, och idag ser jag fram emot att dela med mig av vad jag har l\u00e4rt mig under denna \u00f6verg\u00e5ng.<\/p>\n<h2>Vem \u00e4r en produktdesigner och vad g\u00f6r han\/hon?<\/h2>\n<p>\nEn produktdesigner \u2013 vem \u00e4r det? N\u00e5gon som designar mj\u00f6lk, br\u00f6d, kakor? Eller n\u00e5gon som skapar m\u00f6bler och inredningsobjekt? Eller Jony Ive, som l\u00e4mnade Apple och skapade m\u00e5nga \u00e4lskade gadgets och enheter?<\/p>\n<p>F\u00f6r sju \u00e5r sedan kallades produktdesigners killar som skapade fysiska saker, objekt, m\u00f6bler, former. Idag anser jag att denna definition har tagits ifr\u00e5n grundarna, helt och h\u00e5llet.<\/p>\n<p>Modern produktdesign handlar om digitalt, om webbplatser och appar, om digitala produkter.<\/p>\n<p>S\u00e5, en produktdesigner \u00e4r en designer som inte bara skapar den visuella delen av ett projekt, utan ocks\u00e5 t\u00e4nker p\u00e5 hur detta projekt kommer att fungera och interagera med anv\u00e4ndarna. Det \u00e4r allts\u00e5 inte tillr\u00e4ckligt att bara rita n\u00e5got vackert i produkten. Det vackra m\u00e5ste fungera och l\u00f6sa specifika uppgifter, tillfredsst\u00e4lla anv\u00e4ndarens och aff\u00e4rens behov, och helst b\u00e5de och.<\/p>\n<p>Och detta \u00e4r en av de st\u00f6rsta utmaningarna inom produktdesign: hur man skapar ett anv\u00e4ndarv\u00e4nligt gr\u00e4nssnitt som \u00e4r estetiskt tilltalande och genererar int\u00e4kter f\u00f6r f\u00f6retaget.<\/p>\n<p>Produktdesignern p\u00e5verkar:<\/p>\n<ul>\n<li><b>Det visuella spr\u00e5ket.<\/b> Det \u00e4r produktdesignern som beslutar om kommunikationen med kunden ska vara avslappnad, strikt eller kanske till och med lite aggressiv? Produktdesignern best\u00e4mmer f\u00e4rger, typsnitt, former och utrymmen i gr\u00e4nssnittet.<\/li>\n<li><b>Anv\u00e4ndarupplevelse UX<\/b>. Produktdesignern avg\u00f6r vad som h\u00e4nder n\u00e4r man klickar p\u00e5 en knapp, en l\u00e4nk eller bara skriver in text. Vad kunden ser medan de v\u00e4ntar p\u00e5 att n\u00e5got ska ladda, eller n\u00e4r n\u00e5got i appen g\u00e5r s\u00f6nder.<\/li>\n<li><b>Varum\u00e4rke<\/b>. Ja, n\u00e4r man designar gr\u00e4nssnitt p\u00e5verkar designern varum\u00e4rket och hur anv\u00e4ndarna relaterar till det. Genom att skapa ett komplicerat och o\u00f6versk\u00e5dligt interaktionss\u00e4tt kan vi f\u00e5 anv\u00e4ndarna att bli mindre lojala mot varum\u00e4rket, eller avst\u00e5 helt. S\u00e5 det \u00e4r mycket viktigt!<\/li>\n<li><b>M\u00e4tv\u00e4rden<\/b>. Om f\u00f6retaget vill \u00f6ka sin vinst genom att \u00f6ka antalet m\u00e5lhandlingar \u2014 d\u00e5 \u00e4r det produktdesignern som g\u00e4ller (som en av specialisterna, eftersom det inte bara \u00e4r produktdesignern som kan p\u00e5verka detta). Om man beh\u00f6ver h\u00e5lla kvar anv\u00e4ndaren p\u00e5 sidan eller f\u00e5 dem att agera \u2014 allt detta kan g\u00f6ras genom design.<\/li>\n<li><b>Aff\u00e4rsstrategi.<\/b> N\u00e4r ett f\u00f6retag r\u00f6r sig i en viss riktning och \u00e4r s\u00e4ker p\u00e5 n\u00e5got, kan produktdesign hj\u00e4lpa till att \u00e4ndra strategin genom att bevisa att tidigare steg var felaktiga. Till exempel, om man ser p\u00e5 en landningssida med ett l\u00e5neerbjudande, g\u00e5r kunden dit inte bara f\u00f6r pengarna, utan de g\u00e5r dit med ett specifikt m\u00e5l: att k\u00f6pa en bil, en l\u00e4genhet, med tankar p\u00e5 en semester, osv. Och om du som produktdesigner kan identifiera kundens verkliga behov och bevisa detta f\u00f6r f\u00f6retaget \u2014 kan du p\u00e5verka strategin som helhet.<\/li>\n<\/ul>\n<p>\nS\u00e5 l\u00e5t oss sammanfatta att produktdesign inte bara handlar om snygga gr\u00e4nssnitt. Det handlar om snygga gr\u00e4nssnitt som fungerar och l\u00f6ser anv\u00e4ndarnas problem.<\/p>\n<h2>Beh\u00f6ver jag detta verkligen? Och vem passar det inte f\u00f6r?<\/h2>\n<p>\nF\u00f6r att f\u00f6rst\u00e5 varf\u00f6r du beh\u00f6ver bli produktdesigner, l\u00e5t oss f\u00f6rst titta p\u00e5 varf\u00f6r detta yrke \u00e4r s\u00e5 popul\u00e4rt idag. Produktdesigners efterfr\u00e5gas \u00f6verallt, och fler och fler f\u00f6retag s\u00f6ker dem. Trots en m\u00e4ttad marknad forts\u00e4tter f\u00f6retag att leta efter produktdesigners.<\/p>\n<p>Detta \u00e4r kopplat till insikten i att design faktiskt p\u00e5verkar produkten. Med hj\u00e4lp av design kan man lyfta upp en produkt som ingen anv\u00e4nder och som inte t\u00e4cker sina kostnader. Sammansatta f\u00f6retag investerar kraftigt i design f\u00f6r att hitta de som kan skapa gr\u00e4nssnitt som genererar miljoner.<\/p>\n<p>Hur vet jag att jag beh\u00f6ver utvecklas till produktdesign? Grafisk design \u00e4r ett mycket intressant och kreativt omr\u00e5de. Man kan l\u00f6sa olika problem med hj\u00e4lp av m\u00e5nga verktyg, experimentera och skapa n\u00e5got nytt. Men livsl\u00e4ngden p\u00e5 grafiska designprojekt \u00e4r ganska kort, och p\u00e5verkan p\u00e5 slutanv\u00e4ndaren \u00e4r inte alltid omfattande. Sj\u00e4lvklart finns det v\u00e4ldigt stora projekt som f\u00f6r\u00e4ndrar v\u00e4rlden, men oftast f\u00e5r man n\u00f6ja sig med mindre.<\/p>\n<p>N\u00e4r ska man verkligen b\u00f6rja t\u00e4nka p\u00e5 att g\u00e5 \u00f6ver till produktdesign?<\/p>\n<ol>\n<li>N\u00e4r du inser att du vill p\u00e5verka fler processer \u00e4n bara att rita fina bilder.<\/li>\n<li>N\u00e4r logik och vett dominerar i din design.<\/li>\n<li>N\u00e4r du vill arbeta med b\u00e5de h\u00e4nderna och huvudet, t\u00e4nka p\u00e5 alla steg i livscykeln f\u00f6r din produkt.<\/li>\n<li>N\u00e4r du k\u00e4nner att du har tr\u00f6ttnat p\u00e5 grafisk design och vill byta till n\u00e5got nytt.<\/li>\n<li>N\u00e4r teknik och IT v\u00e4cker st\u00f6rre intresse hos dig \u00e4n tryck och utomhusreklam.<\/li>\n<\/ol>\n<p>\nOch h\u00e4r \u00e4r personer f\u00f6r vilka produktdesign kanske inte \u00e4r s\u00e5 passande:<\/p>\n<ol>\n<li>Kreativa sj\u00e4lar, konstn\u00e4rer som sysslar med konst och g\u00f6r det bra. Du kommer k\u00e4nna dig obekv\u00e4m inom produktdesign. Men det g\u00e5r dock alltid att prova.<\/li>\n<li>Personer som anser att vackra bilder \u00e4r den enda produkten av design. Jag \u00e4r os\u00e4ker p\u00e5 om s\u00e5dana ens finns. Design inom vilket omr\u00e5de som helst syftar numera f\u00f6rst och fr\u00e4mst till att l\u00f6sa uppgifter, och d\u00e4refter till att b\u00e4ra sk\u00f6nhet.<\/li>\n<li>F\u00f6r enskilda f\u00f6retagare som inte kan arbeta i team. H\u00e4r \u00e4r allt klart. Arbetet med en produkt \u00e4r alltid ett teamwork, och om du inte har denna f\u00e4rdighet b\u00f6r du utveckla den, om du verkligen vill arbeta med produktdesign.<\/li>\n<\/ol>\n<p><\/p>\n<h2>Vilka nuvarande f\u00e4rdigheter \u00e4r s\u00e4rskilt viktiga och vad b\u00f6r utvecklas?<\/h2>\n<p>\nNu ska vi g\u00e5 bortom diskussionerna och skapa din kompetenskarta. En kompetenskarta hj\u00e4lper till att tydligt f\u00f6rst\u00e5 vad du \u00e4r stark i och vad som beh\u00f6ver utvecklas. Kompetenskartor anv\u00e4nds ofta i produktteam f\u00f6r att f\u00f6rst\u00e5 tillv\u00e4xtpunkterna f\u00f6r designern. Vi kommer att skapa dina personliga kartor. F\u00f6rst, l\u00e5t oss titta p\u00e5 vilka de kan vara.<\/p>\n<p>Exempel p\u00e5 kompetenskartor:<\/p>\n<p><img decoding=\"async\" alt=\"Hur man blir en produktdesigner fr\u00e5n att vara en &quot;vanlig designer&quot;\" src=\"\/wp-content\/uploads\/2019\/07\/1f911e18dab0f4821f1330851bb1ca54.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\n<img decoding=\"async\" alt=\"Hur man blir en produktdesigner fr\u00e5n att vara en &quot;vanlig designer&quot;\" src=\"\/wp-content\/uploads\/2019\/07\/f889e6382db5982dc9d0a60982910878.png\" style=\"display:block;margin: 0 auto;\" \/><br \/>\n<br \/>\nNu ska vi tillsammans skapa en snabb kompetenskarta i vilket verktyg som helst. F\u00f6rst skapar vi axlarna och b\u00f6rjar skissa de kompetenser du f\u00f6r n\u00e4rvarande har som grafisk designer. Det kan inkludera inte bara grundl\u00e4ggande egenskaper utan ocks\u00e5 mer avancerade saker som kunskap i 3D eller motion design. F\u00f6rresten, kompetenskartan kan vara omfattande och inkludera andra f\u00e4rdigheter, som till exempel kunskap om html och css, eller n\u00e5got programmeringsspr\u00e5k.<\/p>\n<ul>\n<li>Typografi<\/li>\n<li>F\u00e4rgarbete<\/li>\n<li>Komposition<\/li>\n<li>Bok-\/tidskriftslayout<\/li>\n<li>Illustration<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<p>\nNu ska vi \u00f6verv\u00e4ga vilka f\u00e4rdigheter en produktdesigner b\u00f6r ha. Du kan l\u00e4gga till i kommentarerna.<\/p>\n<ul>\n<li>Empati<\/li>\n<li>Logiskt t\u00e4nkande<\/li>\n<li>Animation<\/li>\n<li>Ikonografi<\/li>\n<li>Copywriting<\/li>\n<li>UX-m\u00f6nster<\/li>\n<li>Arbete med analys<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<p>\nVarje f\u00e4rdighet kan bed\u00f6mas p\u00e5 en 10-gradig skala. Det finns olika s\u00e4tt att bed\u00f6ma, vi ska f\u00f6rs\u00f6ka bed\u00f6ma f\u00e4rdigheterna sj\u00e4lva. F\u00f6r att g\u00f6ra dessa data mer relevanta kan du be andra designers som du kommunicerar med, eller chefen som arbetar med dig, att bed\u00f6ma dina f\u00e4rdigheter.<\/p>\n<p>Nu n\u00e4r vi har en kompetenskarta, l\u00e5t oss markera vilka av dina nuvarande f\u00e4rdigheter som \u00e4r s\u00e4rskilt viktiga och kommer att hj\u00e4lpa dig mycket inom produktdesign.<\/p>\n<p>S\u00e5, det \u00e4r mycket viktigt att f\u00f6rst\u00e5:<\/p>\n<ul>\n<li><b>Komposition<\/b>. Teorin om n\u00e4rhet, rum och interaktion mellan element i rummet, kombinationen av det lilla och det stora. Utan kunskap om kompositionsregler kan man g\u00f6ra dumma misstag som s\u00e4nker kvaliteten p\u00e5 anv\u00e4ndarnas interaktion med produkten och som ofta kan p\u00e5verka mer viktiga m\u00e4tv\u00e4rden, som exempelvis vinsten.<\/li>\n<li><b>Typografi<\/b>. Modernt gr\u00e4nssnitt handlar inte bara om design, utan ocks\u00e5 om text. Arbetet med text m\u00e5ste vara korrekt s\u00e5 att anv\u00e4ndarna kan l\u00f6sa sina problem och l\u00e4sa texten p\u00e5 olika sk\u00e4rmar. Det \u00e4r viktigt att v\u00e4lja och kombinera typsnitt p\u00e5 r\u00e4tt s\u00e4tt f\u00f6r gr\u00e4nssnittet.<\/li>\n<li><b>Arbete med f\u00e4rg<\/b>. Att f\u00f6rst\u00e5 hur man arbetar med f\u00e4rg \u00e4r ocks\u00e5 viktigt, eftersom till exempel, om kontrastprinciperna bryts p\u00e5 vissa sk\u00e4rmar kan texten bli ol\u00e4slig eller element bli osynliga. <\/li>\n<\/ul>\n<p>\nMed andra ord, utan grundl\u00e4ggande principer och f\u00e4rdigheter inom grafisk design blir det sv\u00e5rt f\u00f6r produkten och det \u00e4r l\u00e4tt att g\u00f6ra m\u00e5nga l\u00f6jliga misstag.<\/p>\n<p>Och nu till det som beh\u00f6ver f\u00f6rb\u00e4ttras f\u00f6r att kunna arbeta med produkten:<\/p>\n<ul>\n<li><b>Empati<\/b>. Detta \u00e4r kanske en av de viktigaste f\u00e4rdigheterna. F\u00f6rv\u00e4xla inte empati med sympati. Empati \u00e4r f\u00f6rm\u00e5gan att se produkten ur anv\u00e4ndarens perspektiv. Empati handlar om hur v\u00e4l du kan distansera dig fr\u00e5n din produkt, objektivt granska den och se hur anv\u00e4ndarna arbetar med den. Att utveckla empati hj\u00e4lper designern att objektivt v\u00e4rdera produkten och dess l\u00f6sningar f\u00f6r att f\u00f6rst\u00e5 vad som kan f\u00f6rb\u00e4ttras, snarare \u00e4n att driva p\u00e5 sin \"favoritl\u00f6sning\".<\/li>\n<li><b>Logiskt t\u00e4nkande<\/b>. Denna f\u00e4rdighet m\u00e5ste ocks\u00e5 utvecklas och st\u00e4ndigt f\u00f6rb\u00e4ttras, f\u00f6r tack vare den kan du skapa genomt\u00e4nkta gr\u00e4nssnitt med bra anv\u00e4ndarupplevelse.<\/li>\n<li><b>UX-m\u00f6nster<\/b>. Moderna produkter \u00e4r en upps\u00e4ttning av specifika m\u00f6nster som anv\u00e4ndare redan har vant sig vid. Till exempel vet vi redan att n\u00e4r vi \u00f6ppnar en bild p\u00e5 ett socialt n\u00e4tverk kan vi svepa ner f\u00f6r att st\u00e4nga den. Eller n\u00e4r vi sveper \u00e5t v\u00e4nster f\u00e5r vi extra alternativ eller m\u00f6jlighet att ta bort. Vi f\u00f6rst\u00e5r att om vi dubbelklickar p\u00e5 bilden kan vi f\u00f6rstora den, och s\u00e5 vidare. Det blir allt fler s\u00e5dana m\u00f6nster, och det \u00e4r viktigt att f\u00f6rst\u00e5 hur de fungerar utan att bryta dem. Som exempel, t\u00e4nk dig att scrollningen p\u00e5 din telefon pl\u00f6tsligt har inverterats, och ist\u00e4llet f\u00f6r den vanliga svepningen uppifr\u00e5n och ner fungerar scrollningen nu nerifr\u00e5n och upp. Som anv\u00e4ndare kommer du att beh\u00f6va tid f\u00f6r att v\u00e4nja dig vid det nya m\u00f6nstret, vilket kan orsaka irritation och missn\u00f6je.<\/li>\n<li><b>Copywriting<\/b>. Som jag redan n\u00e4mnt \u00e4r texter viktiga. Och det \u00e4r viktigt inte bara hur det ser ut utan ocks\u00e5 hur det \u00e4r skrivet. Den idealiska situationen \u00e4r n\u00e4r ett team arbetar med en copywriter som i samarbete med en designer bearbetar alla texter. Men ofta \u00e4r det inte s\u00e5, och designern m\u00e5ste sj\u00e4lv skriva texter. Och det \u00e4r sv\u00e5rt. D\u00e4rf\u00f6r \u00e4r det viktigt att st\u00e4ndigt f\u00f6rb\u00e4ttra denna f\u00e4rdighet, att f\u00f6rb\u00e4ttra sina texter och g\u00f6ra dem relevanta f\u00f6r produkten.<\/li>\n<li><b>Arbete med analys<\/b>. F\u00f6rst\u00e5elsen f\u00f6r vad analys \u00e4r och varf\u00f6r den beh\u00f6vs \u00e4r viktig, eftersom alla beslut m\u00e5ste p\u00e5 n\u00e5got s\u00e4tt bekr\u00e4ftas och verifieras. Detta g\u00f6rs genom metrik. Det \u00e4r inte n\u00f6dv\u00e4ndigt f\u00f6r designern att f\u00f6rst\u00e5 hur m\u00e4tningen av metrik exakt g\u00e5r till, men att kunna generera r\u00e4tt metrik och f\u00f6rst\u00e5 vad som kontrolleras med hj\u00e4lp av dem \u00e4r verkligen viktigt.<\/li>\n<\/ul>\n<p>\nDetta \u00e4r bara en grundl\u00e4ggande upps\u00e4ttning som beh\u00f6vs f\u00f6r att b\u00f6rja skapa inte bara vackra utan ocks\u00e5 anv\u00e4ndbara gr\u00e4nssnitt som l\u00f6ser verkliga problem. Din kompetenskarta kan inneh\u00e5lla fler f\u00e4rdigheter, men det \u00e4r ocks\u00e5 mycket anv\u00e4ndbart att s\u00e4tta prioriteringar s\u00e5 att du f\u00f6rst utvecklar bara de mest n\u00f6dv\u00e4ndiga f\u00e4rdigheterna och f\u00f6rst sedan f\u00f6rb\u00e4ttrar de \u00f6vriga.<\/p>\n<h2>Hur kan man utvecklas?<\/h2>\n<p>\nDet \u00e4r mycket viktigt att vara \u00e4rlig mot sig sj\u00e4lv och s\u00e4tta en verklig bed\u00f6mning p\u00e5 sin kompetenskarta, utan att \u00f6verdriva den (f\u00f6r detta rekommenderar jag att du involverar kollegor eller chefer). Endast p\u00e5 det s\u00e4ttet kan du identifiera de f\u00e4rdigheter som verkligen beh\u00f6ver utvecklas. Men det \u00e4r ocks\u00e5 viktigt att inte f\u00f6rlora de f\u00e4rdigheter d\u00e4r du redan \u00e4r tillr\u00e4ckligt stark.<\/p>\n<p>L\u00e5t oss prata om hur man utvecklar sviktande f\u00e4rdigheter och vad som kan g\u00f6ras f\u00f6r att f\u00f6rb\u00e4ttra dem:<\/p>\n<ol>\n<li>Analysera alla gr\u00e4nssnitt du st\u00f6ter p\u00e5. Fr\u00e5n vardagliga appar f\u00f6r transport och navigering som du anv\u00e4nder, till appar som du \u00f6ppnar ganska s\u00e4llan. Det skulle ocks\u00e5 vara bra att t\u00e4nka p\u00e5 varf\u00f6r du s\u00e4llan \u00f6ppnar vissa appar, och vad som kan g\u00f6ras f\u00f6r att \u00f6ka frekvensen. T\u00e4nk ocks\u00e5 p\u00e5 vad som \u00e4r bekv\u00e4mt i en specifik app och vad som inte \u00e4r det. Vad skulle du \u00e4ndra?<\/li>\n<li>Utveckla konstant din seende f\u00f6rm\u00e5ga. Detta g\u00f6r att du kan generera fler l\u00f6sningar, och du f\u00e5r fler m\u00f6nster i huvudet. Seende b\u00f6r utvecklas dagligen, och det finns m\u00e5nga s\u00e4tt att g\u00f6ra det p\u00e5: du kan titta p\u00e5 Pinterest, skapa tavlor med id\u00e9er du tycker om. Dribbble \u00e4r ocks\u00e5 bra f\u00f6r att utveckla seende. Det ska dock noteras att Dribbble mer handlar om hur ett gr\u00e4nssnitt ser ut, snarare \u00e4n hur det fungerar. Men d\u00e4r kan man ocks\u00e5 hitta intressanta UX-l\u00f6sningar.<\/li>\n<li>F\u00f6r att f\u00f6rb\u00e4ttra UI-f\u00e4rdigheterna kan du b\u00f6rja med att kopiera gr\u00e4nssnitt. Till exempel kan du ta Facebook och helt enkelt rita om n\u00e5gra sk\u00e4rmar. Men g\u00f6r det inte tankl\u00f6st, utan f\u00f6rs\u00f6k f\u00f6rst\u00e5 och analysera varf\u00f6r en viss komponent ligger p\u00e5 ett specifikt st\u00e4lle.<\/li>\n<li>Om du m\u00e4rker att kopierande har blivit tr\u00e5kigt f\u00f6r dig, b\u00f6rja omarbeta gr\u00e4nssnitten. T\u00e4nk p\u00e5 hur en viss funktion kan f\u00f6rb\u00e4ttras, kanske \u00e4r det v\u00e4rt att byta elementen mellan varandra, skriva en annan text, eller till och med omf\u00e4rga allt \u2014 och genomf\u00f6r det. F\u00f6rs\u00f6k alltid besvara fr\u00e5gan: varf\u00f6r? Varf\u00f6r \u00e4r knappen h\u00e4r, varf\u00f6r \u00e4r denna f\u00e4rg vald, varf\u00f6r fungerar interaktionen p\u00e5 det h\u00e4r s\u00e4ttet, och s\u00e5 vidare. F\u00f6rs\u00f6k att gr\u00e4va djupare med dina \"varf\u00f6r\".<\/li>\n<li>Och det sista tipset \u2014 konstant \u00f6vning. Utan detta kommer f\u00e4rdigheterna att blekna, och f\u00f6r dem som vill g\u00e5 \u00f6ver till produkt \u00e4r det helt on\u00f6digt. \u00d6va, prova, skapa dina egna gr\u00e4nssnitt. F\u00f6r dem som k\u00e4nner sig tillr\u00e4ckligt s\u00e4kra kan jag rekommendera 100 dagars UI-utmaningen. <noindex><a rel=\"nofollow\" href=\"https:\/\/www.dailyui.co\">www.dailyui.co<\/a><\/noindex> Genom att p\u00e5b\u00f6rja denna utmaning kommer du dagligen att f\u00e5 ett \u00e4mne i din e-post, som du ska designa ett gr\u00e4nssnitt f\u00f6r. Till exempel \"Skicka ett mejl\", eller \"Varukorg\", eller till och med \"Minir\u00e4knare\". Genom detta kan du f\u00f6rb\u00e4ttra dina UI-f\u00e4rdigheter, och om du t\u00e4nker logiskt n\u00e4r du arbetar med utmaningen kan du \u00e4ven f\u00f6rb\u00e4ttra din UX.<\/li>\n<li>L\u00e4s mycket. L\u00e4s artiklar, b\u00f6cker och studera anv\u00e4ndarfall. Behance kan vara till hj\u00e4lp, d\u00e4r designers ofta beskriver sina l\u00f6sningar och varf\u00f6r de kom till slutledningar. Det h\u00e4r hj\u00e4lper till att utveckla ditt logiska t\u00e4nkande och bygga upp orsakssamband i dina gr\u00e4nssnitt.<\/li>\n<\/ol>\n<p>\nL\u00e5t oss nu g\u00e5 igenom de vanligaste misstagen nyb\u00f6rjare g\u00f6r:<\/p>\n<ol>\n<li>Oregelbundenhet. Att titta p\u00e5 och analysera gr\u00e4nssnittsm\u00f6nster en g\u00e5ng i veckan \u00e4r inte tillr\u00e4ckligt. Det \u00e4r n\u00e5got som b\u00f6r g\u00f6ras varje dag.<\/li>\n<li>Att kopiera d\u00e5liga gr\u00e4nssnitt. Det b\u00f6r p\u00e5pekas att man inte ska kopiera allt i allm\u00e4nhet. Mycket oft f\u00e5r man se svaga och ogenomt\u00e4nkta applikationer i butikerna. Att kopiera s\u00e5dana kommer inte att f\u00f6rb\u00e4ttra dina f\u00e4rdigheter, utan ist\u00e4llet g\u00f6ra det motsatta.<\/li>\n<li>Att ignorera r\u00e5d f\u00f6r utveckling. Den b\u00e4sta effekten kommer endast att uppn\u00e5s om du g\u00f6r allt i kombination.<\/li>\n<\/ol>\n<p><\/p>\n<h2>Hur man skapar sin f\u00f6rsta produktportf\u00f6lj<\/h2>\n<p>\nDet \u00e4r inte bara sv\u00e5rt f\u00f6r en designer utan portf\u00f6lj att hitta jobb, det \u00e4r praktiskt taget om\u00f6jligt. Men vad ska man g\u00f6ra om du har en portf\u00f6lj f\u00f6r grafisk design, men helt saknar produktprojekt?<\/p>\n<p>Vad kan man g\u00f6ra f\u00f6r att skapa din f\u00f6rsta produktportf\u00f6lj:<\/p>\n<ul>\n<li>Precis som i alla andra typer av design kan du g\u00f6ra projekt f\u00f6r p\u00e5hittade kunder. Eller erbjuda redesign av redan k\u00e4nda stora produkter, som Facebook, Instagram, e-post och liknande. Det finns m\u00e5nga exempel p\u00e5 n\u00e4r personer som gjort s\u00e5dana arbeten f\u00e5tt erbjudanden fr\u00e5n f\u00f6retag f\u00f6r vilka de genomf\u00f6rde redesign.<\/li>\n<li>Du kan utan tvekan inkludera arbeten fr\u00e5n den utmaning du genomf\u00f6rt tidigare i din portf\u00f6lj. Men endast de b\u00e4sta arbetena! Det \u00e4r inte v\u00e4rt att s\u00e4tta in 100 bilder fr\u00e5n utmaningen 100 dagar UI bara f\u00f6r att du gick igenom den fr\u00e5n b\u00f6rjan till slut. Det \u00e4r mycket b\u00e4ttre att v\u00e4lja ut n\u00e5gra speciella arbeten som du skulle kunna vara stolt \u00f6ver.<\/li>\n<li>Det \u00e4r viktigt att komma ih\u00e5g att en portf\u00f6lj, som en levande organism, st\u00e4ndigt m\u00e5ste utvecklas och f\u00f6rb\u00e4ttras. N\u00e4r du inser att du skapat ett projekt som l\u00e4tt kan \u00f6vertr\u00e4ffa det du redan har, var modig och \u00e4ndra det! Det handlar inte om kvantitet utan kvalitet. 1-2 utm\u00e4rkta arbeten kan l\u00e4tt ers\u00e4tta 5+ medelm\u00e5ttiga.<\/li>\n<li>Om du \u00e4nd\u00e5 g\u00e5r in i produkten, b\u00f6r du inte bara visa vackra bilder utan ocks\u00e5 visa hur du kom dit. Om du till exempel valde ett visst typsnitt, ge en f\u00f6rklaring varf\u00f6r just det valdes. F\u00f6rklara ditt val av f\u00e4rg och beteendem\u00f6nster. Allt detta \u00e4r viktigt och visar hur du t\u00e4nkte under arbetets g\u00e5ng, med vilka sv\u00e5righeter du st\u00e4lldes inf\u00f6r och hur du l\u00f6ste dem.<\/li>\n<\/ul>\n<p>\nJag har gjort en sammanst\u00e4llning av n\u00e5gra portf\u00f6ljer \u00e5t dig.<\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/joelifrieri.com\">Portfolio of Joe Lifrieri<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/lisasy.com\">Lisa Sy<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"http:\/\/www.brandonwalkin.com\">Brandon Walkin<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/surganov.com\">Sergey Surganov, designer<\/a><\/noindex><\/p>\n<h2>Vad ska man g\u00f6ra h\u00e4rn\u00e4st?<\/h2>\n<p>\nDet \u00e4r inte sv\u00e5rt att f\u00f6rb\u00e4ttra sina UI-f\u00e4rdigheter. Det viktigaste \u00e4r att g\u00f6ra det systematiskt och regelbundet. T\u00e4nk mer p\u00e5 anv\u00e4ndarupplevelsen. Analysera alltid och st\u00e4ll fr\u00e5gor som \"varf\u00f6r\".<\/p>\n<p>Dessutom kan du g\u00e5 en kurs. Att delta i gratis webbinarier kan definitivt hj\u00e4lpa dig, men det ers\u00e4tter inte kommunikationen med en l\u00e4rare, att utf\u00f6ra l\u00e4xor och systematisera kunskapen. Till exempel finns det en kurs p\u00e5 GeekBrains \"Grunderna i produktdesign\", som ger dig den kunskap du beh\u00f6ver f\u00f6r att arbeta med produkter.<\/p>\n<p>Frilansarbete kan ocks\u00e5 vara till nytta f\u00f6r dig. Med den f\u00f6rsta produktportf\u00f6ljen du skapat kan du tryggt b\u00f6rja s\u00f6ka riktiga kunder och utf\u00f6ra verkliga projekt. Efter det kan dina applikationer dyka upp i butikerna (vilket \u00e4r en utm\u00e4rkt rekommendation i din portf\u00f6lj), du kommer ha fungerande webbplatser som du kan ge l\u00e4nkar till, plus verklig arbetslivserfarenhet.<\/p>\n<p>En annan bra praktik \u00e4r att f\u00e5 en praktikplats p\u00e5 ett modernt f\u00f6retag som arbetar med produkter. M\u00e5nga IT-f\u00f6retag, banker och andra \u00e4r villiga att anst\u00e4lla praktikanter, som sedan kan erbjudas fast anst\u00e4llning. Det \u00e4r en utm\u00e4rkt m\u00f6jlighet att visa vad du g\u00e5r f\u00f6r, s\u00e4tta m\u00e5l och n\u00e5 dem.<\/p>\n<p>Kom ih\u00e5g konferenser och meetups. I den online-milj\u00f6 som st\u00e4ndigt f\u00f6r\u00e4ndras h\u00e5lls det meetups om produktdesign d\u00e4r du kan lyssna p\u00e5 m\u00e4nniskor som arbetar med produkten och uppt\u00e4cka n\u00e5got nytt f\u00f6r dig sj\u00e4lv. Om du deltar i s\u00e5dana meetups personligen har du m\u00f6jlighet att tr\u00e4ffa kollegor inom design och byta erfarenheter, vilket kommer att vara oerh\u00f6rt v\u00e4rdefullt f\u00f6r dig som ny inom yrket.<\/p>\n<h2>Vad du ska l\u00e4sa: b\u00f6cker och artiklar<\/h2>\n<p>\nAtt st\u00e4ndigt l\u00e4ra sig n\u00e5got nytt \u00e4r mycket f\u00f6rdelaktigt f\u00f6r att uppgradera sig sj\u00e4lv som designer. <\/p>\n<p>D\u00e4rf\u00f6r har jag sammanst\u00e4llt anv\u00e4ndbara b\u00f6cker och artiklar som hj\u00e4lper dig att utvecklas som produktdesigner.<\/p>\n<p><b>B\u00f6cker:<\/b><\/p>\n<p>Rob Fitzpatrick. Fr\u00e5ga mamma<br \/>\nAlan Cooper. Gr\u00e4nssnitt. Grunderna f\u00f6r interaktionsdesign.<\/p>\n<p><b>Medium<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/designpub.ru\">Design-kaf\u00e9<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/uxdesign.cc\">UX Collective<\/a><\/noindex><\/p>\n<p><b>Andra nyttigheter<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/jvetrau.com\">Yuri Vetrov om gr\u00e4nssnitt \u2014 Designhantering av digitala produkter<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/ux.pub\">UXPUB<\/a><\/noindex><\/p>\n<p><b>Designerportf\u00f6ljer<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/joelifrieri.com\">Portfolio of Joe Lifrieri<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/lisasy.com\">Lisa Sy<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"http:\/\/www.brandonwalkin.com\">Brandon Walkin<\/a><\/noindex><br \/>\n<noindex><a rel=\"nofollow\" href=\"https:\/\/surganov.com\">Sergey Surganov, designer<\/a><\/noindex><\/p>\n<p><b>100 dagars UI-utmaning<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"https:\/\/www.dailyui.co\">Daily UI Design Challenge, Inspiration och resurser<\/a><\/noindex><\/p>\n<p><b>Meetups<\/b><\/p>\n<p><noindex><a rel=\"nofollow\" href=\"http:\/\/designweekend.ru\">Designhelger. 2019<\/a><\/noindex><\/p>\n<p>Om du har n\u00e5gra fr\u00e5gor efter att ha l\u00e4st inl\u00e4gget, tveka inte att st\u00e4lla dem i kommentarerna.<\/p>\n<p>Tack.<br \/>\n<br \/>K\u00e4lla: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/company\/alfa\/blog\/461993\/\">habr.com<\/a><\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u041f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0421\u0432\u0438\u0440\u0438\u0434\u043e, \u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a\u0435. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c. \u041f\u043e\u0434 \u043a\u0430\u0442\u043e\u043c \u0432\u044b \u043d\u0430\u0439\u0434\u0451\u0442\u0435 \u043e\u0442\u0432\u0435\u0442\u044b \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b: \u041a\u0442\u043e \u0442\u0430\u043a\u043e\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0438 \u0447\u0435\u043c \u043e\u043d \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f? \u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u043b\u0438 \u0432\u0430\u043c \u044d\u0442\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c? \u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c? \u041a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0435\u0440\u0432\u043e\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e? [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":27467,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-36673","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u041f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0421\u0432\u0438\u0440\u0438\u0434\u043e, \u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a\u0435. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/sv\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"sv_SE\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u041a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u041f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0421\u0432\u0438\u0440\u0438\u0434\u043e, \u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a\u0435. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/sv\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2019-10-31T19:13:05+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2019-10-31T19:13:05+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Hur man g\u00e5r fr\u00e5n \"vanlig designer\" till produktdesigner | ProHoster","description":"Hej! Jag heter Alexey Svirido, jag \u00e4r designer av digitala produkter p\u00e5 Alfa-Bank. Idag vill jag ber\u00e4tta om hur man g\u00e5r fr\u00e5n \"vanlig designer\" till produktdesigner.","canonical_url":"https:\/\/prohoster.info\/sv\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"sv_SE","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c | ProHoster","og:description":"\u041f\u0440\u0438\u0432\u0435\u0442! \u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043b\u0435\u043a\u0441\u0435\u0439 \u0421\u0432\u0438\u0440\u0438\u0434\u043e, \u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0446\u0438\u0444\u0440\u043e\u0432\u044b\u0445 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a\u0435. \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u043a\u0430\u043a \u0438\u0437 \u00ab\u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u00bb \u0441\u0442\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432\u044b\u043c.","og:url":"https:\/\/prohoster.info\/sv\/blog\/news\/kak-iz-obychnogo-dizajnera-stat-produktovym","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2019-10-31T19:13:05+00:00","article:modified_time":"2019-10-31T19:13:05+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"36673","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-22 04:21:19","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 17:23:04","updated":"2026-01-22 04:21:19","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts\/36673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/comments?post=36673"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/posts\/36673\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/media\/27467"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/media?parent=36673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/categories?post=36673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/sv\/wp-json\/wp\/v2\/tags?post=36673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}