SlideShare uma empresa Scribd logo
1 de 31
Baixar para ler offline
wezeo.com
WEZEOČovlastnerobíme?
Analýza Realizácia
Launch
Špecifikácia
projektu projektu
projektu
projektu
Workflow / Little bit UX
WORKFLOW
Grafickéhodesignéra
Funkčná
špecifikácia
1.
Workflow / Little bit UX
2.
Workflow / Little bit UX
Workflow / Little bit UX
Patterns
3.
JUSTINSIGN_PATTERNSUI.PSD
TAPATY_PATTERNSUI.PSD
1
1
Workflow / Little bit UX
Workflow / Little bit UX
4.
Grid
960px 1140px
ROZLÍŠENIA MIN. A MAX.
iMac
2560x1440
DNES UŽ 5K?
Low-end 360x640
Samsung / Galaxy
iMac
2560x1440
iMac
2560x1440
CELOPLOŠNÉ ÚPRAVY - NEPOUŽÍVAŤ
5.
Tools
Workflow / Little bit UX
Prezentácia
Workflow / Little bit UX
UX design je zameraný na užívateľov a ich potreby a ciele, ale samozrejme aj na ich obmedzenia.
Zameriava sa ako aj fyzické tak aj na kognitívne (kognitívna veda - veda o myslení) potreby užívateľa.
Grafické riešenie používateľského rozhrania teda UX designu je dôležité pre jednoduché ovládanie a
používanie aplikácie alebo webstránky. Pre uživateľa je veľmi dôležité správne rozloženie jednotlivých
prvkov tak aby sa mohol jednoducho orientovať a našiel informácie ktoré mu chceme ponúknuť.
Jeho pohyb po stránke musí byť intuitívny a pohodlný.
UX designer navrhuje interakciu a snaží sa tak docieliť
pozitívny zážitotok uživatela na produkt alebo službu
Kto je to vlastne UX designer?
UX designer sa nezaoberá len samotným produktom, ale zaoberá sa celým ekosystémom.
Teda zaoberá sa všetkými elementmi ktoré daný produkt alebo službu vytvárajú.
(Reklamný leták, webová stránka, newsletter, call centrum, obal produktu)
UX designér vo svojej profesií využívá poznatky zo všetkých týchto oodborou – psychológie,
antropólogie, sociológie, informatika, grafický design, priemyselný design, komunikační design,
kognitívna veda atd.
UX designér je zodpovedný za návrh, ktorý bude funkční, použitelný, užitočný, a hlavne bude riešiť
problém užívateľa.
Zameranie na uživatela
UX designer UI designer Vývojár aplikácie alebo webu
Výskum Návrh Prostredie
HTML/CSS/JS
Pozadie
PHP/APACH/MySQL
Zameranie na technológie
Kde hľadať UX designera v procese výroby
Ako na uživatela?
Využite B=MAT (Fogg behavior model).
Zdroj: BJ Fogg | Behavior model
Ability
(shopnosť)
Triggers
(spúšťač)
Motivation
(motívacia)
Ako na uživatela?
Využite B=MAT (Fogg behavior model).
Zdroj: BJ Fogg | Behavior model
Triggers (spúšťač)
úspech
Action line
Ability (schopnosť)
Motivation(Motívacia)
Triggers (spúšťač)
neúspech
Hard to do
Low
Motivation
Hight
Motivation
Easy to do
Proces...
1. Definujme si čo chcem od uživateľa aby urobil
2. Definujte si motívačné prvky (radosť, strach, potešenie, bolesť, uspokojenie, sociálizácia)
	 facebook - motivácia / tagovanie na fotkách
	 Linkedin - motivácia / správa do mailu, že vás niekto kontaktoval
3. Definujte si schopnosť uživateľa reagovať (fyzická námaha, mentálna námaha, čas, peniaze, sociálna
deviácia, ukázať a aplikovať rutinu)
4. Definujte si spúšťače, ktoré vyvolajú akciu alebo reakciu
	 Zápalná iskra - prečo by mal uživatel reagovať / zapálte mu plamienok pred očami
	 Zariadenie (facilitátor) - úlohou facilitátora je umožniť a ulahčiť komunikáciu uživatela , aby sa
	 moholo sústrediť na vecný problem a nájsť riešenie. (postup, krokovanie, vysvetlivky)
	 Signál - urob to čo od teba chcem (klikni tu na button)
