SlideShare a Scribd company logo
1 of 22
UI/UX trendy
webov a aplikácií
INTERACTIVE / DESIGN / TECHNOLOGIES / ADVERTISING
BRATISLAVA / BANSKÁ BYSTRICA / BARCELONA
01
Čo je to
User Experience
INTERACTIVE / DESIGN / TECHNOLOGIES / ADVERTISING
BRATISLAVA / BANSKÁ BYSTRICA / BARCELONA
Podmnožina design.
Design ako návrhový proces.
Užívateľsky bezproblémové fungovanie
obsahu a rozhrania tak,
aby boli napĺňané definované ciele.
Dorazili sme do času, kedy menej ako
skvelý užívateľský zážitok neakceptujeme.
A to ako doma, tak v práci.
- Strmé krivky užívateľského učenia
- Zlepšuje prijatie zo strany užívateľov
- Podporuje spokojnosť a vernosť zákazníkov
- Zvýšenie produktivity a ziskovosti
02
UX trendy
INTERACTIVE / DESIGN / TECHNOLOGIES / ADVERTISING
BRATISLAVA / BANSKÁ BYSTRICA / BARCELONA
01
Simply
fikácia
Vynechávanie zbytočných
grafických prvkov.
Príkladom je dizajnový jazyk
Material design by Google.
01
Simply
fikácia
Vynechávanie zbytočných
grafických prvkov.
Príkladom je dizajnový jazyk
Material design by Google.
02
Mobile first
Totálne prepojenie všetkých
devices, pričom primárnym pre
vývoj sa stávaju mobilné
zariadenia - je veľmi dôležité, aby
sa obsah v týchto zariadeniach
zobrazoval optimalizovane.
Aplikácia ELEX (Slovalco)
03
Human
centered
design aj v
enterprise
Donedávna to boli užívateľsky
nepríjemné aplikácie.
Dnes sa situácia mení.
// Produktivita, povedomie o
značke, …
Aplikácia Minerva (Datalan / CFH)
03
Human
centered
design aj v
enterprise
Donedávna to boli užívateľsky
nepríjemné aplikácie.
Dnes sa situácia mení.
// Produktivita, povedomie o
značke, …
Aplikácia Minerva (Datalan / CFH)
04
Lean UX
Rýchly cyklus vývoja aplikácie
alebo služby, pri ktorom sa
výsledný UX koncept mení v čase
jeho tvorby obohatený o priebežný
užívateľský feedback.
Startup princíp.
// Aj preto je ďalším trendom
budovanie inhouse design
teamov.
05
UX/UI
Modularita
Tzv. pattern.
// Skladačka Lego.
+ čas realizácie
+ kvalita návrhu
+ modularita
+ konzistentnosť
05
UX/UI
Modularita
Tzv. pattern.
// Skladačka Lego.
+ čas realizácie
+ kvalita návrhu
+ modularita
+ konzistentnosť
Aplikácia McMan (SCR / McDonald)
05
UX/UI
Modularita
Tzv. pattern.
// Skladačka Lego.
+ čas realizácie
+ kvalita návrhu
+ modularita
+ konzistentnosť
06
Mikro
interakcie
Funkcie založené na povahe
obsahu.
Typickou je zobrazenie galérie
článku pri obrátení zariadenia na
landscape.
07
Animácia je
informácia
Ďalšia vrstva informácie.
Dôležité najmä v mobilných
zariadeniach.
08
Prototyp
webu/app
Porozumenie výsledného
experience produktu.
Najpoužívanejší nástroj je
InVision.
Aplikácia
Cenová mapa nehnuteľností
(Datalan)
09
Efektivita
/Konverzia
Zmena:
1. farebnosti konverzného butonu
priniesla
2. úprava farebnosti produktovej
plochy
3. úprava položiek
navigácie/filtrovania
Výsledok:
24 % nárast predaja
03
Kukaj
ux.scr.sk
INTERACTIVE / DESIGN / TECHNOLOGIES / ADVERTISING
BRATISLAVA / BANSKÁ BYSTRICA / BARCELONA
SCR®
Skuteckého 1, 974 01 Banská Bystrica
Pod strážami 13/A, 831 01 Bratislava
scr@scr.sk, +421 48 415 31 70
SCR označilo, že sa mu páči publikum prezentácie

More Related Content

Similar to UI/UX trendy webov a mobilných aplikácií

Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan PotančokDaily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančokvibration.sk
 
ui42 Martin Krupa The Spot Guru Na čo myslieť pri vytváraní webu 2013-09-18
ui42 Martin Krupa The Spot Guru Na čo myslieť pri vytváraní webu 2013-09-18ui42 Martin Krupa The Spot Guru Na čo myslieť pri vytváraní webu 2013-09-18
ui42 Martin Krupa The Spot Guru Na čo myslieť pri vytváraní webu 2013-09-18ui42
 
Design mobilnych aplikacii
Design mobilnych aplikaciiDesign mobilnych aplikacii
Design mobilnych aplikaciiSCR®
 
Workflow / Little bit UX
Workflow / Little bit UXWorkflow / Little bit UX
Workflow / Little bit UXMate Klemp
 
Ako má vyzerať dobrý web
Ako má vyzerať dobrý webAko má vyzerať dobrý web
Ako má vyzerať dobrý webPeter Bolebruch
 
Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow
Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflowMoja mama nevedela čo je komfort, tvoja zase neví co je náš workflow
Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflowTomáš Stankovič
 
Drupal ako nízkonákladová platforma pre business web aplikácie
Drupal ako nízkonákladová platforma pre business web aplikácieDrupal ako nízkonákladová platforma pre business web aplikácie
Drupal ako nízkonákladová platforma pre business web aplikácieJozef Toth
 
