Out Of The Box Experience + First Time User Experience = WTF. Slajdy z UX Circus.

1. OOBE + FTUE = WTF
Jan Stawarczyk
@uxdcz

2. Kindle má krásný out-of-the box experience. Je krásně a zábavně zabalený a od prvního
okamžiku ve Vás vzbuzuje pozitivní emoce.

3. První co uvidíte po rozbalení krabice je přístroj. Přímo ilustruje své schopnosti a další kroky k
jeho používání. Žádné ohavné manuály a fólie.

4. Jednoduchá a přehledná instalace na první použití.

5. OOBE = Out-Of-Box
Experience
Out-of-box experience (OOBE) is the
experience a consumer (or user) has when
preparing to first use a new product.
In relation to computing,
this includes the setup process of
installing and/or performing initial
configuration of a piece
of hardware or software on a computer.
This generally follows the point-of-
sale experience or the interaction
Wikipedia

6. První co uvidíte po instalaci je poděkování. Navíc přímo ve formě elektronické knihy, přímo na
zařízení na které jste se těšili.

7. Začnete listovat a uvidíte návod jak se ovládá hardware tak…

8. i sw a UI.

9. FTUE = First Time User
Experience
First-time user experience (FTUE) is initial
stages of using product, particularly
the configuration steps (like signing up for
an account, or configuring a DVR).
This differs from out-of-box
experience (OOBE) that is specifically about
packaging, information presentation, and
setup of the system out of the box.

10. OOBE = Out-Of-Box Experien
OOBE je o tom vyvolat pozitivní emoce, Haló efekt, který si udržíte v prvních fázích při práci s
produktem.

11. WTF(E) = What the Fuck
(Experience)?!
Opak pozitivního OOBE je negativní zážitek – WTFE :) Po rozbalení tohoto plastového obalu
budete rozčíleni a budou ve Vás převládat negativní emoce k zařízení a společnosti, která jej

12. FTUE = First Time User
Experience
Na rozdíl od OOBE je First Time User Experience spíše jako slepecký pes, kde vy jste slepec a
pes vás provádí prvními fázemi práce s produktem.

13. Používání
OOBE FTUE

14. V mobilních aplikacích je silný důraz na FTUE

15. Ve formě různých splash screens nebo popisu nových gest, ovšem spalsh screeny zdržují od
používání aplikace. Nový tred je tedy okopírovaný z her…

16. In-place help jako u
her…
In-place help, který Vás přímo protáhne aplikací.

17. Podobně jako u Diabla III (btw mám postavu level 60, jestli chcete někdo dát coop napište ).
Nemám žádné tutorialy, ale přímo během hry získávám in-place help v malé a neinvazivní

18. Jako i u jiných her…

19. Toto už je příklad z mého dítěte Polarion. Evaluátor má možnost otevřít demo projekty pro Agile
nebo Mechatronics, začít vlastní projekt. Nebo si přímo v Polarionu otevřít „Evaluation Guide“
Live Document – podobná technologie jako v Google Docs, jeden z hlavních stavebních
kamenů Polarionu, či spustit tutorial videa.

20. Welcome screen v Confluence.

21. Tasky formou wizardů.

22. Demo data!
Basecamp má skvělá demo data – demo projekt.

23. Přímo v demo datech je tutorial jako demonstrace práce s produktem.

24. Nové google maps pro FTUE využívají interaktivní tutorial.

25. Progressive Reduction
Budoucnost FTUE – Progressive Reduction – s časem a zkušenostmi s používáním produktu
mizí popisky na ovládacích prvcích.

26. Dbejte i na Out-Of-Box Experience
a
First Time User Experience!
Používání
OOBE FTUE
UX designéři se zaměřují na fázi používání, ale FTUE a OOBE je podstatná fáze. Myslete na ni!

27. Jan Stawarczyk
@uxdcz / www.uxd.cz
http://www.linkedin.com/in/janstawar
czyk
Použité obrázky:
http://www.flickr.com/photos/paj/sets/72157623495336203/with/4433280822/
http://dailypeptalk.files.wordpress.com/2012/03/wow-face.jpg
http://4.bp.blogspot.com/-m-ovY35lQ4o/UR14TwHXiXI/AAAAAAAAGUs/odoct8-x1vY/s1600/canopenerplastic.jpg.jpg
http://blog.patternsofdesign.co.uk/system/images/BAhbBlsHOgZmSSI3MjAxMy8wMi8wOC8xMS8xMC8xNC8yMzkvcHJvZ3Jlc3NpdmVfcmVkdW
N0aW9uMi5wbmcGOgZFVA/progressive_reduction2.png