{"id":7865,"date":"2021-07-12T10:05:19","date_gmt":"2021-07-12T08:05:19","guid":{"rendered":"https:\/\/weboperater.rs\/mobile-first\/"},"modified":"2024-08-05T10:45:14","modified_gmt":"2024-08-05T08:45:14","slug":"mobile-first","status":"publish","type":"page","link":"https:\/\/weboperater.rs\/en\/mobile-first\/","title":{"rendered":"Mobile First"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

\u0160ta je mobile first?\u200b<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ako se niste susreli sa terminom mobile first do sada, u budu\u0107nosti sigurno ho\u0107ete. Ovaj pristup izrade web sajtova postao je izuzetno zna\u010dajan poslednjih godina. Fokus se stavlja na funkcije i veb-dizajn za mobilne ure\u0111aje.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

What does this mean and what are the differences? Isn\u2019t my website already responsive?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

What is the difference between a responsive and a mobile first web design? The difference is in the approach, i.e. the starting point used for website building.<\/p>\n

 <\/p>\n

The responsive web design, UX\/UI is primarily made for desktop computers and then adjusted for mobile devices, while the mobile first UX\/UI is primarily made for mobile devices.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Why are UX and UI important?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In order to answer this question, first we need to understand what UX and UI are. The goal of UX, i.e. User Experience design, is to create a website or application that is easy to use and delightful to interact with.<\/p>\n

 <\/p>\n

The users would want to revisit such a website. UI, i.e. User Interface design, is what we see when we use the application, such as the fonts, colour scheme, images and spacing, icons, buttons, etc. For display on a mobile phone, all these elements cannot be the same as for the display on a desktop; the eye reacts differently to a larger viewing area, and differently to a smaller one.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Why mobile first?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
    \n
  • Google favours websites created using the mobile first technique;<\/li>\n
  • The websites load quicker and are preferred by users. Even if you are well positioned on Google search, if visitors don\u2019t have good visibility of the website or the form of content is not convenient for them to use, they will quickly leave the website, which signals to Google that something is wrong;<\/li>\n
  • Google uses two types of crawlers. Some scan the mobile version of the site, while others scan the desktop version, but from January 2021, only data collected by smartphone Googlebots will be used for positioning on Google, that is, all websites will be treated as if they were created primarily for mobile devices;<\/li>\n
  • Bear in mind that 65-75% of internet traffic goes through mobile phones.<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

    \u0160ta je mobile first?\u200b Ako se niste susreli sa terminom mobile first do sada, u budu\u0107nosti sigurno ho\u0107ete. Ovaj pristup izrade web sajtova postao je izuzetno zna\u010dajan poslednjih godina. Fokus se stavlja na funkcije i veb-dizajn za mobilne ure\u0111aje. What does this mean and what are the differences? Isn\u2019t my website already responsive? What is […]<\/p>\n","protected":false},"author":1,"featured_media":8623,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7865","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/weboperater.rs\/en\/wp-json\/wp\/v2\/pages\/7865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weboperater.rs\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weboperater.rs\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weboperater.rs\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weboperater.rs\/en\/wp-json\/wp\/v2\/comments?post=7865"}],"version-history":[{"count":0,"href":"https:\/\/weboperater.rs\/en\/wp-json\/wp\/v2\/pages\/7865\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weboperater.rs\/en\/wp-json\/wp\/v2\/media\/8623"}],"wp:attachment":[{"href":"https:\/\/weboperater.rs\/en\/wp-json\/wp\/v2\/media?parent=7865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}