{"id":28889,"date":"2020-05-20T10:27:07","date_gmt":"2020-05-20T08:27:07","guid":{"rendered":"https:\/\/madwise.si\/blog\/?p=28889"},"modified":"2023-04-06T14:05:17","modified_gmt":"2023-04-06T12:05:17","slug":"mobile-first-dizajn-odlocitev","status":"publish","type":"post","link":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/","title":{"rendered":"Mobile-first dizajn \u2013 kaj pomeni in zakaj je pomemben za va\u0161o spletno stran"},"content":{"rendered":"<p>V \u010dasu neprestanega razvoja tehnologij si \u017eivljenja brez mobilnega telefona ne predstavljamo ve\u010d. <strong>\u0160tevilo uporabnikov mobilnih naprav nenehno raste<\/strong> in pri\u010dakujemo lahko samo \u0161e sunkovitej\u0161o rast, saj naj bi se do <a href=\"https:\/\/www.statista.com\/statistics\/218984\/number-of-global-mobile-users-since-2010\/\" target=\"_blank\" rel=\"noopener noreferrer\">leta 2025 ta \u0161tevilka dvignila na skoraj 7,5 milijard<\/a>.<\/p>\n<p>Po raziskavah spletne strani Hosting Facts je bilo ugotovljeno, da se <a href=\"https:\/\/hostingfacts.com\/internet-facts-stats\/#mobile-internet-stats\" target=\"_blank\" rel=\"noopener noreferrer\">ve\u010d kot polovica (61 %) iskanj na Googlu zgodi na mobilnih napravah<\/a>. To pomeni izjemno prilo\u017enost, da svojo spletno stran prilagodite zahtevam in pri\u010dakovanjem mobilnega uporabnika. In obratno, \u010de svojih ciljnih strani ne optimizirate za mobilne naprave, zamujate enkratno prilo\u017enost za vi\u0161jo uvrstitev v mobilnih iskanjih, interes \u0161ir\u0161e publike, spodbuditev organskega prometa in povi\u0161anje konverzije.<\/p>\n<p>Preden si ogledamo \u0161tevilno mo\u017enosti, kako lahko izkoristite vse prednosti mobile-first dizajna, preverimo, kaj sploh ozna\u010duje izraz \u201cmobile-first\u201d.<\/p>\n<h2>Kaj je mobile-first oblikovanje?<\/h2>\n<p>Za la\u017eje razumevanje o<strong>blikovanja po principu mobile-first<\/strong> je smiselno razdelati dva oblikovalska pristopa, ki se praviloma navezujeta na mobile-first dizajn, vendar nimata enakega pomena.<\/p>\n<ul>\n<li><strong>Odzivno spletno oblikovanje<\/strong> (angl.<em> responsive web design<\/em>) je metoda spletnega oblikovanja, ki omogo\u010da, da se design samodejno prilega zaslonom razli\u010dnih naprav in prika\u017ee vsebino tako, da je uporabnikom zagotovljena dobra uporabni\u0161ka izku\u0161nja. S tem poskrbimo za optimizacijo in manj\u0161o potrebo po pove\u010devanju zaslona in pomikanju med brskanjem po spletni strani.<\/li>\n<\/ul>\n<figure id=\"attachment_28892\" aria-describedby=\"caption-attachment-28892\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"wp-image-28892 size-full\" src=\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise1.jpg\" alt=\"Prikaz elementov na razli\u010dnih napravah po principu odzivnega spletnega oblikovanja.\" width=\"1603\" height=\"1024\" srcset=\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise1.jpg 1603w, https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise1-300x192.jpg 300w, https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise1-1024x654.jpg 1024w, https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise1-768x491.jpg 768w, https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise1-1536x981.jpg 1536w, https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise1-1568x1002.jpg 1568w\" sizes=\"(max-width: 1603px) 100vw, 1603px\" \/><figcaption id=\"caption-attachment-28892\" class=\"wp-caption-text\">Prikaz elementov na razli\u010dnih napravah po principu odzivnega spletnega oblikovanja.<\/figcaption><\/figure>\n<ul>\n<li><strong>Postopni napredek<\/strong> (<em>angl. progressive advancement<\/em>) pa ozna\u010duje proces postopnega nadgrajevanja glede na zmogljivost prikaza naprave. V tem primeru se najprej lotimo izdelave verzije za \u0161ibkej\u0161o, manj zmogljivo napravo. Posledi\u010dno najprej poskrbimo za razli\u010dico, namenjeno mobilnemu telefonu, saj je le-ta najmanj zmogljiv. Ta razli\u010dica vklju\u010duje najosnovnej\u0161e funkcionalnosti. Nato sledi nadgrajevanje za ostale naprave \u2013 tabli\u010dni ra\u010dunalnik ali osebni ra\u010dunalnik. Tukaj gre za dodajanje interakcij in bolj zapletenih animacij, ki jih na telefonu ni mogo\u010de prikazati, pa tudi dodatno vsebino za bolj\u0161o uporabni\u0161ko izku\u0161njo.<\/li>\n<\/ul>\n<p>Pri mobile-first na\u010dinu oblikovanja gre torej za uporabo slednjega na\u010dina izdelave (t. i. <em>progressive advancement<\/em>) \u2013 z na\u010drtovanjem najprej za\u010dnemo pri mobilnih napravah. Z dobro zasnovo in funkcionalnostmi na mobilni napravi kasneje vsebino veliko la\u017eje raz\u0161irimo in ustvarimo kon\u010dno razli\u010dico za namizni ra\u010dunalnik ali tablico. Tako poskrbimo za dobro uporabni\u0161ko izku\u0161njo na vseh napravah. Izmed njih ima ravno telefon najve\u010d omejitev, na primer velikost in \u0161irino zaslona, zato nas oblikovanje v okviru teh parametrov prisili, da damo prednost vsebini.<\/p>\n<blockquote><p>Glede na omenjene specifike mobilnih naprav in pogostost njihove uporabe za iskanje informacij na spletu, je <strong>dobra uporabni\u0161ka izku\u0161nja ogleda spletne strani prek mobilnega telefona klju\u010dnega pomena za uspe\u0161nost va\u0161e spletne strani<\/strong>.<\/p><\/blockquote>\n<h2>5 vidikov, ki vplivajo na odlo\u010ditev za mobile-first spletno stran<\/h2>\n<h3>1.\u00a0\u00a0 Uporabniki<\/h3>\n<p>Za\u010dnimo pri najpomembnej\u0161em vidiku. Glede na \u0161tevilo uporabnikov mobilnih naprav in trende rasti dele\u017ea mobilnih uporabnikov na spletu se je pomembno zavedati, da imajo na odlo\u010ditev za izdelavo mobile-first dizajna najve\u010dji vpliv ravno uporabniki.<\/p>\n<p>\u010ce ste v Google Analytics opazili, da <strong>ve\u010dina uporabnikov na va\u0161o stran prihaja preko telefona<\/strong>, je to vsekakor razlog, da se odlo\u010dite za mobile-first design. Enako velja za konverzije in ostale cilje, ki jih \u017eelite dose\u010di s svojo spletno stranjo.<\/p>\n<h3>2.\u00a0\u00a0 Branding in CGP<\/h3>\n<p>\u010ce je <strong>CGP va\u0161e znamke relativno enostaven in minimalisti\u010dnih oblik<\/strong>, se za mobile-first odlo\u010dimo, ker bo prilagoditev za namizni in tabli\u010dni ra\u010dunalnik nezahtevna, izgled na mobilnem telefonu pa bo zagotovo fantasti\u010den, brez ve\u010djih izgub elementov.<\/p>\n<h3>3.\u00a0\u00a0 Va\u0161a ponudba in vsebina na spletni strani<\/h3>\n<p>Za mobile-first se odlo\u010dimo, v kolikor je <strong>vrsta na\u0161ega izdelka bolj zabavne narave, predstavlja \u017eivljenski slog<\/strong> (npr. hitro nakupovanje obla\u010dil, ogled menija v restavraciji, hiter pregled kino sporeda in podobno) in <strong>vklju\u010duje novice<\/strong> oziroma podobne kategorije, ki jih prebiramo, ko smo na poti, stran od prenosnih ra\u010dunalnikov.<\/p>\n<h3>4.\u00a0\u00a0 Razpolo\u017eljiv budget<\/h3>\n<p>Odlo\u010ditev za mobile-first je odvisna tudi od razpolo\u017eljivih finan\u010dnih virov<strong>.<\/strong> Mobile-first oblikovanje s seboj prinese nekaj ve\u010d vlo\u017eenega \u010dasa in z njim povezanih stro\u0161kov, kot jih pri\u010dakujete pri klasi\u010dnem oblikovanju spletnih strani. Vsebino je potrebno ustrezno prilagoditi za manj\u0161e zaslone, kar pa zahteva nekaj dodatnih ur za raziskavo in tehten premislek. V kolikor <strong>niste izjemno omejeni z budgetom ali \u010dasovnim okvirjem<\/strong>, se na koncu vsekakor odlo\u010dite za sodobno, mobile-first oblikovanje.<\/p>\n<h3>5.\u00a0\u00a0 Konkurenca<\/h3>\n<p>Poleg zgoraj omenjenih internih vidikov pri va\u0161i odlo\u010ditvi za mobile-first dizajn, <strong>nikar ne pozabite na konkurenco.<\/strong> So njihove spletne strani mobile-first? Ne glede na odgovor, vam lahko odlo\u010ditev za mobile-first oblikovanje prinese \u0161tevilne koristi.<\/p>\n<p>\u010ce va\u0161a konkurenca \u0161e ni implementirala mobile-first dizajna, jih lahko z napredno odlo\u010ditvijo prehitite in uporabnikom ponudite bolj\u0161o uporabni\u0161ko izku\u0161njo. Hkrati pa lahko konkurenco, ki \u017ee ima mobile-first dizajn na svoji spletni strani, preigrate, \u010de prepoznate njihove \u0161ibke to\u010dke in jih razre\u0161ite s svojim mobile-first dizajnom.<\/p>\n<h2>Zakaj izbrati mobile-first dizajn za svojo spletno stran<\/h2>\n<p>Preverite klju\u010dne prednosti, ki jih odlo\u010ditev mobile-first prina\u0161a.<\/p>\n<ul>\n<li>Ve\u010dina oblikovalcev in spletnih razvijalcev se \u0161e vedno poslu\u017euje oblikovanja za namizne ra\u010dunalnike, nato pa ga posku\u0161ajo prilagoditi, da bi dobro deloval (tudi) na mobilnih napravah. Zakaj ne bi poenostavili procesa in najprej ustvarili re\u0161itve za medij, ki je vedno bolj v razcvetu? <strong>Odlo\u010ditev za mobile-first dizajn pomeni namre\u010d u\u010dinkovitej\u0161i proces oblikovanja<\/strong>.<\/li>\n<li>Mobilni uporabniki se <a href=\"https:\/\/www.sweor.com\/firstimpressions\" target=\"_blank\" rel=\"noopener noreferrer\">v manj kot sekundi<\/a> odlo\u010dijo, ali jim je spletna stran v\u0161e\u010d ali ne. Zato si lahko <strong>z mobile-first dizajnom \u017ee v \u0161tartu zagotovite prednosti pri va\u0161em spletnem uporabniku<\/strong>.<\/li>\n<li>Mobile-first dizajn prina\u0161a tudi <strong>SEO koristi za va\u0161o spletno stran<\/strong>: Googlov algoritem daje prednost spletnim mestom, prijaznim za mobilne naprave.<\/li>\n<li>Na\u0161teta dejstva so vsekakor dobri razlogi, da za\u010dnete razmi\u0161ljati v smeri oblikovanja mobile-first. S tem boste poskrbeli, da bodo <strong>va\u0161i spletni uporabniki dele\u017eni odli\u010dne uporabni\u0161ke izku\u0161nje in da jim bodo informacije jasno dostopne<\/strong>.<\/li>\n<\/ul>\n<h2>Kako pa va\u0161a spletna stran izgleda na mobilnih napravah?<\/h2>\n<p>\u010ce \u017eelite svojim spletnim uporabnikom ponuditi izvrstno izku\u0161njo tudi na mobilnih napravah, vendar ne veste, kako se lotiti oblikovanja mobile-first spletne strani, <a href=\"https:\/\/madwise.si\/kontakt\/\">se nam oglasite<\/a>. Na\u0161a ekipa UX strokovnjakov in spletnih oblikovalcev bo dala vse od sebe, da va\u0161i uporabniki u\u017eivajo na va\u0161i spletni strani in se z veseljem vra\u010dajo.<\/p>\n<p>Preverite tudi nadaljevanje \u010dlanka, kjer boste izvedeli, <a href=\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-kako-se-ga-lotiti-2-del\/\">kako se lotiti mobile-first dizajna in na kaj morate biti pozorni<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mobile-first dizajn je na glavo obrnil proces oblikovanja spletnih strani. Preverite, kaj to\u010dno pomeni, kako se razlikuje od odzivnega (responsive) dizajna in kaj morate upo\u0161tevati, ko se odlo\u010date za mobile-first spletno stran.<\/p>\n","protected":false},"author":23,"featured_media":28893,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-28889","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uporabniska-izkusnja-ux","entry"],"acf":{"izpostavljen_vodic_shortcode":"","drugi_del_vsebine":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mobile-first dizajn \u2013 zakaj je pomemben za va\u0161o spletno stran?<\/title>\n<meta name=\"description\" content=\"Mobile-first je eden izmed najpomembnej\u0161ih trendov sodobnega oblikovanja spletnih strani. Preverite, kaj pomeni in zakaj ga \u017eelite upo\u0161tevati.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/\" \/>\n<meta property=\"og:locale\" content=\"sl_SI\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile-first dizajn \u2013 zakaj je pomemben za va\u0161o spletno stran?\" \/>\n<meta property=\"og:description\" content=\"Mobile-first je eden izmed najpomembnej\u0161ih trendov sodobnega oblikovanja spletnih strani. Preverite, kaj pomeni in zakaj ga \u017eelite upo\u0161tevati.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/\" \/>\n<meta property=\"og:site_name\" content=\"Madwise Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madwisecc\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-20T08:27:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-06T12:05:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Eva \u0160tirn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eva \u0160tirn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/\"},\"author\":{\"name\":\"Eva \u0160tirn\",\"@id\":\"https:\/\/madwise.si\/blog\/#\/schema\/person\/fde851f7eed5404b2634e544c6cd3376\"},\"headline\":\"Mobile-first dizajn \u2013 kaj pomeni in zakaj je pomemben za va\u0161o spletno stran\",\"datePublished\":\"2020-05-20T08:27:07+00:00\",\"dateModified\":\"2023-04-06T12:05:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/\"},\"wordCount\":1100,\"publisher\":{\"@id\":\"https:\/\/madwise.si\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg\",\"articleSection\":[\"Uporabni\u0161ka izku\u0161nja (UX)\"],\"inLanguage\":\"sl-SI\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/\",\"url\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/\",\"name\":\"Mobile-first dizajn \u2013 zakaj je pomemben za va\u0161o spletno stran?\",\"isPartOf\":{\"@id\":\"https:\/\/madwise.si\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg\",\"datePublished\":\"2020-05-20T08:27:07+00:00\",\"dateModified\":\"2023-04-06T12:05:17+00:00\",\"description\":\"Mobile-first je eden izmed najpomembnej\u0161ih trendov sodobnega oblikovanja spletnih strani. Preverite, kaj pomeni in zakaj ga \u017eelite upo\u0161tevati.\",\"breadcrumb\":{\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#breadcrumb\"},\"inLanguage\":\"sl-SI\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sl-SI\",\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#primaryimage\",\"url\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg\",\"contentUrl\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg\",\"width\":1440,\"height\":720,\"caption\":\"Mobile-first dizajn: kaj pomeni in zakaj je pomemben\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/madwise.si\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mobile-first dizajn \u2013 kaj pomeni in zakaj je pomemben za va\u0161o spletno stran\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/madwise.si\/blog\/#website\",\"url\":\"https:\/\/madwise.si\/blog\/\",\"name\":\"Madwise Blog\",\"description\":\"Blog zapisi z najnovej\u0161imi informacijami s podro\u010dja marketinga\",\"publisher\":{\"@id\":\"https:\/\/madwise.si\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/madwise.si\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sl-SI\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/madwise.si\/blog\/#organization\",\"name\":\"Madwise\",\"url\":\"https:\/\/madwise.si\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sl-SI\",\"@id\":\"https:\/\/madwise.si\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/08\/madwise-logo@3x.png\",\"contentUrl\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/08\/madwise-logo@3x.png\",\"width\":150,\"height\":111,\"caption\":\"Madwise\"},\"image\":{\"@id\":\"https:\/\/madwise.si\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madwisecc\/\",\"https:\/\/www.instagram.com\/madwise_agency\/\",\"https:\/\/www.linkedin.com\/company\/madwise\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/madwise.si\/blog\/#\/schema\/person\/fde851f7eed5404b2634e544c6cd3376\",\"name\":\"Eva \u0160tirn\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sl-SI\",\"@id\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/image-10-150x150.png\",\"url\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/image-10-150x150.png\",\"contentUrl\":\"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/image-10-150x150.png\",\"caption\":\"Eva \u0160tirn\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile-first dizajn \u2013 zakaj je pomemben za va\u0161o spletno stran?","description":"Mobile-first je eden izmed najpomembnej\u0161ih trendov sodobnega oblikovanja spletnih strani. Preverite, kaj pomeni in zakaj ga \u017eelite upo\u0161tevati.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/","og_locale":"sl_SI","og_type":"article","og_title":"Mobile-first dizajn \u2013 zakaj je pomemben za va\u0161o spletno stran?","og_description":"Mobile-first je eden izmed najpomembnej\u0161ih trendov sodobnega oblikovanja spletnih strani. Preverite, kaj pomeni in zakaj ga \u017eelite upo\u0161tevati.","og_url":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/","og_site_name":"Madwise Blog","article_publisher":"https:\/\/www.facebook.com\/madwisecc\/","article_published_time":"2020-05-20T08:27:07+00:00","article_modified_time":"2023-04-06T12:05:17+00:00","og_image":[{"width":1440,"height":720,"url":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg","type":"image\/jpeg"}],"author":"Eva \u0160tirn","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Eva \u0160tirn","Est. reading time":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#article","isPartOf":{"@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/"},"author":{"name":"Eva \u0160tirn","@id":"https:\/\/madwise.si\/blog\/#\/schema\/person\/fde851f7eed5404b2634e544c6cd3376"},"headline":"Mobile-first dizajn \u2013 kaj pomeni in zakaj je pomemben za va\u0161o spletno stran","datePublished":"2020-05-20T08:27:07+00:00","dateModified":"2023-04-06T12:05:17+00:00","mainEntityOfPage":{"@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/"},"wordCount":1100,"publisher":{"@id":"https:\/\/madwise.si\/blog\/#organization"},"image":{"@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#primaryimage"},"thumbnailUrl":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg","articleSection":["Uporabni\u0161ka izku\u0161nja (UX)"],"inLanguage":"sl-SI"},{"@type":"WebPage","@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/","url":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/","name":"Mobile-first dizajn \u2013 zakaj je pomemben za va\u0161o spletno stran?","isPartOf":{"@id":"https:\/\/madwise.si\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#primaryimage"},"image":{"@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#primaryimage"},"thumbnailUrl":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg","datePublished":"2020-05-20T08:27:07+00:00","dateModified":"2023-04-06T12:05:17+00:00","description":"Mobile-first je eden izmed najpomembnej\u0161ih trendov sodobnega oblikovanja spletnih strani. Preverite, kaj pomeni in zakaj ga \u017eelite upo\u0161tevati.","breadcrumb":{"@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#breadcrumb"},"inLanguage":"sl-SI","potentialAction":[{"@type":"ReadAction","target":["https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/"]}]},{"@type":"ImageObject","inLanguage":"sl-SI","@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#primaryimage","url":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg","contentUrl":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/mobile_first_dizajn_spletna_stran_madwise2.jpg","width":1440,"height":720,"caption":"Mobile-first dizajn: kaj pomeni in zakaj je pomemben"},{"@type":"BreadcrumbList","@id":"https:\/\/madwise.si\/blog\/mobile-first-dizajn-odlocitev\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/madwise.si\/blog\/"},{"@type":"ListItem","position":2,"name":"Mobile-first dizajn \u2013 kaj pomeni in zakaj je pomemben za va\u0161o spletno stran"}]},{"@type":"WebSite","@id":"https:\/\/madwise.si\/blog\/#website","url":"https:\/\/madwise.si\/blog\/","name":"Madwise Blog","description":"Blog zapisi z najnovej\u0161imi informacijami s podro\u010dja marketinga","publisher":{"@id":"https:\/\/madwise.si\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/madwise.si\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sl-SI"},{"@type":"Organization","@id":"https:\/\/madwise.si\/blog\/#organization","name":"Madwise","url":"https:\/\/madwise.si\/blog\/","logo":{"@type":"ImageObject","inLanguage":"sl-SI","@id":"https:\/\/madwise.si\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/08\/madwise-logo@3x.png","contentUrl":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/08\/madwise-logo@3x.png","width":150,"height":111,"caption":"Madwise"},"image":{"@id":"https:\/\/madwise.si\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madwisecc\/","https:\/\/www.instagram.com\/madwise_agency\/","https:\/\/www.linkedin.com\/company\/madwise\/"]},{"@type":"Person","@id":"https:\/\/madwise.si\/blog\/#\/schema\/person\/fde851f7eed5404b2634e544c6cd3376","name":"Eva \u0160tirn","image":{"@type":"ImageObject","inLanguage":"sl-SI","@id":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/image-10-150x150.png","url":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/image-10-150x150.png","contentUrl":"https:\/\/madwise.si\/blog\/wp-content\/uploads\/2020\/05\/image-10-150x150.png","caption":"Eva \u0160tirn"}}]}},"custom_fields":{"blog_duration":"<div class=\"blog-duration\"><i class=\"icon-duration\"><\/i> Branje: <strong>6 min<\/strong><\/div>","formatted_date":"20\/05\/2020"},"_links":{"self":[{"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/posts\/28889","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/comments?post=28889"}],"version-history":[{"count":11,"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/posts\/28889\/revisions"}],"predecessor-version":[{"id":30105,"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/posts\/28889\/revisions\/30105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/media\/28893"}],"wp:attachment":[{"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/media?parent=28889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/categories?post=28889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/madwise.si\/blog\/wp-json\/wp\/v2\/tags?post=28889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}