SlideShare ist ein Scribd-Unternehmen logo
1 von 48
Downloaden Sie, um offline zu lesen
PROTOŽE
DESIGN není DEKORACE:
     Navrhujeme úspěšné
       webové aplikace


                    Jan Brašna
est. 1994
Foo?   Bar!
IKEA
! Je fenomén.

! Děláz každéhointerior designera,
  přestože to je low-cost řetězec.
! Ukazuje, že v designu jde hlavně o
  koncept, rozvržení, funkčnost,
  ergonomii, efektivitu.
do krabice?
Neexistuje «silver bullet».
Omezení pomáhají
zjednodušovat řešení
       úkolů.
!
Dáte-li praseti rtěnku,
bude to pořád jen prase.
Design a vývoj se mohou
  zdát jako na opačné
     straně bariéry.
!
!
Design je metodika
k řešeníproblémů.
inovace   optimizace
OPTIMIZACE | INOVACE      průzkum
                           tvorba
                           úprava
                          realizace
                       spuštění/iterace
Ať nám tohle nějaký
designer udělá, aby
 to vypadalo hezky.




                      průs*r…
Na grafiku
 není čas.




             <#/>
Chyba lávky

! Absence reálného rozhraní.

! Vzniká inženýrský pohled na UI, který
  se od uživatelského liší.
bugzilla FTW!
Ne všechnybiz apps musí
     vypadat takto.
! Viz některé aplikace jako Basecamp,
  Blinksale, Good Data, GetSignoff a jiné,
  které přinesly svěží vítr.
! Časem si uživatelé zvyknou na lepší
  rozhraní a budou ho vyžadovat i od svých
  aplikací.
«Dobrý způsob, jak přemýšlet o designu webu je, jakoby
to bylo fyzické zařízení. Dálkové ovládání má reálné
omezení, kolik může obsahovat tlačítek. Software
žádné takové omezení nemá, ale zvažte, jak by váš
software vypadal, kdyby také limity existovaly.»


                                       — Jason Fried
Dobrý design:

! Dodává efektivitu.

! Pomáhá řešitjednotlivé granulární úkoly.

! Ubírá komplexitu.
proces tomu nepomáhá
web design ! UX design
použitelnost porozumění
            !
    vývoj ! platformy
90% designu není vidět
UX

      IA
                 HCI
           UI
IxD

       použitelnost
Uživatelský prožitek
   není lineární.
#
?       !
Jak se prožitek mění?
Dobrá funkcionalita +
dobrý design = dobrá UX?
Uživatelve středu
   pozornosti.
V čem sewebapp liší od
      website?
informace vs. interakce
textové vs. aplikačnírozhraní
A proč mají úspěch?
3rd party
linkování        nalezitelnost         metadata




   Web přináší inovace.
                                 mashupy
        aktivní
      sociální sítě
Rozhraní

! Jednoduché.

! Konzistentní.

! Rychlé.

! Příjemně vypadající.
«Tři Spolskyho zákony»

(1) Lidé neumějí číst.
(2) Lidé neumějí ovládat myš.
(3) Lidé si neumějí pamatovat.
Dobré webové aplikace
mají mnohé společné.
Dokážete to ale najít?
       (a využít?)
Navrhování zřejmého
  není jednoduché.
«Le Fin».
    Díky.

mail@janbrasna.com

twitter.com/janbrasna

Weitere ähnliche Inhalte

Ähnlich wie Protože design není dekorace

Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík
 
10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webuAkce Dobrého webu
 
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Petr Stedry
 
Daniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDaniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDevelcz
 
Jak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuJak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuSherpas
 
Jak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuJak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuCopywriter.cz
 
StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)JIC
 
Návratnost User Experience - Barcamp Brno 2014
Návratnost User Experience - Barcamp Brno 2014Návratnost User Experience - Barcamp Brno 2014
Návratnost User Experience - Barcamp Brno 2014Jan Tomáš
 