Ecopress Internetovy marketing od A po Z, 03 Ako ma vyzerat dobry web, Peter ...
Ecopress Internetovy marketing od A po Z, 03 Ako ma vyzerat dobry web, Peter ...Ecopress Internetovy marketing od A po Z, 03 Ako ma vyzerat dobry web, Peter ...
Ecopress Internetovy marketing od A po Z, 03 Ako ma vyzerat dobry web, Peter ...Dagmar Vinterova
 
Process inside In Media - We are Digital Company
Process inside In Media - We are Digital CompanyProcess inside In Media - We are Digital Company
Process inside In Media - We are Digital CompanyPeter Bolebruch
 
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...Basta digital
 
Marketing Identity 2013: UX & UI Dizajn
Marketing Identity 2013: UX & UI DizajnMarketing Identity 2013: UX & UI Dizajn
Marketing Identity 2013: UX & UI DizajnTomáš Minarik
 
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiťČo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiťbart-sk
 
Bez klienta dobrý web nevznikne
Bez klienta dobrý web nevznikneBez klienta dobrý web nevznikne
Bez klienta dobrý web nevznikneMatej Chyľa
 
Business Breakfast 2010.12.21.
Business Breakfast 2010.12.21.Business Breakfast 2010.12.21.
Business Breakfast 2010.12.21.Peter Bolebruch
 
Firemný profil
Firemný profilFiremný profil
Firemný profilLundegaard
 
Počítačová podpora procesného modelovania s pomocou BPMN
Počítačová podpora procesného modelovania s pomocou BPMNPočítačová podpora procesného modelovania s pomocou BPMN
Počítačová podpora procesného modelovania s pomocou BPMNMiroslav Reiter
 

Similar to UI/UX trendy webov a mobilných aplikácií (20)

Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan PotančokDaily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
Daily Web 2015 Bratislava - vývoj online softvéroveho produktu, Ivan Potančok
 
ui42 Martin Krupa The Spot Guru Na čo myslieť pri vytváraní webu 2013-09-18
ui42 Martin Krupa The Spot Guru Na čo myslieť pri vytváraní webu 2013-09-18ui42 Martin Krupa The Spot Guru Na čo myslieť pri vytváraní webu 2013-09-18
ui42 Martin Krupa The Spot Guru Na čo myslieť pri vytváraní webu 2013-09-18
 
Design mobilnych aplikacii
Design mobilnych aplikaciiDesign mobilnych aplikacii
Design mobilnych aplikacii
 
19.03.18 - Noc UX Designu / Stano Rykalský
19.03.18 - Noc UX Designu / Stano Rykalský 19.03.18 - Noc UX Designu / Stano Rykalský
19.03.18 - Noc UX Designu / Stano Rykalský
 
FMUK - E-business & E-marketing 10.10.2016: UX/UI a ich miesto v podnikaní (M...
FMUK - E-business & E-marketing 10.10.2016: UX/UI a ich miesto v podnikaní (M...FMUK - E-business & E-marketing 10.10.2016: UX/UI a ich miesto v podnikaní (M...
FMUK - E-business & E-marketing 10.10.2016: UX/UI a ich miesto v podnikaní (M...
 
Workflow / Little bit UX
Workflow / Little bit UXWorkflow / Little bit UX
Workflow / Little bit UX
 
Prototypy
PrototypyPrototypy
Prototypy
 
Ako má vyzerať dobrý web
Ako má vyzerať dobrý webAko má vyzerať dobrý web
Ako má vyzerať dobrý web
 
Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow
Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflowMoja mama nevedela čo je komfort, tvoja zase neví co je náš workflow
Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow
 
Drupal ako nízkonákladová platforma pre business web aplikácie
Drupal ako nízkonákladová platforma pre business web aplikácieDrupal ako nízkonákladová platforma pre business web aplikácie
Drupal ako nízkonákladová platforma pre business web aplikácie
 
Ecopress Internetovy marketing od A po Z, 03 Ako ma vyzerat dobry web, Peter ...
Ecopress Internetovy marketing od A po Z, 03 Ako ma vyzerat dobry web, Peter ...Ecopress Internetovy marketing od A po Z, 03 Ako ma vyzerat dobry web, Peter ...
Ecopress Internetovy marketing od A po Z, 03 Ako ma vyzerat dobry web, Peter ...
 
Process inside In Media - We are Digital Company
Process inside In Media - We are Digital CompanyProcess inside In Media - We are Digital Company
Process inside In Media - We are Digital Company
 
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
Andrej Salner: Naozaj použiteľné weby bez veľkých rozpočtov, Biznis raňajky I...
 
Marketing Identity 2013: UX & UI Dizajn
Marketing Identity 2013: UX & UI DizajnMarketing Identity 2013: UX & UI Dizajn
Marketing Identity 2013: UX & UI Dizajn
 
Web dizajn
Web dizajnWeb dizajn
Web dizajn
 
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiťČo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
Čo je to použiteľnosť webu a 5 tipov ako ju zlepšiť
 
Bez klienta dobrý web nevznikne
Bez klienta dobrý web nevznikneBez klienta dobrý web nevznikne
Bez klienta dobrý web nevznikne
 
Business Breakfast 2010.12.21.
Business Breakfast 2010.12.21.Business Breakfast 2010.12.21.
Business Breakfast 2010.12.21.
 
Firemný profil
Firemný profilFiremný profil
Firemný profil
 
Počítačová podpora procesného modelovania s pomocou BPMN
Počítačová podpora procesného modelovania s pomocou BPMNPočítačová podpora procesného modelovania s pomocou BPMN
Počítačová podpora procesného modelovania s pomocou BPMN
 

UI/UX trendy webov a mobilných aplikácií