Ak sa uživateľ stráca na webstránke alebo sa bojí klinúť, ďalej. Znamená to že na stránke je veľa
informácií alebo nie sú uplne jasne definované signály, ktoré ho dovedú k správnym informáciam.
Ďakujemzapozornosť

Mais conteúdo relacionado

Destaque

Chapter 2 data
Chapter 2 dataChapter 2 data
Chapter 2 dataphakhwan22
 
Mainland China - Early Diner Strategy
Mainland China - Early Diner StrategyMainland China - Early Diner Strategy
Mainland China - Early Diner StrategyBarath Singh
 
01 introduction to data mining
01 introduction to data mining01 introduction to data mining
01 introduction to data miningphakhwan22
 
Ang Talumpati at Ilang Mahahalagang Salik
Ang Talumpati at Ilang Mahahalagang SalikAng Talumpati at Ilang Mahahalagang Salik
Ang Talumpati at Ilang Mahahalagang SalikEM Barrera
 
Ang Kasaysayan ng Noli Me Tangere
Ang Kasaysayan ng Noli Me TangereAng Kasaysayan ng Noli Me Tangere
Ang Kasaysayan ng Noli Me TangereEM Barrera
 
The origin of the universe
The origin of the universeThe origin of the universe
The origin of the universeHamalgo
 

Destaque (8)

Chapter 2 data
Chapter 2 dataChapter 2 data
Chapter 2 data
 
Mainland China - Early Diner Strategy
Mainland China - Early Diner StrategyMainland China - Early Diner Strategy
Mainland China - Early Diner Strategy
 
02 data
02 data02 data
02 data
 
01 introduction to data mining
01 introduction to data mining01 introduction to data mining
01 introduction to data mining
 
Ang Talumpati at Ilang Mahahalagang Salik
Ang Talumpati at Ilang Mahahalagang SalikAng Talumpati at Ilang Mahahalagang Salik
Ang Talumpati at Ilang Mahahalagang Salik
 
Ang Kasaysayan ng Noli Me Tangere
Ang Kasaysayan ng Noli Me TangereAng Kasaysayan ng Noli Me Tangere
Ang Kasaysayan ng Noli Me Tangere
 
psikologji
psikologjipsikologji
psikologji
 
The origin of the universe
The origin of the universeThe origin of the universe
The origin of the universe
 

Semelhante a Workflow / Little bit UX

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
 
Spolupráca UXáka a SEO špecialistu - Ako to (ne)robiť?
Spolupráca UXáka a SEO špecialistu - Ako to (ne)robiť?Spolupráca UXáka a SEO špecialistu - Ako to (ne)robiť?
Spolupráca UXáka a SEO špecialistu - Ako to (ne)robiť?Matej Chyľa
 
Design mobilnych aplikacii
Design mobilnych aplikaciiDesign mobilnych aplikacii
Design mobilnych aplikaciiSCR®
 
Ako má vyzerať dobrý web
Ako má vyzerať dobrý webAko má vyzerať dobrý web
Ako má vyzerať dobrý webPeter Bolebruch
 
UI/UX trendy webov a mobilných aplikácií
UI/UX trendy webov a mobilných aplikáciíUI/UX trendy webov a mobilných aplikácií
UI/UX trendy webov a mobilných aplikáciíSCR®
 
Č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
 
Na čo myslieť pri vytváraní WEBu | ui42 - ONLINE KLUB 2014
Na čo myslieť pri vytváraní WEBu | ui42 - ONLINE KLUB 2014Na čo myslieť pri vytváraní WEBu | ui42 - ONLINE KLUB 2014
Na čo myslieť pri vytváraní WEBu | ui42 - ONLINE KLUB 2014ONLINE KLUB
 
