SlideShare a Scribd company logo
1 of 48
Štampa i web
     Aleksandar Popović
   The Economist Group, NYC
O meni
HUGE Inc.
The
Economist
  Group
Kako
funkcioniše
  UX tim
Komunikacija na internetu
 je do sada bila pisanje
      - objavljivanje
članaka, međutim postaje
     dijalog sve više
             .
Elementi UX dizajna
• Skiciranje
• Intervjui sa direktorima
Komunikacija u toku projekta

•   Izvan tima: Glavni urednik ili urednici, direktor marketinga, direktor
    elektronskih medija
•   Unutar tima: menadžer projekta, vođa tima programera, QA tester I
    eventualni spoljni saradnici



•   Šta ko radi? Kako se pripremiti za sastanak?
Fokus grupe i testiranje
•   Istražiti ko koristi sajt, koji profil ljudi, demografija.
•   Google analytics
Kakva se dokumentacija izrađuje
        i ko je koristi?

•   Scenarios / User Flow / Storyboard
•   Mapa sajta
•   Šablon – Wireframe sa objašnjenjima za programere



•   Vizuelni dizajn
•   CSS, XHTML, Javascript, Flash kodiranje
Mapa sajta   User flow / Scenario
Šablon / Wireframe
Optimizacija web sajta
•   Smanjiti pozive ka serveru, Javascript, CSS ...
•   Optimizovati grafičke elemente
•   Biti svestan servisa poput Akamai i Limelight
•   Skriptovi na strani servera ne pretstavljaju problem
•   Problem je na strani klijenta
•   Javascript je glavni krivac!


•   Google.com, zastoj od 500 milisekundi rezultuje smanjenjem 20% web
    saobracaja
•   Amazon.com, zastoj od 100 milisekundi obara prodaju za 1%.
•   YSlow, http://developer.yahoo.com/yslow/

•   Internet Explorer 8, Firefox 3.5 i Chrome 2.0 imaju sposobnost izvršavanja
    fajlova u toku preuzimanja. Zastoji u učitavanju su minimalni.

•   Apple.com ESPN.com, ocena C
•   NYTimes.com, ocena E
Zašto magazin
 na webu mora
   da izgleda
neinteresantno?
Wired magazin
Wired magazin
Wired magazin
Wired magazin
Način i stil naracije je
  doveden do nivoa
 suvoparnog teksta.
Moć naracije
Kriza
izdavaštva
•   Smanjenje reklamnog budžeta oglašivača
•   Ugašeno štampano izdanje PC Magazina

•   Prodavanje informacija o korisnicima, “selling leads”
•   Povećanje pretplate na magazin
•   Naplaćivanje pristupa sadržaju web sajta
•   Promocija sponzorskih izveštaja “White Papers”
Nov pristup tehnologiji
•   Amazon Kindle je hardverska i     •   BeyondTheFold.net je projekat
    softwerska platforma koja se          nastao pokušajem da se kreiraju
    koristi za čitanje elektronskih       elektronske novine budućnosti.
    knjiga.
Inspiracija
banksy.co.uk
Dalje istraživanje
•   A Brief Message, abriefmessage.com
•   Design Observer, designobserver.com
•   Jesse James Garrett, jjg.net




•   Moj kontakt: aleksandarpopovic@economist.com
Kraj

More Related Content

Similar to Štampa i web

Sinergijom znanja i kreativnosti do Social Web-a
Sinergijom znanja i kreativnosti do Social Web-aSinergijom znanja i kreativnosti do Social Web-a
Sinergijom znanja i kreativnosti do Social Web-aITDogadjaji.com
 
ComTrade IT Solutions and Services letnja škola programiranja
ComTrade IT Solutions and Services letnja škola programiranjaComTrade IT Solutions and Services letnja škola programiranja
ComTrade IT Solutions and Services letnja škola programiranjaITDogadjaji.com
 
Tatjana Lukić - Ne možete upravljati onim što ne merite
Tatjana Lukić - Ne možete upravljati onim što ne meriteTatjana Lukić - Ne možete upravljati onim što ne merite
Tatjana Lukić - Ne možete upravljati onim što ne meritebiZbuZZ
 
brosura-razvoj-elektronskog-poslovanja[1]
brosura-razvoj-elektronskog-poslovanja[1]brosura-razvoj-elektronskog-poslovanja[1]
brosura-razvoj-elektronskog-poslovanja[1]Adam Kennard
 
MsCommunity2013- Single page application case study - Silverreader
MsCommunity2013-  Single page application case study - SilverreaderMsCommunity2013-  Single page application case study - Silverreader
MsCommunity2013- Single page application case study - SilverreaderRadenko Zec
 
Implementek - Responsive Web Design
Implementek - Responsive Web DesignImplementek - Responsive Web Design
Implementek - Responsive Web DesignIvan Koren
 

