SlideShare a Scribd company logo
1 of 39
Download to read offline
Mobile UX
Kako napraviti mobilnu aplikaciju koju
   će neko zaista hteti da koristi


              Janko Jovanović
               product designer
Dobra ideja
         +
Dobre funkcionalnosti
         +
    Dobar izgled
         =
       Uspeh
Dobra ideja
         +
Dobre funkcionalnosti
         +
    Dobar izgled
         ≠
       Uspeh
User experience
(doživljaj korisnika)
Šta je uopšte UX?

Korisnikovoočekivanja, potrebe, motivacija,
              unutrašnje stanje
(predrasude,raspoloženje...)
predznanje,
Karakteristike sistema sa kojim korisnik vrši
interakciju
(namena, kompleksnost, upotrebljivost,
funkcionalnost, izgled...)
I kontekst socjalne okolnosti, smisaoodvija
(okruženje, u kojem se interakcija aktivosti...)
http://www.edlea.com/blog/
http://www.edlea.com/blog/
http://www.edlea.com/blog/
Da li si siguran da si gladan?
Dizajniramo pogrešan proizvod!
68,000 reviews
2 stars average rating
http://www.useit.com/alertbox/mobile-startup-screen.html
User-centered design

Research/Analiza
                   IA, UI, IxDA, UX
                                      Vizuelni dizajn
                                                        Implementacija

                                                                         Deploy
User-centered design

Research/Analiza
                   IA, UI, IxDA, UX
                                      Vizuelni dizajn
                                                        Implementacija

                                                                         Deploy
User-centered design

Research/Analiza
                   IA, UI, IxDA, UX
                                      Vizuelni dizajn
                                                        Implementacija

                                                                         Deploy
User-centered design

Research/Analiza
                   IA, UI, IxDA, UX
                                      Vizuelni dizajn
                                                        Implementacija

                                                                         Deploy
User-centered design

Research/Analiza
                   IA, UI, IxDA, UX
                                      Vizuelni dizajn
                                                        Implementacija

                                                                         Deploy
User-centered design

Research/Analiza
                   IA, UI, IxDA, UX
                                      Vizuelni dizajn
                                                        Implementacija

                                                                         Deploy
User-centered design

Research/Analiza
                   IA, UI, IxDA, UX
                                      Vizuelni dizajn
                                                        Implementacija

                                                                         Deploy
Mobilni uređaji
     i UX
Mobilni nije isto što i desktop ili
       laptop kompjuter
Kompjuter:
Predvidivo okruženje, veliki ekran, multi-tasking,
tastatura i miš kao inputi




Mobilni:
Veoma promnljivo okruženje i kontekst, mali ekran i
ograničeno unošenje teksta, UI zauzima ceo ekran,
multi-tasking je skoro nemoguć, dodir kao input
Smanjena pažnja, dekoncentracija i
          stalni prekidi
Ljudi imaju emotivni
odnos prema svojim
mobilnim uređajima
    “Ja sam moj telefon”
Saznajte ko su
         korisnici
  motivacija, skrivene potrebe, ciljevi, navike,
  relevantno znanje i iskustvo, kulturološke i
socijalne specifičnosti, pa i demografski podaci
Fokusirajte se na
potrebe, a zatim na
konkretne aktivnosti
Fokusirano, ne
minimalizovano
Konzistentnost doživljaja na uređaju, ne
 konzistentnost na svim platformama
- Responsive design
- Native apps/frameworks
- Mobile first
Veličina JESTE bitna, šta god vi mislili
Veličina direktno utiče na posvećenost aktivnostima
Sudiće vam po izgledu
Neka stvari budu očigledne
Obuzdajte se.
80% korisnika koristi
20% funckionalnosti
Još par kratkih saveta
- “Top-down” dizajn
- Gestures: zanimljivo ali ne i nezamenljivo
- Izbacite podešavanja ako možete
- Save: samo ako je neophodno
- Promena orijentacije
- Interaktivni elementi dovoljno veliki
- Modalni prozori samo kada je baš neophodno
- Trenutni feedback
Zaboravite sve što ste
čuli, idite tamo gde su
korisnici i posmatrajte.
 Učestvujte. Crtajte i
