SlideShare a Scribd company logo
1 of 38
Download to read offline
Trendovi u mobilnom i
            web dizajnu


Lucijan Blagonić       INFO Restart   11 11 11
Mobiteli*
Koristimo ih u raznovrsnim situacijama




                                   *Pametni telefoni
Kontekst
             89%
Korisnika koristi svoj pametni telefon
        tijekom cijelog dana
81%             77%              68%               48%




The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
59%             48%              44%               43%


40%             39%              27%               20%


20%             17%              14%               13%

The Mobile Movement Study, Google/Ipsos OTX MediaCT, Apr 2011
Korisničko iskustvo
...i dizajn su od presudne važnosti!
1




 Dizajn sučelja
Minimalizam   VS   Real-life look
Drukčiji pristup
iOS5, OSX Lion, WP7, Windows 8, Android ICS...
Windows
Google
Apple
2




       Rezolucije
Responzivan dizajn & Media Queries
Boston Globe
Jason Santa Maria
3




    Tableti
Dizajniranje za tablete
Yahoo
Google Search
A Web Whiteboard
4




          HTML5
Nove tehnologije koje želite koristiti
2022.
Čekati finalnu verziju?
Problemi
Nesretni <time>
5




             CSS3
Zaobljeni rubovi, sjene, pseudoklase...
Fancy Effects

                CSS3
6




Animacije
Lijepe tranzicije*




                     *Puno više od toga
animatable.com/demos/madmanimation/
7




Tipografija
  @font-face
Typekit, Trent Walton
voltagefashionamplified.com
8




Društvene mreže
Twitter, Facebook, Google Plus...
Share, Share, Share, Share
9




 WordPress
Vodeći open source CMS
22%
“22 out of every 100 new active domains
   in the US are running WordPress”
Swing Software, TZZZ, Netokracija
10




User Experience
Novo “otkrivena” zanimanja...
UX Design
Korisničko iskustvo na mobitelima, touchscreen
     uređajima, internetskim stranicama...
Pitanja
Pratite li trendove?
Hvala!
               Lucijan Blagonić
               Blagonic Brothers


blagonic.com

@lucijanblagonic

More Related Content

Viewers also liked

Look at the picture and answer the questions present continuous 1
Look at the picture and answer the questions present continuous 1Look at the picture and answer the questions present continuous 1
Look at the picture and answer the questions present continuous 1Alicia Garcia
 
Look at the pictures and complete the sentences with country 2ºººººººººººº
Look at the pictures and complete the sentences with country 2ººººººººººººLook at the pictures and complete the sentences with country 2ºººººººººººº
Look at the pictures and complete the sentences with country 2ººººººººººººcrist3008
 
Look at the picture and answer the questions present continuous 2
Look at the picture and answer the questions present continuous 2Look at the picture and answer the questions present continuous 2
Look at the picture and answer the questions present continuous 2Alicia Garcia
 
Preschool-Grade 2 English Learning Research Findings Overview
Preschool-Grade 2 English Learning Research Findings OverviewPreschool-Grade 2 English Learning Research Findings Overview
Preschool-Grade 2 English Learning Research Findings OverviewGrapeSEED
 
English Breakfast at School, Primary School of Sourpi, Greece
English Breakfast at School, Primary School of Sourpi, GreeceEnglish Breakfast at School, Primary School of Sourpi, Greece
English Breakfast at School, Primary School of Sourpi, Greeceviv_h
 
English Breakfast at School
English Breakfast at SchoolEnglish Breakfast at School
English Breakfast at Schoolviv_h
 
Worksheet band1 y2
Worksheet band1 y2Worksheet band1 y2
Worksheet band1 y2Fizzah Saleh
 
Lesson 1 introduction its
Lesson 1 introduction   itsLesson 1 introduction   its
Lesson 1 introduction itsThuc Nguyen
 
St George's Primary School Nairobi Launch of Alumni Presentation
St George's Primary School Nairobi Launch of Alumni PresentationSt George's Primary School Nairobi Launch of Alumni Presentation
St George's Primary School Nairobi Launch of Alumni PresentationStGeeAlumni
 

Viewers also liked (18)

Ask questions
Ask questionsAsk questions
Ask questions
 
Pk 15
Pk 15Pk 15
Pk 15
 
Look at the picture and answer the questions present continuous 1
Look at the picture and answer the questions present continuous 1Look at the picture and answer the questions present continuous 1
Look at the picture and answer the questions present continuous 1
 
File 6 speaking
File 6 speakingFile 6 speaking
File 6 speaking
 
Look at the pictures and complete the sentences with country 2ºººººººººººº
Look at the pictures and complete the sentences with country 2ººººººººººººLook at the pictures and complete the sentences with country 2ºººººººººººº
Look at the pictures and complete the sentences with country 2ºººººººººººº
 
Look at the picture and answer the questions present continuous 2
Look at the picture and answer the questions present continuous 2Look at the picture and answer the questions present continuous 2
Look at the picture and answer the questions present continuous 2
 
Preschool-Grade 2 English Learning Research Findings Overview
Preschool-Grade 2 English Learning Research Findings OverviewPreschool-Grade 2 English Learning Research Findings Overview
Preschool-Grade 2 English Learning Research Findings Overview
 
Question words
Question wordsQuestion words
Question words
 
Question words
Question wordsQuestion words
Question words
 
Much many little few
Much many little fewMuch many little few
Much many little few
 
Used to gramma
Used  to grammaUsed  to gramma
Used to gramma
 
