UI/UX

UI/UXRobin Raszka@robinraszka

www.tapmates.com

Tuesday, June 22, 2010

mailto:[email protected]




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










8. nenořit uživatele hluboko do aplikace

9. dostatek whitespace a vhodné velikosti objektů


Not-Mac-like designDemo


Pastefire


Quadratic Master (Lukáš Petr)


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



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




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.



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


http://www.tapmates.com

http://www.tapmates.com

Date post:	18-Jan-2015
Category:	Design
Upload:	robin-raszka
View:	1,587 times
Download:	1 times