UI/UX

transcript

UI/UXRobin Raszka@robinraszka

www.tapmates.com

Tuesday, June 22, 2010

Co je to UI? Co je to UX?

I have no idea what you’re talking about......so here is a bunny with a pancake on its head.

User InterfaceUI

UIUser Interface

UI je souhrn způsobů, jakými uživatelé ovlivňují chování strojů, zařízení, nebo počítačových programů, žen.

UIUser Interface

vstupy od uživatele, kterými se prostředí ovládá

UIUser Interface

vstupy od uživatele, kterými se prostředí ovládá

výstupy, které prezentují výsledky uživatelových vstupů

Mac-like

WinStrom Flexibee

Mac-like10 (nepsaných) pravidel pro design UI pro iOS apps

1. vlastnit iPhone či jiné zařízení s iOS

2. studovat HIG a aplikace v AppStore

3. mít cit pro design a detaily

4. jedna obrazovka by měla obsahovat jednu “věc”

5. nativní UI objekty

6. minimum in-screen objektů

7. žádné nastavení

8. nenořit uživatele hluboko do aplikace

9. dostatek whitespace a vhodné velikosti objektů

Not-Mac-like designDemo

Pastefire

Quadratic Master (Lukáš Petr)

Kamery Praha (Lukáš Petřík)

Mac-like designDemo

Twitter (Tweetie)

Reeder

Pastebot

Design processPostup při návrhu designu UI pro iOS apps

Wireframes

Nástroje pro tvorbuWireframes

Low-techRuční práce

Tužka a papír

Tužka a papír iPhone UI Stencil Kit

Tužka a papír iPhone UI Stencil Kit Notepod

High-techDrag and drop drop

Photoshop

Photoshop Interface Builder

Photoshop Interface Builder OmniGraffle

Wireframes

Wireframes Design

Wireframes Design Fine-Tuning

Nakreslená aplikace ve Photoshopu rozhodně neznamená, že práce designera končí!

Fine-Tuning[export fromPsd] != [Application sendToAppstore]

Nakreslená aplikace ve Photoshopu rozhodně neznamená, že práce designera končí!

Fine-Tuning[export fromPsd] != [Application sendToAppstore]

User ExperienceUX

UXUser Experience

UX jsou pocity (zážitky) uživatele při interakci s aplikací, službou nebo produktem. Je to abstraktní pojem.

UXUser Experience

lidé máji rádi krásný obal a ten i prodává

UXUser Experience

lidé máji rádi krásný obal a ten i prodává

o celkovém prožitku uživatele rozhodují především velmi malé detaily

Kua, tohle je fakt cool!10 důležitých rad pro lepší UX iOS app

1. UX > množství funkcí

2. jednoduchost

3. detaily, detaily, detaily

2. jednoduchost

4. texty, labels, typografie

2. jednoduchost

5. nenutit uživatele přemýšlet

2. jednoduchost

6. nepřenášet zvyky z jiných medií/OS

2. jednoduchost

7. nejdřív zábava a pak práce

2. jednoduchost

8. “opravdu je to nutné tam mít tenhle button?”

2. jednoduchost

9. překvapte uživatele

2. jednoduchost

9. překvapte uživatele

10. nechte si poradit

Uživateli velmi oblíbená app nemá tolik funkcí jako konkureční app ale přesto se prodává lépe.

Mezi uživateli je oblibená, protože je jednoduchá na ovládání, vydává zvuky a má strašně cool refresh.

“The age of features is dead;Welcome to the age of User

Experience.”

— Aral Balkan, @aral

Otázky?

@robinraszkawww.tapmates.com