Personalizácia Hyundai.sk / MeasureCamp Bratislava 2019
Personalizácia Hyundai.sk / MeasureCamp Bratislava 2019Personalizácia Hyundai.sk / MeasureCamp Bratislava 2019
Personalizácia Hyundai.sk / MeasureCamp Bratislava 2019Basta digital
 
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
 
Ako si vytvorit jednoduchý biznis plán
Ako si vytvorit jednoduchý biznis plánAko si vytvorit jednoduchý biznis plán
Ako si vytvorit jednoduchý biznis plánVISIBILITY s.r.o.
 
How to use preoces intenal guides
How to use preoces intenal guidesHow to use preoces intenal guides
How to use preoces intenal guidesRastislav Neczli
 
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
 
Business Intelligence (BI) a reporting
Business Intelligence (BI) a reportingBusiness Intelligence (BI) a reporting
Business Intelligence (BI) a reportingMillennium.sk
 
Možnosti využívania metód analýzy časových radov na úrovni podniku
Možnosti využívania metód analýzy časových radov na úrovni podnikuMožnosti využívania metód analýzy časových radov na úrovni podniku
Možnosti využívania metód analýzy časových radov na úrovni podnikuMiroslav Reiter
 
WAME IS - modulárny informačný systém
WAME IS - modulárny informačný systémWAME IS - modulárny informačný systém
WAME IS - modulárny informačný systémMário Babej
 
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
 