prototipujte. Testirajte.
Pitajte.   Sada


           Posle, uz piće


           ili online:
            •   Web:
                www.jankoatwarpspeed.com

            •   Email:
                hello@jankoatwarpspeed.com
                                Hvala.
            •   Twitter: @jankowarpspeed

More Related Content

Similar to Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi

The 5 Elements of User Experience Design.pdf
The 5 Elements of User Experience Design.pdfThe 5 Elements of User Experience Design.pdf
The 5 Elements of User Experience Design.pdfVladimirDabic6
 
Intro 2 Gaming Online: UX Design - Marija Mladenovic
Intro 2 Gaming Online: UX Design - Marija MladenovicIntro 2 Gaming Online: UX Design - Marija Mladenovic
Intro 2 Gaming Online: UX Design - Marija MladenovicNordeus Hub
 
What is User Experience? What is User Testing?
What is User Experience? What is User Testing?What is User Experience? What is User Testing?
What is User Experience? What is User Testing?Milovan Jovičić
 

Similar to Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi (7)

ICK6-L11.pptx
ICK6-L11.pptxICK6-L11.pptx
ICK6-L11.pptx
 
The 5 Elements of User Experience Design.pdf
The 5 Elements of User Experience Design.pdfThe 5 Elements of User Experience Design.pdf
The 5 Elements of User Experience Design.pdf
 
ICK7-L2.pptx
ICK7-L2.pptxICK7-L2.pptx
ICK7-L2.pptx
 
Intro 2 Gaming Online: UX Design - Marija Mladenovic
Intro 2 Gaming Online: UX Design - Marija MladenovicIntro 2 Gaming Online: UX Design - Marija Mladenovic
Intro 2 Gaming Online: UX Design - Marija Mladenovic
 
ICK6-L1.pptx
ICK6-L1.pptxICK6-L1.pptx
ICK6-L1.pptx
 
What is User Experience? What is User Testing?
What is User Experience? What is User Testing?What is User Experience? What is User Testing?
What is User Experience? What is User Testing?
 
ICK1-L2.pptx
ICK1-L2.pptxICK1-L2.pptx
ICK1-L2.pptx
 

More from Mobile Monday Srbija

Chatbots - prilika koju ne bi trebalo da propustite
Chatbots - prilika koju ne bi trebalo da propustiteChatbots - prilika koju ne bi trebalo da propustite
Chatbots - prilika koju ne bi trebalo da propustiteMobile Monday Srbija
 
Dizajn Chatbotova - "Poruka u balonu" ili nešto više?
Dizajn Chatbotova - "Poruka u balonu" ili nešto više?Dizajn Chatbotova - "Poruka u balonu" ili nešto više?
Dizajn Chatbotova - "Poruka u balonu" ili nešto više?Mobile Monday Srbija
 
How to Build a Serverless Chatbot for $0?
How to Build a Serverless Chatbot for $0?How to Build a Serverless Chatbot for $0?
How to Build a Serverless Chatbot for $0?Mobile Monday Srbija
 
Virtuelna Stvarnost - Talas koji dolazi
Virtuelna Stvarnost - Talas koji dolaziVirtuelna Stvarnost - Talas koji dolazi
Virtuelna Stvarnost - Talas koji dolaziMobile Monday Srbija
 
Telenor Capture - from idea to product
Telenor Capture - from idea to productTelenor Capture - from idea to product
Telenor Capture - from idea to productMobile Monday Srbija
 
Razvoj mobiilog interneta i mreže u Srbiji
Razvoj mobiilog interneta i mreže u SrbijiRazvoj mobiilog interneta i mreže u Srbiji
Razvoj mobiilog interneta i mreže u SrbijiMobile Monday Srbija
 
4G caster na SmartLiving.io platformi
4G caster na SmartLiving.io platformi4G caster na SmartLiving.io platformi
4G caster na SmartLiving.io platformiMobile Monday Srbija
 
Building mobile apps with Windows Azure mobile services
Building mobile apps with Windows Azure mobile servicesBuilding mobile apps with Windows Azure mobile services
Building mobile apps with Windows Azure mobile servicesMobile Monday Srbija
 