Similar to Štampa i web (9)

Sinergijom znanja i kreativnosti do Social Web-a
Sinergijom znanja i kreativnosti do Social Web-aSinergijom znanja i kreativnosti do Social Web-a
Sinergijom znanja i kreativnosti do Social Web-a
 
Primjer maturskog - PDF format
Primjer maturskog - PDF formatPrimjer maturskog - PDF format
Primjer maturskog - PDF format
 
ComTrade IT Solutions and Services letnja škola programiranja
ComTrade IT Solutions and Services letnja škola programiranjaComTrade IT Solutions and Services letnja škola programiranja
ComTrade IT Solutions and Services letnja škola programiranja
 
Sadržaj, pre svega!
 Sadržaj, pre svega! Sadržaj, pre svega!
Sadržaj, pre svega!
 
Tatjana Lukić - Ne možete upravljati onim što ne merite
Tatjana Lukić - Ne možete upravljati onim što ne meriteTatjana Lukić - Ne možete upravljati onim što ne merite
Tatjana Lukić - Ne možete upravljati onim što ne merite
 
COMING - Vaš partner za digitalizaciju poslovanja
COMING - Vaš partner za digitalizaciju poslovanjaCOMING - Vaš partner za digitalizaciju poslovanja
COMING - Vaš partner za digitalizaciju poslovanja
 
brosura-razvoj-elektronskog-poslovanja[1]
brosura-razvoj-elektronskog-poslovanja[1]brosura-razvoj-elektronskog-poslovanja[1]
brosura-razvoj-elektronskog-poslovanja[1]
 
MsCommunity2013- Single page application case study - Silverreader
MsCommunity2013-  Single page application case study - SilverreaderMsCommunity2013-  Single page application case study - Silverreader
MsCommunity2013- Single page application case study - Silverreader
 
Implementek - Responsive Web Design
Implementek - Responsive Web DesignImplementek - Responsive Web Design
Implementek - Responsive Web Design
 

More from ITDogadjaji.com

Supporting clusters in Serbia
Supporting clusters in SerbiaSupporting clusters in Serbia
Supporting clusters in SerbiaITDogadjaji.com
 
Outsourcing Center Serbia
Outsourcing Center SerbiaOutsourcing Center Serbia
Outsourcing Center SerbiaITDogadjaji.com
 
Trends in Software Development: from Outsourcing to Crowdsourcing and Collabo...
Trends in Software Development: from Outsourcing to Crowdsourcing and Collabo...Trends in Software Development: from Outsourcing to Crowdsourcing and Collabo...
Trends in Software Development: from Outsourcing to Crowdsourcing and Collabo...ITDogadjaji.com
 
How to Web 2011 Event Presentation
How to Web 2011 Event PresentationHow to Web 2011 Event Presentation
How to Web 2011 Event PresentationITDogadjaji.com
 
Panel intro: The European Startup: Opportunities
Panel intro: The European Startup: Opportunities Panel intro: The European Startup: Opportunities
Panel intro: The European Startup: Opportunities ITDogadjaji.com
 
ShoutEm - It's alright to pivot
ShoutEm - It's alright to pivotShoutEm - It's alright to pivot
ShoutEm - It's alright to pivotITDogadjaji.com
 
How to deal with the media without screwing up
How to deal with the media without screwing upHow to deal with the media without screwing up
How to deal with the media without screwing upITDogadjaji.com
 
VC 101: getting to first base
VC 101: getting to first baseVC 101: getting to first base
VC 101: getting to first baseITDogadjaji.com
 
From Ljubljana into the world
From Ljubljana into the worldFrom Ljubljana into the world
From Ljubljana into the worldITDogadjaji.com
 
Engineering challenges in vertical search engines
Engineering challenges in vertical search enginesEngineering challenges in vertical search engines
Engineering challenges in vertical search enginesITDogadjaji.com
 
How to Web 2010 - Event presentation
How to Web 2010 - Event presentationHow to Web 2010 - Event presentation
How to Web 2010 - Event presentationITDogadjaji.com
 

More from ITDogadjaji.com (20)

Game Design 101
Game Design 101Game Design 101
Game Design 101
 
Uvod u Gejmifikaciju
Uvod u GejmifikacijuUvod u Gejmifikaciju
Uvod u Gejmifikaciju
 
Supporting clusters in Serbia
Supporting clusters in SerbiaSupporting clusters in Serbia
Supporting clusters in Serbia
 
Outsourcing Center Serbia
Outsourcing Center SerbiaOutsourcing Center Serbia
Outsourcing Center Serbia
 
ICT Clusters
ICT ClustersICT Clusters
ICT Clusters
 