Design služeb je na prd
Design služeb je na prdDesign služeb je na prd
Design služeb je na prdAdamHazdra
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Sherpas
 
Žijeme s uživateli
Žijeme s uživateliŽijeme s uživateli
Žijeme s uživateliPetr Stedry
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme webSherpas
 
Procesy redesignu ve velké společnosti? Pohled Heureky prakticky
Procesy redesignu ve velké společnosti? Pohled Heureky praktickyProcesy redesignu ve velké společnosti? Pohled Heureky prakticky
Procesy redesignu ve velké společnosti? Pohled Heureky praktickyMarek Brumlich
 
Úvod do UX designu
Úvod do UX designuÚvod do UX designu
Úvod do UX designuPetr Douša
 
Ukázka prezentace na míru | aLook Analytics
Ukázka prezentace na míru | aLook AnalyticsUkázka prezentace na míru | aLook Analytics
Ukázka prezentace na míru | aLook Analyticsodprezentuj.cz
 
BrandBook společnosti AspectWorks
BrandBook společnosti AspectWorksBrandBook společnosti AspectWorks
BrandBook společnosti AspectWorksBrandBakers
 
Marbes profesionalni programator_zcu
Marbes profesionalni programator_zcuMarbes profesionalni programator_zcu
Marbes profesionalni programator_zcuPetr Juza
 
Linkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuLinkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuTaste Medio
 

Ähnlich wie Protože design není dekorace (20)

Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
 
10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu10 bodů, kterým věnovat pozornost při redesignu webu
10 bodů, kterým věnovat pozornost při redesignu webu
 
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?Jak poznám dobrýho designéra, když ho chci najmout do týmu?
Jak poznám dobrýho designéra, když ho chci najmout do týmu?
 
Daniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikaceDaniel Steigerwald: Jak psát mobilní webové aplikace
Daniel Steigerwald: Jak psát mobilní webové aplikace
 
Jak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuJak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webu
 
Jak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webuJak přežít redesign obsahu obřího webu
Jak přežít redesign obsahu obřího webu
 
StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)
 
Návratnost User Experience - Barcamp Brno 2014
Návratnost User Experience - Barcamp Brno 2014Návratnost User Experience - Barcamp Brno 2014
Návratnost User Experience - Barcamp Brno 2014
 
Design služeb je na prd
Design služeb je na prdDesign služeb je na prd
Design služeb je na prd
 
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
Ochutnávka studie WebTop100: Srovnání kvality českých webů a dalších digitáln...
 
Žijeme s uživateli
Žijeme s uživateliŽijeme s uživateli
Žijeme s uživateli
 
Návrh UX malých webů
Návrh UX malých webůNávrh UX malých webů
Návrh UX malých webů
 
Pro koho děláme web
Pro koho děláme webPro koho děláme web
Pro koho děláme web
 
Zaverecny ukol
Zaverecny ukolZaverecny ukol
Zaverecny ukol
 
Procesy redesignu ve velké společnosti? Pohled Heureky prakticky
Procesy redesignu ve velké společnosti? Pohled Heureky praktickyProcesy redesignu ve velké společnosti? Pohled Heureky prakticky
Procesy redesignu ve velké společnosti? Pohled Heureky prakticky
 
Úvod do UX designu
Úvod do UX designuÚvod do UX designu
Úvod do UX designu
 
Ukázka prezentace na míru | aLook Analytics
Ukázka prezentace na míru | aLook AnalyticsUkázka prezentace na míru | aLook Analytics
Ukázka prezentace na míru | aLook Analytics
 
BrandBook společnosti AspectWorks
BrandBook společnosti AspectWorksBrandBook společnosti AspectWorks
BrandBook společnosti AspectWorks
 
Marbes profesionalni programator_zcu
Marbes profesionalni programator_zcuMarbes profesionalni programator_zcu
Marbes profesionalni programator_zcu
 
Linkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKuLinkbuilding a UX - Designéři informačních služeb na KISKu
Linkbuilding a UX - Designéři informačních služeb na KISKu
 

Protože design není dekorace