Mobilni marketing - kako pogoditi u centar?
Mobilni marketing - kako pogoditi u centar?Mobilni marketing - kako pogoditi u centar?
Mobilni marketing - kako pogoditi u centar?Mobile Monday Srbija
 
Razvoj modela oglašavanja za mobilne platforme
Razvoj modela oglašavanja za mobilne platformeRazvoj modela oglašavanja za mobilne platforme
Razvoj modela oglašavanja za mobilne platformeMobile Monday Srbija
 

More from Mobile Monday Srbija (20)

How to be a mobile worldman!
How to be a mobile worldman!How to be a mobile worldman!
How to be a mobile worldman!
 
Sunthetic
SuntheticSunthetic
Sunthetic
 
Vip mobile - Probudi(ti) spavače
Vip mobile - Probudi(ti) spavačeVip mobile - Probudi(ti) spavače
Vip mobile - Probudi(ti) spavače
 
Chatbots - prilika koju ne bi trebalo da propustite
Chatbots - prilika koju ne bi trebalo da propustiteChatbots - prilika koju ne bi trebalo da propustite
Chatbots - prilika koju ne bi trebalo da propustite
 
Dizajn Chatbotova - "Poruka u balonu" ili nešto više?
Dizajn Chatbotova - "Poruka u balonu" ili nešto više?Dizajn Chatbotova - "Poruka u balonu" ili nešto više?
Dizajn Chatbotova - "Poruka u balonu" ili nešto više?
 
How to Build a Serverless Chatbot for $0?
How to Build a Serverless Chatbot for $0?How to Build a Serverless Chatbot for $0?
How to Build a Serverless Chatbot for $0?
 
Virtuelna Stvarnost - Talas koji dolazi
Virtuelna Stvarnost - Talas koji dolaziVirtuelna Stvarnost - Talas koji dolazi
Virtuelna Stvarnost - Talas koji dolazi
 
Telenor Capture - from idea to product
Telenor Capture - from idea to productTelenor Capture - from idea to product
Telenor Capture - from idea to product
 
Razvoj mobiilog interneta i mreže u Srbiji
Razvoj mobiilog interneta i mreže u SrbijiRazvoj mobiilog interneta i mreže u Srbiji
Razvoj mobiilog interneta i mreže u Srbiji
 
4G caster na SmartLiving.io platformi
4G caster na SmartLiving.io platformi4G caster na SmartLiving.io platformi
4G caster na SmartLiving.io platformi
 
Building mobile apps with Windows Azure mobile services
Building mobile apps with Windows Azure mobile servicesBuilding mobile apps with Windows Azure mobile services
Building mobile apps with Windows Azure mobile services
 
Windows phone 8
Windows phone 8Windows phone 8
Windows phone 8
 
B92 - Sledeća stanica
B92 - Sledeća stanicaB92 - Sledeća stanica
B92 - Sledeća stanica
 
Bing translator
Bing translatorBing translator
Bing translator
 
Mobile Web Apps are Awesome!
Mobile Web Apps are Awesome!Mobile Web Apps are Awesome!
Mobile Web Apps are Awesome!
 
Mobilno oglašavanje
Mobilno oglašavanjeMobilno oglašavanje
Mobilno oglašavanje
 
Mobilni marketing - kako pogoditi u centar?
Mobilni marketing - kako pogoditi u centar?Mobilni marketing - kako pogoditi u centar?
Mobilni marketing - kako pogoditi u centar?
 
Razvoj modela oglašavanja za mobilne platforme
Razvoj modela oglašavanja za mobilne platformeRazvoj modela oglašavanja za mobilne platforme
Razvoj modela oglašavanja za mobilne platforme
 
The World Served on a Tablet
The World Served on a TabletThe World Served on a Tablet
The World Served on a Tablet
 
biZbuZZ 2011
biZbuZZ 2011biZbuZZ 2011
biZbuZZ 2011
 

Mobile UX - Kako napraviti mobilnu aplikaciju koju će neko zaista hteti da koristi