Dmytro Kochergin "Horizon FUN"

2. ИСТОРИЯ ПРОЕКТА
• В 2013 отделились от DB
• Ни одного фронтендера
• >30 подпроектов сделано

3. ИСТОРИЯ ПРОЕКТА

4. КАК ДЕЛАЕТСЯ ПРОЕКТ
Business
problem
?
Business
consulting
BA
??
Business logic
implementation
PM, Developers
UX
Designer
Business logic
implementation
PM, Developers

5. АНИМАЦИИ

6. АНИМАЦИИ, ИНКРЕМЕНТАЛЬНЫЕ ЗАДЕРЖКИ

7. АНИМАЦИИ, ИНКРЕМЕНТАЛЬНЫЕ ЗАДЕРЖКИ

8. АНИМАЦИИ, ИНКРЕМЕНТАЛЬНЫЕ ЗАДЕРЖКИ

9. АНИМАЦИИ, ИНКРЕМЕНТАЛЬНЫЕ ЗАДЕРЖКИ

10. АНИМАЦИИ, ПОСТОЯНСТВО

11. АНИМАЦИИ, ПОСТОЯНСТВО

12. АНИМАЦИИ, ПОСТОЯНСТВО

13. АНИМАЦИИ, ПАРАЛЛАКС

14. АНИМАЦИИ, ПАРАЛЛАКС

15. АНИМАЦИИ, ВОЗМОЖНОСТЬ ОТКЛЮЧЕНИЯ

16. ТЕРПИМОСТЬ К ОШИБКАМ

17. ТЕРПИМОСТЬ К ОШИБКАМ ПОЛЬЗОВАТЕЛЯ
UBUNTU HUD

18. ТЕРПИМОСТЬ К ОШИБКАМ ПОЛЬЗОВАТЕЛЯ

19. ТЕРПИМОСТЬ К ОШИБКАМ ПОЛЬЗОВАТЕЛЯ

20. ТЕРПИМОСТЬ К ОШИБКАМ ПОЛЬЗОВАТЕЛЯ

21. КЛИКИ, ЗОНА КЛИКА

22. КЛИКИ, ЗОНА КЛИКА

23. КЛИКИ, ЗОНА КЛИКА

24. КЛИКИ, СОБЫТИЕ
• Use onMouseDown instead of onClick whereever possible
• better for day-to-day work
• Don't use onMouseDown
• when drag or scroll on same element is needed
• right mouse button click is needed.
• very time-consuming operation will be started by click and user should
be able to change his mind.

25. КЛИКИ, СОБЫТИЕ

26. КЛИКИ, СОБЫТИЕ

27. КЛИКИ, MOUSEMOVE

28. КЛИКИ, MOUSEMOVE

29. КЛИКИ, МЕНЬШЕ КЛИКОВ, ANTIPATTERN

30. КЛИКИ, МЕНЬШЕ КЛИКОВ

31. КЛИКИ, МЕНЬШЕ КЛИКОВ, TOASTR
ДЛЯ НЕБЛОКИРУЮЩИХ УВЕДОМЛЕНИЙ

32. СВЕТЛАЯ И ТЕМНАЯ ТЕМА

33. СВЕТЛАЯ И ТЕМНАЯ ТЕМА

34. СВЕТЛАЯ И ТЕМНАЯ ТЕМА

35. NEON GLOW

36. NEON GLOW

37. NEON GLOW

38. NEON GLOW

39. NEON GLOW

40. ЭФФЕКТ КАПЛИ

41. ПЕРСПЕКТИВА

42. ПРОИЗВОДИТЕЛЬНОСТЬ И
ВОСПРИЯТИЕ

43. ПРОИЗВОДИТЕЛЬНОСТЬ И ВОСПРИЯТИЕ
Nobody cares how fast the site IS, everyone cares
how fast it FEELS.

44. ПРОИЗВОДИТЕЛЬНОСТЬ И ВОСПРИЯТИЕ
Восприятие производительности столь же
эффективно, как и фактическая
производительность во многих случаях
Apple developer guidelines

45. ПРОИЗВОДИТЕЛЬНОСТЬ И ВОСПРИЯТИЕ

46. ПРОИЗВОДИТЕЛЬНОСТЬ И ВОСПРИЯТИЕ

47. ПРОИЗВОДИТЕЛЬНОСТЬ И ВОСПРИЯТИЕ

48. ПРОИЗВОДИТЕЛЬНОСТЬ И ВОСПРИЯТИЕ

49. PREMATURE START

50. ПРОИЗВОДИТЕЛЬНОСТЬ И ВОСПРИЯТИЕ

51. ВНИМАНИЕ К ДЕТАЛЯМ

52. ВНИМАНИЕ К ДЕТАЛЯМ
• Показать что вам не все равно
• 404 страница, cтраница «сервер временно недоступен»
• Логотип Google
• Пасхалки
• Новогодняя тема

53. ВНИМАНИЕ К ДЕТАЛЯМ
• “Любая игра интересна, пока не известны все правила,
пока нельзя все спрогнозировать до конца игры.”

54. ВНИМАНИЕ К ДЕТАЛЯМ

55. ВНИМАНИЕ К ДЕТАЛЯМ

56. ИДЕАЛЬНЫЕ ПИКСЕЛИ

57. ВНИМАНИЕ К ДЕТАЛЯМ

60. FUN!
• Fun начинается с “Было бы круто, если…”
• Добавляйте изюминку, чтобы самим не скушно было.
• Убирает пафос и официозность
• Cплачивает команду
• Это продается!