Trends in Software Development: from Outsourcing to Crowdsourcing and Collabo...
Trends in Software Development: from Outsourcing to Crowdsourcing and Collabo...Trends in Software Development: from Outsourcing to Crowdsourcing and Collabo...
Trends in Software Development: from Outsourcing to Crowdsourcing and Collabo...
 
How to Web 2011 Event Presentation
How to Web 2011 Event PresentationHow to Web 2011 Event Presentation
How to Web 2011 Event Presentation
 
Panel intro: The European Startup: Opportunities
Panel intro: The European Startup: Opportunities Panel intro: The European Startup: Opportunities
Panel intro: The European Startup: Opportunities
 
Mobipatrol
MobipatrolMobipatrol
Mobipatrol
 
Mediatoolkit
MediatoolkitMediatoolkit
Mediatoolkit
 
Taksiko
TaksikoTaksiko
Taksiko
 
SiteCake
SiteCakeSiteCake
SiteCake
 
ShoutEm - It's alright to pivot
ShoutEm - It's alright to pivotShoutEm - It's alright to pivot
ShoutEm - It's alright to pivot
 
How to (Win on the) Web
How to (Win on the) WebHow to (Win on the) Web
How to (Win on the) Web
 
How to deal with the media without screwing up
How to deal with the media without screwing upHow to deal with the media without screwing up
How to deal with the media without screwing up
 
VC 101: getting to first base
VC 101: getting to first baseVC 101: getting to first base
VC 101: getting to first base
 
birthdaysRock.com
birthdaysRock.combirthdaysRock.com
birthdaysRock.com
 
From Ljubljana into the world
From Ljubljana into the worldFrom Ljubljana into the world
From Ljubljana into the world
 
Engineering challenges in vertical search engines
Engineering challenges in vertical search enginesEngineering challenges in vertical search engines
Engineering challenges in vertical search engines
 
How to Web 2010 - Event presentation
How to Web 2010 - Event presentationHow to Web 2010 - Event presentation
How to Web 2010 - Event presentation
 

Štampa i web

  • 1. Štampa i web Aleksandar Popović The Economist Group, NYC
  • 4.
  • 5.
  • 7.
  • 8.
  • 9.
  • 11. Komunikacija na internetu je do sada bila pisanje - objavljivanje članaka, međutim postaje dijalog sve više .
  • 14. Komunikacija u toku projekta • Izvan tima: Glavni urednik ili urednici, direktor marketinga, direktor elektronskih medija • Unutar tima: menadžer projekta, vođa tima programera, QA tester I eventualni spoljni saradnici • Šta ko radi? Kako se pripremiti za sastanak?
  • 15. Fokus grupe i testiranje • Istražiti ko koristi sajt, koji profil ljudi, demografija. • Google analytics
  • 16. Kakva se dokumentacija izrađuje i ko je koristi? • Scenarios / User Flow / Storyboard • Mapa sajta • Šablon – Wireframe sa objašnjenjima za programere • Vizuelni dizajn • CSS, XHTML, Javascript, Flash kodiranje
  • 17. Mapa sajta User flow / Scenario
  • 19. Optimizacija web sajta • Smanjiti pozive ka serveru, Javascript, CSS ... • Optimizovati grafičke elemente • Biti svestan servisa poput Akamai i Limelight
  • 20. Skriptovi na strani servera ne pretstavljaju problem • Problem je na strani klijenta • Javascript je glavni krivac! • Google.com, zastoj od 500 milisekundi rezultuje smanjenjem 20% web saobracaja • Amazon.com, zastoj od 100 milisekundi obara prodaju za 1%.
  • 21. YSlow, http://developer.yahoo.com/yslow/ • Internet Explorer 8, Firefox 3.5 i Chrome 2.0 imaju sposobnost izvršavanja fajlova u toku preuzimanja. Zastoji u učitavanju su minimalni. • Apple.com ESPN.com, ocena C • NYTimes.com, ocena E
  • 22. Zašto magazin na webu mora da izgleda neinteresantno?
  • 25.
  • 28.
  • 29. Način i stil naracije je doveden do nivoa suvoparnog teksta.
  • 31.
  • 33. Smanjenje reklamnog budžeta oglašivača • Ugašeno štampano izdanje PC Magazina • Prodavanje informacija o korisnicima, “selling leads” • Povećanje pretplate na magazin • Naplaćivanje pristupa sadržaju web sajta • Promocija sponzorskih izveštaja “White Papers”
  • 34. Nov pristup tehnologiji • Amazon Kindle je hardverska i • BeyondTheFold.net je projekat softwerska platforma koja se nastao pokušajem da se kreiraju koristi za čitanje elektronskih elektronske novine budućnosti. knjiga.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47. Dalje istraživanje • A Brief Message, abriefmessage.com • Design Observer, designobserver.com • Jesse James Garrett, jjg.net • Moj kontakt: aleksandarpopovic@economist.com
  • 48. Kraj