English Breakfast at School, Primary School of Sourpi, Greece
English Breakfast at School, Primary School of Sourpi, GreeceEnglish Breakfast at School, Primary School of Sourpi, Greece
English Breakfast at School, Primary School of Sourpi, Greece
 
English Breakfast at School
English Breakfast at SchoolEnglish Breakfast at School
English Breakfast at School
 
Worksheet band1 y2
Worksheet band1 y2Worksheet band1 y2
Worksheet band1 y2
 
Unit 1 Verb Tobe
Unit 1 Verb TobeUnit 1 Verb Tobe
Unit 1 Verb Tobe
 
Lesson 1 introduction its
Lesson 1 introduction   itsLesson 1 introduction   its
Lesson 1 introduction its
 
St George's Primary School Nairobi Launch of Alumni Presentation
St George's Primary School Nairobi Launch of Alumni PresentationSt George's Primary School Nairobi Launch of Alumni Presentation
St George's Primary School Nairobi Launch of Alumni Presentation
 
Verb to be Gramma
Verb to be GrammaVerb to be Gramma
Verb to be Gramma
 

Similar to Trendovi u mobilnom i web dizajnu

(WS11) Lucijan Blagonić: Budućnost mobilnih stranica
(WS11) Lucijan Blagonić: Budućnost mobilnih stranica(WS11) Lucijan Blagonić: Budućnost mobilnih stranica
(WS11) Lucijan Blagonić: Budućnost mobilnih stranicaWeb::Strategija
 
Muke po malim zaslonima
Muke po malim zaslonimaMuke po malim zaslonima
Muke po malim zaslonimaYlodi
 
Razvoj Softvera Za Android Os
Razvoj Softvera Za Android OsRazvoj Softvera Za Android Os
Razvoj Softvera Za Android OsViktor Brešan
 
Example of how to use mobile devices in enterprises
Example of how to use mobile devices in enterprisesExample of how to use mobile devices in enterprises
Example of how to use mobile devices in enterprisesDubravko Marak
 
(WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
(WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija(WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
(WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcijaWeb::Strategija
 
Usability - Mjerilo kada je dosta fancy funkcija
Usability - Mjerilo kada je dosta fancy funkcijaUsability - Mjerilo kada je dosta fancy funkcija
Usability - Mjerilo kada je dosta fancy funkcijaNedim Sabic
 
ASC 2018 - Not Hotdog!
ASC 2018 -  Not Hotdog!ASC 2018 -  Not Hotdog!
ASC 2018 - Not Hotdog!Jurica Cerovec
 
Šefe, smanjio sam web
Šefe, smanjio sam webŠefe, smanjio sam web
Šefe, smanjio sam webYlodi
 
Sve potrebne tehnologije za uspješno pokretanje servisa na mobilnom tržištu
Sve potrebne tehnologije za uspješno pokretanje servisa na mobilnom tržištuSve potrebne tehnologije za uspješno pokretanje servisa na mobilnom tržištu
Sve potrebne tehnologije za uspješno pokretanje servisa na mobilnom tržištucarr
 
Kako i gdje programeri (ne) uče
Kako i gdje programeri (ne) učeKako i gdje programeri (ne) uče
Kako i gdje programeri (ne) učeIvana Bosnic
 

Similar to Trendovi u mobilnom i web dizajnu (12)

(WS11) Lucijan Blagonić: Budućnost mobilnih stranica
(WS11) Lucijan Blagonić: Budućnost mobilnih stranica(WS11) Lucijan Blagonić: Budućnost mobilnih stranica
(WS11) Lucijan Blagonić: Budućnost mobilnih stranica
 
Muke po malim zaslonima
Muke po malim zaslonimaMuke po malim zaslonima
Muke po malim zaslonima
 
Razvoj Softvera Za Android Os
Razvoj Softvera Za Android OsRazvoj Softvera Za Android Os
Razvoj Softvera Za Android Os
 
Tablet
TabletTablet
Tablet
 
Example of how to use mobile devices in enterprises
Example of how to use mobile devices in enterprisesExample of how to use mobile devices in enterprises
Example of how to use mobile devices in enterprises
 
(WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
(WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija(WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
(WS11) Nedim Šabić: Usability - Mjerilo kada je dovoljno fancy funkcija
 
Usability - Mjerilo kada je dosta fancy funkcija
Usability - Mjerilo kada je dosta fancy funkcijaUsability - Mjerilo kada je dosta fancy funkcija
Usability - Mjerilo kada je dosta fancy funkcija
 
Internet i mi
Internet i miInternet i mi
Internet i mi
 
ASC 2018 - Not Hotdog!
ASC 2018 -  Not Hotdog!ASC 2018 -  Not Hotdog!
ASC 2018 - Not Hotdog!
 
Šefe, smanjio sam web
Šefe, smanjio sam webŠefe, smanjio sam web
Šefe, smanjio sam web
 
Sve potrebne tehnologije za uspješno pokretanje servisa na mobilnom tržištu
Sve potrebne tehnologije za uspješno pokretanje servisa na mobilnom tržištuSve potrebne tehnologije za uspješno pokretanje servisa na mobilnom tržištu
Sve potrebne tehnologije za uspješno pokretanje servisa na mobilnom tržištu
 
Kako i gdje programeri (ne) uče
Kako i gdje programeri (ne) učeKako i gdje programeri (ne) uče
Kako i gdje programeri (ne) uče
 

Trendovi u mobilnom i web dizajnu