Top Banner
wezeo.com
31

Workflow / Little bit UX

Jul 28, 2015

Download

Design

Mate Klemp
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Workflow / Little bit UX

wezeo.com

Page 2: Workflow / Little bit UX

WEZEOČo vlastne robíme?

Page 3: Workflow / Little bit UX

Analýza Realizácia LaunchŠpecifikáciaprojektu projektu projektu

projektu

Page 4: Workflow / Little bit UX
Page 5: Workflow / Little bit UX

WORKFLOW Grafického designéra

Page 6: Workflow / Little bit UX

Funkčnášpecifikácia

1.

Page 7: Workflow / Little bit UX
Page 8: Workflow / Little bit UX

2.

Page 9: Workflow / Little bit UX
Page 10: Workflow / Little bit UX
Page 11: Workflow / Little bit UX

Patterns

3.

Page 12: Workflow / Little bit UX

JUSTINSIGN_PATTERNSUI.PSD

TAPATY_PATTERNSUI.PSD

1

1

Page 13: Workflow / Little bit UX
Page 14: Workflow / Little bit UX
Page 15: Workflow / Little bit UX

4.

Grid

Page 16: Workflow / Little bit UX

960px 1140px

Page 17: Workflow / Little bit UX

ROZLÍŠENIA MIN. A MAX.

iMac2560x1440

DNES UŽ 5K?

Low-end 360x640Samsung / Galaxy

Page 18: Workflow / Little bit UX

iMac2560x1440

Page 19: Workflow / Little bit UX

iMac2560x1440

Page 20: Workflow / Little bit UX

CELOPLOŠNÉ ÚPRAVY - NEPOUŽÍVAŤ

Page 21: Workflow / Little bit UX

5.

Tools

Page 22: Workflow / Little bit UX
Page 23: Workflow / Little bit UX

Prezentácia

Page 24: Workflow / Little bit UX
Page 25: 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

Page 26: Workflow / Little bit UX

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.

Page 27: Workflow / Little bit UX

Zameranie na uživatela

UX designer UI designer Vývojár aplikácie alebo webu

Výskum Návrh ProstredieHTML/CSS/JS

PozadiePHP/APACH/MySQL

Zameranie na technológie

Kde hľadať UX designera v procese výroby

Page 28: Workflow / Little bit UX

Ako na uživatela?Využite B=MAT (Fogg behavior model).

Zdroj: BJ Fogg | Behavior model

Ability (shopnosť)

Triggers(spúšťač)

Motivation(motívacia)

Page 29: Workflow / Little bit UX

Ako na uživatela?Využite B=MAT (Fogg behavior model).

Zdroj: BJ Fogg | Behavior model

Triggers (spúšťač)úspech

Action line

Ability (schopnosť)

Mot

ivat

ion

(Mot

ívac

ia)

Triggers (spúšťač)neúspech

Hard to do

LowMotivation

HightMotivation

Easy to do

Page 30: Workflow / Little bit UX

Proces...

1. Definujme si čo chcem od uživateľa aby urobil2. 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.

Page 31: Workflow / Little bit UX

Ďakujem za pozornosť