Semelhante a Workflow / Little bit UX (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
 
Spolupráca UXáka a SEO špecialistu - Ako to (ne)robiť?
Spolupráca UXáka a SEO špecialistu - Ako to (ne)robiť?Spolupráca UXáka a SEO špecialistu - Ako to (ne)robiť?
Spolupráca UXáka a SEO špecialistu - Ako to (ne)robiť?
 
Design mobilnych aplikacii
Design mobilnych aplikaciiDesign mobilnych aplikacii
Design mobilnych aplikacii
 
Ako má vyzerať dobrý web
Ako má vyzerať dobrý webAko má vyzerať dobrý web
Ako má vyzerať dobrý web
 
UI/UX trendy webov a mobilných aplikácií
UI/UX trendy webov a mobilných aplikáciíUI/UX trendy webov a mobilných aplikácií
UI/UX trendy webov a mobilných aplikácií
 
Č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ť
 
Na čo myslieť pri vytváraní WEBu | ui42 - ONLINE KLUB 2014
Na čo myslieť pri vytváraní WEBu | ui42 - ONLINE KLUB 2014Na čo myslieť pri vytváraní WEBu | ui42 - ONLINE KLUB 2014
Na čo myslieť pri vytváraní WEBu | ui42 - ONLINE KLUB 2014
 
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ý
 
Prototypy
PrototypyPrototypy
Prototypy
 
Personalizácia Hyundai.sk / MeasureCamp Bratislava 2019
Personalizácia Hyundai.sk / MeasureCamp Bratislava 2019Personalizácia Hyundai.sk / MeasureCamp Bratislava 2019
Personalizácia Hyundai.sk / MeasureCamp Bratislava 2019
 
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
 
Ako si vytvorit jednoduchý biznis plán
Ako si vytvorit jednoduchý biznis plánAko si vytvorit jednoduchý biznis plán
Ako si vytvorit jednoduchý biznis plán
 
How to use preoces intenal guides
How to use preoces intenal guidesHow to use preoces intenal guides
How to use preoces intenal guides
 
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
 
Lubomir Jochim
Lubomir JochimLubomir Jochim
Lubomir Jochim
 
Business Intelligence (BI) a reporting
Business Intelligence (BI) a reportingBusiness Intelligence (BI) a reporting
Business Intelligence (BI) a reporting
 
347471_zaverecny_ukol
347471_zaverecny_ukol347471_zaverecny_ukol
347471_zaverecny_ukol
 
Možnosti využívania metód analýzy časových radov na úrovni podniku
Možnosti využívania metód analýzy časových radov na úrovni podnikuMožnosti využívania metód analýzy časových radov na úrovni podniku
Možnosti využívania metód analýzy časových radov na úrovni podniku
 
WAME IS - modulárny informačný systém
WAME IS - modulárny informačný systémWAME IS - modulárny informačný systém
WAME IS - modulárny informačný systém
 
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...
 

Workflow / Little bit UX

  • 8. 2.
  • 17. ROZLÍŠENIA MIN. A MAX. iMac 2560x1440 DNES UŽ 5K? Low-end 360x640 Samsung / Galaxy
  • 20. CELOPLOŠNÉ ÚPRAVY - NEPOUŽÍVAŤ
  • 25. UX design je zameraný na užívateľov a ich potreby a ciele, ale samozrejme aj na ich obmedzenia. Zameriava sa ako aj fyzické tak aj na kognitívne (kognitívna veda - veda o myslení) potreby užívateľa. Grafické riešenie používateľského rozhrania teda UX designu je dôležité pre jednoduché ovládanie a používanie aplikácie alebo webstránky. Pre uživateľa je veľmi dôležité správne rozloženie jednotlivých prvkov tak aby sa mohol jednoducho orientovať a našiel informácie ktoré mu chceme ponúknuť. Jeho pohyb po stránke musí byť intuitívny a pohodlný. UX designer navrhuje interakciu a snaží sa tak docieliť pozitívny zážitotok uživatela na produkt alebo službu
  • 26. Kto je to vlastne UX designer? UX designer sa nezaoberá len samotným produktom, ale zaoberá sa celým ekosystémom. Teda zaoberá sa všetkými elementmi ktoré daný produkt alebo službu vytvárajú. (Reklamný leták, webová stránka, newsletter, call centrum, obal produktu) UX designér vo svojej profesií využívá poznatky zo všetkých týchto oodborou – psychológie, antropólogie, sociológie, informatika, grafický design, priemyselný design, komunikační design, kognitívna veda atd. UX designér je zodpovedný za návrh, ktorý bude funkční, použitelný, užitočný, a hlavne bude riešiť problém užívateľa.
  • 27. Zameranie na uživatela UX designer UI designer Vývojár aplikácie alebo webu Výskum Návrh Prostredie HTML/CSS/JS Pozadie PHP/APACH/MySQL Zameranie na technológie Kde hľadať UX designera v procese výroby
  • 28. Ako na uživatela? Využite B=MAT (Fogg behavior model). Zdroj: BJ Fogg | Behavior model Ability (shopnosť) Triggers (spúšťač) Motivation (motívacia)
  • 29. Ako na uživatela? Využite B=MAT (Fogg behavior model). Zdroj: BJ Fogg | Behavior model Triggers (spúšťač) úspech Action line Ability (schopnosť) Motivation(Motívacia) Triggers (spúšťač) neúspech Hard to do Low Motivation Hight Motivation Easy to do
  • 30. Proces... 1. Definujme si čo chcem od uživateľa aby urobil 2. Definujte si motívačné prvky (radosť, strach, potešenie, bolesť, uspokojenie, sociálizácia) facebook - motivácia / tagovanie na fotkách Linkedin - motivácia / správa do mailu, že vás niekto kontaktoval 3. Definujte si schopnosť uživateľa reagovať (fyzická námaha, mentálna námaha, čas, peniaze, sociálna deviácia, ukázať a aplikovať rutinu) 4. Definujte si spúšťače, ktoré vyvolajú akciu alebo reakciu Zápalná iskra - prečo by mal uživatel reagovať / zapálte mu plamienok pred očami Zariadenie (facilitátor) - úlohou facilitátora je umožniť a ulahčiť komunikáciu uživatela , aby sa moholo sústrediť na vecný problem a nájsť riešenie. (postup, krokovanie, vysvetlivky) Signál - urob to čo od teba chcem (klikni tu na button) Ak sa uživateľ stráca na webstránke alebo sa bojí klinúť, ďalej. Znamená to že na stránke je veľa informácií alebo nie sú uplne jasne definované signály, ktoré ho dovedú k správnym informáciam.